@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root { font-family:'DM Sans',system-ui,sans-serif; color:#182033; background:#f4f6fa; font-synthesis:none; --navy:#111d3b; --navy-soft:#1d315f; --blue:#2563eb; --line:#e1e6ef; --muted:#6c778d; --surface:#fff; --shadow:0 14px 40px rgba(23,37,84,.07) }
*{box-sizing:border-box} body{margin:0;min-width:320px;min-height:100vh} button,input,select,textarea{font:inherit} button,a{-webkit-tap-highlight-color:transparent} a{color:inherit;text-decoration:none} button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58} h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.025em;color:#11182a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800;color:#3973dc}
.btn{border:1px solid transparent;min-height:42px;border-radius:9px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.88rem;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 6px 16px rgba(37,99,235,.2)}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#34405a;border-color:#d7ddea;box-shadow:none}.btn-secondary:hover{background:#f7f9fc}.btn-success{background:#087f5b;color:#fff}.btn-danger-ghost{color:#b42318;background:#fff;border-color:#f3c6c3;box-shadow:none}.btn-sm{min-height:36px;padding:0 12px;font-size:.82rem}
.input{width:100%;min-height:44px;border:1px solid #d7deea;border-radius:9px;background:#fff;color:#172033;padding:10px 12px;outline:0;transition:.15s}.input::placeholder{color:#9aa4b6}.input:focus{border-color:#6692ed;box-shadow:0 0 0 3px rgba(37,99,235,.11)}.select{appearance:auto;text-transform:capitalize}.textarea{min-height:100px;line-height:1.6;resize:vertical}.form-field{display:grid;gap:7px;color:#303a50;font-weight:700;font-size:.86rem}.form-field>span i{color:#d34141;font-style:normal}.form-field small{color:#7d879a;font-weight:500}.form-field .field-error{color:#b42318}
.alert{padding:12px 14px;border-radius:9px;display:flex;align-items:flex-start;gap:9px;font-size:.88rem;line-height:1.45}.alert svg{flex:0 0 auto;margin-top:1px}.alert-error{color:#9f2118;background:#fff1ef;border:1px solid #ffd0cc}.alert-success{color:#08724f;background:#ecfdf5;border:1px solid #b9f3d8}.loader{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:.9rem}.spinner{display:inline-block;width:26px;height:26px;border-radius:50%;border:3px solid #dce5f7;border-top-color:var(--blue);animation:spin .7s linear infinite}.spinner.tiny{width:15px;height:15px;border-width:2px;border-color:rgba(255,255,255,.4);border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}
.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:800;line-height:1.25;text-transform:capitalize}.badge-status-open{color:#1b5ab8;background:#eaf2ff}.badge-status-in_progress{color:#7047a2;background:#f1eafa}.badge-status-pending{color:#8c5b10;background:#fff2d7}.badge-status-resolved{color:#087858;background:#e6f8f1}.badge-status-closed{color:#536075;background:#edf0f5}.badge-priority-low{color:#526174;background:#edf1f5}.badge-priority-medium{color:#1d5fbf;background:#e8f1ff}.badge-priority-high{color:#a05208;background:#fff0d2}.badge-priority-urgent{color:#b42318;background:#ffebe9}.badge-role-customer{color:#475569;background:#edf0f4}.badge-role-agent{color:#1758b3;background:#e7f0ff}.badge-role-admin{color:#6a3a99;background:#f2e8fa}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(410px,.85fr) 1.15fr;background:#fff}.auth-story{min-height:100vh;padding:44px clamp(34px,5vw,72px);color:#d7e2f7;background:radial-gradient(circle at 15% 80%,rgba(47,111,237,.32),transparent 30%),var(--navy);display:flex;flex-direction:column;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:11px;color:#fff;font:700 1.05rem Manrope}.auth-brand span{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:var(--blue)}.auth-message{max-width:510px}.auth-message .eyebrow{color:#86b2ff}.auth-message h1{color:#fff;font-size:clamp(2.35rem,4vw,4.2rem);line-height:1.06;margin:18px 0 22px}.auth-message>p{font-size:1.06rem;line-height:1.65;color:#b5c3db;max-width:480px}.auth-message ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:13px}.auth-message li{display:flex;align-items:center;gap:10px;font-weight:600}.auth-message li svg{color:#70a7ff;width:18px}.auth-story>small{color:#8b9bb9}.auth-main{padding:40px;display:grid;place-items:center;overflow:auto}.auth-card{width:min(100%,440px)}.auth-card h2{margin:9px 0 7px;font-size:1.85rem}.auth-card>.muted{margin-bottom:26px}.auth-card .alert{margin-bottom:18px}.auth-card form{display:grid;gap:18px}.auth-card form .btn{margin-top:5px;min-height:46px}.auth-switch{text-align:center;color:var(--muted);margin:24px 0;font-size:.9rem}.auth-switch a,.text-link{color:var(--blue);font-weight:700}.demo-hint{padding:14px;background:#f6f8fc;border:1px solid var(--line);border-radius:10px;display:grid;gap:3px;font-size:.8rem}.demo-hint span{color:var(--muted)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;z-index:40;background:var(--navy);color:#aebbd2;display:flex;flex-direction:column;padding:26px 18px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand>span{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center}.brand div{display:grid}.brand strong{color:#fff;font:700 .98rem Manrope}.brand small{color:#8595b3;font-size:.68rem;margin-top:1px}.sidebar-close{display:none}.sidebar nav{margin-top:42px;display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:8px;color:#9aa9c4;font-weight:600;font-size:.88rem;transition:.15s}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar nav a.active{color:#fff;background:var(--navy-soft);box-shadow:inset 3px 0 #5a8ff5}.sidebar-account{margin-top:auto;padding:13px 9px 0;border-top:1px solid #263452;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-width:0}.avatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;color:#fff;background:#315dba;display:grid;place-items:center;font-size:.78rem;font-weight:800;text-transform:uppercase}.sidebar-account div:nth-child(2){min-width:0;display:grid}.sidebar-account strong{color:#fff;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account small{color:#8293b1;font-size:.66rem;text-transform:capitalize}.sidebar-account button,.sidebar-close{padding:6px;color:#8192b0;background:transparent;border:0}.app-main{grid-column:2;min-width:0}.topbar{height:72px;padding:0 clamp(22px,4vw,56px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.topbar>div{display:grid}.topbar small{color:var(--muted);font-size:.67rem}.topbar strong{font:700 .97rem Manrope}.menu-btn{display:none}.topbar-action{color:var(--blue);border:1px solid #cfdbf3;border-radius:8px;min-height:36px;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:.81rem;font-weight:700}.page-content{padding:38px clamp(22px,4vw,56px) 72px;max-width:1540px;margin:auto}.page-stack{display:grid;gap:22px}.narrow-page{max-width:900px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-heading h1{margin:7px 0 5px;font-size:clamp(1.65rem,2.6vw,2.25rem)}.page-heading p{margin:0;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #edf0f5}.panel-header h2{margin:0 0 3px;font-size:1.05rem}.panel-header p{margin:0;color:var(--muted);font-size:.8rem}.panel-header>a{color:var(--blue);display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700}
.dashboard-banner{min-height:184px;padding:30px 36px;border-radius:17px;color:#d8e6fc;background:linear-gradient(115deg,#15264d,#244984);display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 16px 38px rgba(20,39,79,.18);overflow:hidden;position:relative}.dashboard-banner:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:52px solid rgba(104,158,255,.08);right:-70px;top:-80px}.dashboard-banner>div{z-index:1}.dashboard-banner span{color:#8cb8ff;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.dashboard-banner h2{color:#fff;font-size:clamp(1.35rem,2.4vw,2rem);margin:9px 0 7px}.dashboard-banner p{color:#b6c9e6;margin:0}.resolution-rate{text-align:right;min-width:120px}.resolution-rate strong{font:800 2.75rem Manrope;color:#fff;display:block}.resolution-rate small{color:#9eb5d6}.stat-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px}.stat-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px}.stat-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.stat-icon.blue{background:#e8f1ff;color:#2b63c4}.stat-icon.orange{background:#fff1dd;color:#b35f0c}.stat-icon.purple{background:#f2eafb;color:#7543a6}.stat-icon.slate{background:#edf1f5;color:#526174}.stat-icon.green{background:#e5f7ef;color:#128060}.stat-icon.navy{background:#e8edf7;color:#253e73}.stat-card div{display:grid}.stat-card small{color:var(--muted);font-size:.68rem;white-space:nowrap}.stat-card strong{font:800 1.45rem Manrope;margin-top:2px}.recent-list{display:grid}.recent-list>a{padding:16px 22px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:18px;transition:.15s}.recent-list>a:last-child{border:0}.recent-list>a:hover{background:#fafbfe}.recent-list>a>div{display:grid;gap:4px}.recent-list small{color:var(--muted);font-size:.68rem}.recent-list strong{font-size:.9rem}.recent-list>a>div:last-child{display:flex;align-items:center;gap:7px}
.filters-panel{box-shadow:none}.search-form{padding:16px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:8px}.search-form>svg{color:#7c879b;margin-left:4px}.search-form .input{border:0;box-shadow:none;padding-left:4px}.filters-row{border-top:1px solid #edf0f5;padding:12px 16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters-row>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem;font-weight:700;margin-right:4px}.filters-row .select{width:auto;min-width:130px;min-height:36px;padding-block:6px;font-size:.78rem}.clear-btn{background:transparent;border:0;color:var(--blue);font-size:.75rem;font-weight:700}.table-panel{overflow:hidden}.responsive-table{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{color:#687389;background:#f9fafc;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #edf0f5;font-size:.82rem;color:#3c475d;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfe}.ticket-title{display:grid;gap:3px;min-width:210px}.ticket-title small{color:#788397;font-size:.67rem}.ticket-title strong{color:#172033;font-size:.84rem}.icon-link{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:#526174}.pagination{min-height:62px;padding:12px 16px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.pagination>span{color:var(--muted);font-size:.75rem}.pagination>div{display:flex;gap:8px}.empty-state{min-height:240px;padding:38px 20px;text-align:center;display:grid;place-content:center;justify-items:center}.empty-state>span{width:48px;height:48px;display:grid;place-items:center;color:#4c6da8;background:#edf3fd;border-radius:12px}.empty-state h3{margin:15px 0 5px;font-size:1rem}.empty-state p{color:var(--muted);font-size:.85rem;margin-bottom:14px}
.back-link{width:fit-content;display:inline-flex;align-items:center;gap:6px;color:#556176;font-size:.8rem;font-weight:700}.form-panel{padding:25px}.form-panel-intro{display:flex;align-items:flex-start;gap:13px;padding-bottom:21px;margin-bottom:22px;border-bottom:1px solid var(--line)}.form-panel-intro>span{width:40px;height:40px;border-radius:9px;background:#eaf2ff;color:#2c64c2;display:grid;place-items:center}.form-panel-intro h2{margin:0 0 3px;font-size:1.05rem}.form-panel-intro p{color:var(--muted);margin:0;font-size:.8rem}.ticket-form{display:grid;gap:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}
.ticket-hero{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ticket-kicker{display:flex;align-items:center;gap:10px;margin-bottom:9px}.ticket-kicker>span{color:#5f6b80;font-size:.75rem;font-weight:800;letter-spacing:.04em}.ticket-hero h1{margin:0 0 7px;font-size:clamp(1.4rem,2.5vw,2rem)}.ticket-hero p{color:var(--muted);margin:0;font-size:.8rem}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.ticket-primary,.ticket-aside{display:grid;gap:20px}.detail-panel{padding:22px}.detail-panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.detail-panel h2,.management-panel h2,.ticket-facts h2,.activity-panel h2{margin:0;font-size:1rem}.ticket-description{white-space:pre-wrap;line-height:1.75;margin:18px 0 3px;color:#354057}.management-panel{padding:22px}.management-panel>header p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.management-grid label{display:grid;gap:6px;color:#59657a;font-size:.72rem;font-weight:700}.management-grid .select{min-height:40px;font-size:.79rem}.comments-panel{overflow:hidden}.comments-panel>.panel-header>svg{color:#73809a}.comment-list{padding:0 22px}.comment{display:grid;grid-template-columns:35px 1fr;gap:11px;padding:20px 0;border-bottom:1px solid #edf0f5}.comment>div:last-child{min-width:0}.comment header{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment header strong{font-size:.82rem}.comment header time{margin-left:auto;color:#8993a5;font-size:.68rem}.comment p{margin:9px 0 0;color:#3b465a;font-size:.86rem;white-space:pre-wrap;line-height:1.6}.comment-delete{margin-top:8px;padding:0;border:0;background:none;color:#9b5b5b;display:flex;align-items:center;gap:4px;font-size:.68rem}.comment-form{padding:20px 22px;background:#fafbfc}.comment-form>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.comment-form small{color:#8993a5}.ticket-facts,.activity-panel{padding:20px}.ticket-facts h2,.activity-panel h2{padding-bottom:14px;border-bottom:1px solid var(--line)}.ticket-facts dl{margin:0;display:grid}.ticket-facts dl>div{padding:13px 0;border-bottom:1px solid #edf0f5}.ticket-facts dl>div:last-child{border:0}.ticket-facts dt{color:#8993a5;font-size:.68rem;margin-bottom:5px}.ticket-facts dd{margin:0;display:flex;align-items:center;gap:6px;color:#374257;font-size:.79rem}.activity-panel ol{list-style:none;margin:18px 0 0;padding:0}.activity-panel li{position:relative;display:grid;grid-template-columns:13px 1fr;gap:10px;padding-bottom:18px}.activity-panel li:not(:last-child):before{content:'';position:absolute;width:1px;background:#dce3ee;left:5px;top:12px;bottom:0}.activity-panel li>span{width:11px;height:11px;border:3px solid #94b6f2;background:#fff;border-radius:50%;z-index:1;margin-top:3px}.activity-panel p{margin:0 0 4px;font-size:.75rem;line-height:1.45}.activity-panel small,.activity-panel time{display:block;color:#8792a5;font-size:.66rem;margin-top:3px}
.profile-card{padding:30px;display:grid;grid-template-columns:70px 1fr;gap:14px 18px}.profile-avatar{width:70px;height:70px;border-radius:16px;background:#1c4eaa;color:#fff;display:grid;place-items:center;font:800 1.7rem Manrope}.profile-card>div:nth-child(2){align-self:center}.profile-card h2{margin:0 0 7px}.profile-card dl{grid-column:1/-1;display:grid;margin:14px 0 0}.profile-card dl>div{display:grid;grid-template-columns:190px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.profile-card dt{color:#69758a;display:flex;align-items:center;gap:8px;font-size:.79rem;font-weight:700}.profile-card dd{margin:0;font-size:.82rem}.profile-note{grid-column:1/-1;background:#f3f6fb;color:#667186;padding:12px 14px;border-radius:8px;font-size:.77rem;margin:4px 0 0}.heading-stat{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#48628f}.heading-stat span{display:grid;font-size:.7rem;color:var(--muted)}.heading-stat strong{color:#182033;font-size:1rem}.user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.user-cell>div{display:grid;gap:3px}.user-cell strong{color:#1d2638}.user-cell small{color:var(--muted)}.self-label{display:inline-flex;align-items:center;gap:6px;color:#526174;font-size:.75rem}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:start}.category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#edf3fc;color:#3d67ad}.category-card h2{font-size:.96rem;margin:2px 0 5px}.category-card p{color:var(--muted);font-size:.78rem;line-height:1.5;margin:0 0 10px}.category-card small{color:#7b8699;font-size:.69rem}.card-actions{display:flex;gap:5px}.card-actions button{width:31px;height:31px;border:1px solid var(--line);background:#fff;color:#667187;border-radius:7px;display:grid;place-items:center}.card-actions button:last-child{color:#a64039}.full-span{grid-column:1/-1}
.modal-backdrop{position:fixed;z-index:80;inset:0;background:rgba(9,17,34,.58);display:grid;place-items:center;padding:20px}.modal{width:min(100%,520px);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.modal>header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal>header h2{margin:0;font-size:1.05rem}.modal>header button{background:none;border:0;color:#6f7a8e;display:grid;place-items:center}.modal-form{padding:22px;display:grid;gap:18px}.toast-region{position:fixed;z-index:100;right:22px;bottom:22px;display:grid;gap:9px;width:min(360px,calc(100vw - 30px))}.toast{color:#263248;background:#fff;border:1px solid var(--line);border-left:4px solid #14835f;border-radius:9px;padding:12px 13px;box-shadow:0 14px 40px rgba(17,29,59,.18);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:.82rem}.toast-error{border-left-color:#c3443b}.toast-error>svg{color:#c3443b}.toast-success>svg{color:#14835f}.toast button{border:0;background:none;color:#8190a6;padding:2px;display:grid;place-items:center}.not-found{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:25px;text-align:center;background:#f5f7fb}.not-found>span{color:var(--blue);font:800 4rem Manrope}.not-found h1{margin:3px 0 10px}.not-found p{color:var(--muted);margin-bottom:24px}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(3,1fr)}.ticket-layout{grid-template-columns:minmax(0,1fr) 300px}.management-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-main{grid-column:1}.sidebar{transform:translateX(-100%);transition:.2s;box-shadow:20px 0 50px rgba(8,18,39,.2)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;z-index:35;background:rgba(9,17,34,.45);border:0}.sidebar-close{display:grid;margin-left:auto}.menu-btn{display:grid;place-items:center;border:0;background:transparent;color:#465268;padding:4px}.topbar{justify-content:flex-start;gap:13px}.topbar-action{margin-left:auto}.ticket-layout{grid-template-columns:1fr}.ticket-aside{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh}}
@media(max-width:680px){.page-content{padding:26px 16px 55px}.topbar{height:64px;padding:0 16px}.topbar>div small{display:none}.topbar-action{font-size:0;padding:0 10px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading>.btn,.page-heading>a.btn{width:100%}.dashboard-heading>.btn{display:none}.dashboard-banner{padding:25px;min-height:190px}.resolution-rate{display:none}.stat-grid{grid-template-columns:1fr 1fr}.recent-list>a{align-items:flex-start}.recent-list>a>div:last-child{flex-direction:column;align-items:flex-end}.filters-row{display:grid;grid-template-columns:1fr 1fr}.filters-row>span{grid-column:1/-1}.filters-row .select{width:100%;min-width:0}.filters-row .clear-btn{grid-column:1/-1}.search-form{grid-template-columns:auto 1fr}.search-form .btn{grid-column:1/-1}.pagination{align-items:stretch;flex-direction:column}.pagination>div{display:grid;grid-template-columns:1fr 1fr}.form-grid,.management-grid,.ticket-aside,.category-grid{grid-template-columns:1fr}.form-panel{padding:20px}.form-actions{display:grid;grid-template-columns:1fr 1fr}.ticket-hero{padding:20px}.ticket-hero>.btn{padding:0 10px}.comment header time{flex-basis:100%;margin-left:0}.profile-card{padding:22px}.profile-card dl>div{grid-template-columns:1fr;gap:7px}.auth-main{padding:34px 20px}.heading-stat{display:none}}
.hero-actions{display:flex;align-items:center;gap:8px}.modal-alert{padding:18px 22px 0}
.github-demo-note{display:flex;flex-direction:column;gap:3px;margin:18px 0;padding:12px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a}.github-demo-note span{font-size:.82rem;color:#475569}.demo-account-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.demo-account-buttons button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e3a8a;font-weight:700;padding:8px;cursor:pointer}.demo-account-buttons button:hover{border-color:#3b82f6;background:#eff6ff}.demo-account-buttons button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.ticket-hero{flex-direction:column}.hero-actions{width:100%;flex-wrap:wrap}.comment-form>div{align-items:stretch;flex-direction:column;gap:9px}}