:root{color:#10243e;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:flex}aside{color:#d9e7f5;background:#0f2745;flex-direction:column;width:250px;padding:28px 18px;display:flex}.brand{letter-spacing:-.04em;color:#fff;margin:4px 10px 42px;font-size:21px;font-weight:800}.brand span{color:#86a9c8;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}nav{gap:7px;display:grid}nav button,.logout{color:#a9c0d7;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}nav button.active,nav button:hover{color:#fff;background:#1f4770}.logout{margin-top:auto}.content{flex:1;max-width:1400px;padding:48px clamp(24px,5vw,72px)}header{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}h1{letter-spacing:-.05em;margin:3px 0;font-size:36px}.eyebrow{color:#4979a3;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:11px;font-weight:800}.icon-button{color:#487399;cursor:pointer;background:#fff;border:1px solid #d8e2ec;border-radius:11px;padding:10px}.grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;display:grid}.metric,.panel{background:#fff;border:1px solid #dce6ef;border-radius:20px;box-shadow:0 12px 30px #12345d0b}.metric{gap:10px;padding:23px;display:grid}.metric svg{color:#2c78b4}.metric span{color:#6a8095;font-size:13px}.metric strong{letter-spacing:-.05em;font-size:31px}.panel{padding:24px}.panel-head{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:19px}.rows{display:grid}.row{border-bottom:1px solid #edf1f5;align-items:center;gap:16px;padding:17px 2px;display:flex}.row>div{flex:1;min-width:0}.row strong,.row small{display:block}.row strong{font-size:14px}.row small{color:#71859a;margin-top:5px;font-size:12px}.status{background:#eef3f7;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800}.status.failed,.status.open{color:#b84335;background:#fff0ed}.status.completed,.status.resolved{color:#258052;background:#e9f8ef}.status.processing,.status.pending{color:#3677ac;background:#edf5ff}.secondary,.primary{cursor:pointer;border:0;border-radius:9px;padding:9px 13px;font-weight:700}.secondary{color:#315d7d;background:#edf3f8}.primary{color:#fff;background:#1e6da7;width:100%;margin-top:8px}.auth{place-items:center;min-height:100vh;display:grid}.auth form{background:#fff;border:1px solid #dce6ef;border-radius:22px;width:min(410px,100% - 32px);padding:36px;box-shadow:0 20px 55px #12345d12}.auth h1{font-size:29px}.auth p{color:#71859a;margin-bottom:27px}.auth label{gap:7px;margin-top:15px;font-size:13px;font-weight:700;display:grid}.auth input{font:inherit;border:1px solid #ccd9e4;border-radius:9px;padding:12px}.error{color:#a63e35;background:#fff0ed;border-radius:10px;margin-top:16px;padding:11px;font-size:13px}.loading,.empty{text-align:center;color:#71859a;padding:45px}.google-button{color:#203b57;cursor:pointer;background:#fff;border:1px solid #ccd9e4;border-radius:9px;width:100%;padding:11px;font-weight:700}.divider{color:#8a9cac;align-items:center;gap:10px;margin:20px 0 8px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#e3eaf0;flex:1;height:1px}@media (width<=800px){aside{width:190px}.content{padding:28px 18px}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:29px}}@media (width<=560px){.shell{display:block}aside{width:auto;min-height:auto}nav{display:flex;overflow:auto}.logout{margin-top:12px}.content{padding:24px 15px}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap;align-items:flex-start}.row .status{margin-left:auto}}.admin-page{gap:20px;display:grid}.admin-intro{background:linear-gradient(115deg,#e9f4fb,#f8fbfd);border:1px solid #dceaf2;border-radius:18px;justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.admin-intro h2{margin:4px 0 5px;font-size:22px}.admin-intro p:not(.eyebrow){color:#6c8296;margin:0;font-size:13px}.admin-count{text-align:right}.admin-count strong{color:var(--admin-accent);font-size:28px;display:block}.admin-count span{color:#71859a;font-size:11px}.admin-layout{grid-template-columns:minmax(260px,.78fr) minmax(420px,1.4fr);gap:18px;display:grid}.admin-card{background:#fff;border:1px solid #dce6ef;border-radius:18px;padding:22px;box-shadow:0 12px 30px #12345d0b}.card-title{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.card-title h3{margin:1px 0 4px;font-size:16px}.card-title p{color:#71859a;margin:0;font-size:12px;line-height:1.45}.card-icon{color:#2674aa;background:#eaf4fb;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.admin-card label{gap:7px;margin:16px 0;font-size:12px;font-weight:800;display:grid}.admin-card input,.admin-card select{width:100%;font:inherit;color:#203b57;background:#fff;border:1px solid #ccd9e4;border-radius:9px;padding:11px 12px}.permission-preview{color:#71859a;border-top:1px solid #edf1f5;margin-top:20px;padding-top:15px;font-size:11px}.permission-preview>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.permission{color:#3677ac;text-transform:capitalize;background:#edf5ff;border-radius:20px;padding:4px 8px;font-weight:700}.admin-search{color:#7990a2;border:1px solid #ccd9e4;border-radius:10px;align-items:center;gap:8px;margin-bottom:4px;padding:4px 5px 4px 11px;display:flex}.admin-search input{border:0;outline:0;min-width:0;padding:8px 2px}.admin-search .secondary{white-space:nowrap;margin-left:auto}.clear-search{color:#8aa0b1;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.admin-row{padding:14px 2px}.admin-person{align-items:center;gap:10px;display:flex}.avatar{color:#2771a2;background:#e4f0f8;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.admin-meta{align-items:center;gap:12px;display:flex}.role{text-transform:capitalize;color:#557084;background:#eef3f7;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800}.role-super_admin{color:#7550aa;background:#f0eaff}.role-admin{color:#2d8057;background:#e8f6ee}.role-support{color:#3677ac;background:#edf5ff}.remove-button{color:#b4564d;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.remove-button:hover{text-decoration:underline}@media (width<=900px){.admin-layout{grid-template-columns:1fr}}@media (width<=560px){.admin-intro{align-items:flex-start;gap:16px}.admin-count{display:none}.admin-search .secondary{padding:8px}.admin-meta{width:100%;padding-left:41px}.admin-row{gap:9px}}:root{--admin-accent:#1d6599}.email-search{gap:7px;display:flex}.email-search input{flex:1}.email-search .secondary{white-space:nowrap}.email-search button:disabled{opacity:.6;cursor:wait}.selected-user{color:#258052;background:#e9f8ef;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}.selected-user span{gap:3px;display:grid}.selected-user small{color:#5b8c70}.user-results{background:#f8fbfd;border:1px solid #dce6ef;border-radius:10px;gap:5px;margin-top:8px;padding:5px;display:grid}.user-result{text-align:left;cursor:pointer;color:#203b57;background:#fff;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px;display:flex}.user-result:hover{background:#edf5ff}.user-result>span:last-child{gap:3px;display:grid}.user-result small{color:#71859a;font-size:11px}.invite-hint{color:#71859a;margin:9px 0 0;font-size:11px;line-height:1.4}.muted{color:var(--support-muted);margin-top:5px;font-size:12px;display:block}.status-filter{color:#315d7d;font:inherit;background:#fff;border:1px solid #ccd9e4;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700}.pagination{color:#71859a;border-top:1px solid #edf1f5;justify-content:center;align-items:center;gap:15px;margin-top:6px;padding-top:17px;font-size:12px;display:flex}.pagination button:disabled{opacity:.45;cursor:not-allowed}:root{--ticket-note:#fff8e8}.ticket-wrap{border-bottom:1px solid #edf1f5}.ticket-row{cursor:pointer;border-bottom:0}.ticket-row:hover{background:#f8fbfd}.ticket-detail{background:#f8fbfd;border:1px solid #e3ebf1;border-radius:12px;margin:0 2px 15px;padding:18px}.ticket-detail-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ticket-detail h3{margin:0 0 5px;font-size:16px}.ticket-detail-head p{color:#71859a;margin:0;font-size:11px}.ticket-message{white-space:pre-wrap;color:#385269;background:#fff;border-radius:9px;margin:16px 0;padding:13px;font-size:13px;line-height:1.55}.conversation{gap:8px;margin-bottom:14px;display:grid}.conversation-message{background:#fff;border:1px solid #e4ebf0;border-radius:9px;padding:11px 13px}.conversation-message.internal{background:var(--ticket-note);border-color:#f0dfb1}.conversation-message>div{color:#456b83;justify-content:space-between;gap:12px;font-size:11px;display:flex}.conversation-message time{color:#8999a6}.conversation-message p{white-space:pre-wrap;color:#344f65;margin:7px 0 0;font-size:13px;line-height:1.45}.reply-form textarea{resize:vertical;width:100%;font:inherit;color:#203b57;border:1px solid #ccd9e4;border-radius:9px;padding:11px}.reply-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.internal-toggle{color:#71859a;align-items:center;gap:7px;font-size:12px;display:flex}.reply-button{width:auto;margin:0}.ticket-row small{line-height:1.5}:root{--support-muted:#71859a}.support-filters{gap:8px;display:flex}.support-stats{border-bottom:1px solid #edf1f5;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 0 17px;display:grid}.support-stat{text-align:left;cursor:pointer;background:#f8fbfd;border:1px solid #e2eaf0;border-radius:10px;padding:10px}.support-stat:hover,.support-stat.selected{background:#edf7fd;border-color:#8ebbd7}.support-stat strong,.support-stat span{display:block}.support-stat strong{color:#1d6599;font-size:20px}.support-stat span{color:#71859a;text-transform:capitalize;margin-top:3px;font-size:11px}@media (width<=650px){.support-filters{flex-direction:column}.support-stats{grid-template-columns:repeat(2,1fr)}}:root{--category-blue:#edf5ff}.category-badge{vertical-align:1px;border-radius:999px;margin-right:5px;padding:3px 7px;font-size:10px;font-weight:800;line-height:1.1;display:inline-block}.category-bug,.category-technical{color:#b84335;background:#fff0ed}.category-complaint{color:#ad6519;background:#fff4e6}.category-refund,.category-billing{color:#977018;background:#fff8df}.category-processing,.category-document,.category-pdf{color:#3677ac;background:#edf5ff}.category-account,.category-login{color:#557084;background:#eef3f7}.category-privacy,.category-security{color:#7550aa;background:#f0eaff}.category-feature,.category-feedback{color:#258052;background:#e9f8ef}.category-application{color:#2d8057;background:#e8f6ee}.category-general{color:#667b8a;background:#f0f3f5}:root{--assignment-muted:#71859a}.ticket-row-actions{align-items:center;gap:10px;display:flex}.assigned-label{color:var(--assignment-muted);white-space:nowrap;font-size:11px}.assignment-row{align-items:flex-end;gap:10px;margin:15px 0;display:flex}.assignment-row label{color:#71859a;flex:1;gap:6px;font-size:11px;font-weight:800;display:grid}.assignment-row select{color:#315d7d;font:inherit;background:#fff;border:1px solid #ccd9e4;border-radius:9px;padding:9px}.assignment-row .secondary{white-space:nowrap}.conversation-message>div{align-items:center}.conversation-message>div span{color:#6b8496;margin-left:auto;font-size:11px;font-weight:700}.conversation-message>div time{margin-left:10px}@media (width<=700px){.ticket-row-actions{width:100%;padding-left:0}.assigned-label{margin-right:auto}.assignment-row{flex-direction:column;align-items:stretch}.assignment-row .secondary{width:100%}}