:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9edf9;background:#0d101a;line-height:1.48;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}a,button,select,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #678bff}
:root{--bg:#0d101a;--panel:#181d29;--panel2:#202635;--border:#30384c;--muted:#8993aa;--subtle:#64708a;--accent:#4265dc;--hover:#262d3d;--danger:#eb5d6b;--gold:#f4c735}
#app{max-width:1350px;margin:0 auto;padding:26px 36px 75px}.boot{margin:26vh auto;text-align:center;color:var(--muted)}
.header{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:30px}.brand h1{font-size:32px;font-weight:800;letter-spacing:-1.3px;margin:0;color:#fff;text-shadow:1px 1px #667fa7}.brand p{margin:0;color:#b0bdd8;font-size:12px}.header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.btn{background:linear-gradient(#353d51,#242b3d);border:1px solid #414a61;color:#edf2ff;box-shadow:0 2px 0 #060811;border-radius:5px;padding:8px 13px;font-size:12px;font-weight:650;white-space:nowrap}.btn:hover{background:linear-gradient(#46516e,#30394d)}.btn.primary{background:#4166df;border-color:#6885ec;color:white}.btn.primary:hover{background:#5479f6}.btn.warn{background:#5d2934;border-color:#92525f}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent;color:#9eaec9}.btn.tiny{padding:5px 9px;font-size:11px}.btn.square{font-size:21px;padding:2px 10px}.btn.active{background:#3155bb}.profile{display:flex;align-items:center;gap:8px;color:#cbd6ed;font-size:12px}.avatar{height:25px;width:25px;object-fit:cover;background:#2d436b;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:11px;font-weight:700;vertical-align:middle;flex-shrink:0}
.tabs{background:#080b13;border:1px solid #272e40;display:flex;align-items:stretch;padding:3px;border-radius:5px;box-shadow:0 0 0 2px #050710 inset;gap:2px;margin-bottom:20px;overflow:auto}.tab{background:none;border:0;color:#afc0df;min-width:105px;padding:10px 15px;font-weight:600;font-size:12px;flex:1;white-space:nowrap;border-radius:4px}.tab:hover{background:#1b2536}.tab.active{background:#4165e1;color:#fff}.tab-count{opacity:.75}
.tools{display:flex;gap:12px;justify-content:space-between;margin-bottom:15px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.input,.select,.area{border:1px solid #3b455c;background:#141a27;color:#e8eefd;border-radius:5px;padding:9px 11px;font-size:12px;min-height:36px}.input{min-width:220px}.select{min-width:130px}.input::placeholder,.area::placeholder{color:#727d96}.area{width:100%;min-height:95px;resize:vertical}.search{width:min(380px,100%)}
.panel{background:#181d29;border:1px solid var(--border);box-shadow:0 1px 2px #070910;border-radius:10px;overflow:hidden}.panel-header{background:#171c28;padding:12px 15px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:#dbe6ff}.panel-body{padding:15px}.ticket-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;table-layout:fixed}.ticket-table th{color:#8293b2;font-size:10px;font-weight:500;letter-spacing:.35px;padding:12px 14px;background:#171c28}.ticket-table th:first-child{width:43%}.ticket-table th:nth-child(2){width:12%}.ticket-table th:nth-child(3){width:9%}.ticket-table th:nth-child(4){width:9%}.ticket-table th:nth-child(5){width:10%}.ticket-table th:nth-child(6){width:11%}.ticket-table th:last-child{width:6%}.ticket-table td{padding:15px 14px;border-top:1px solid #292e3d;vertical-align:middle}.ticket-table tbody tr{background:#191e2a;transition:background .12s}.ticket-table tbody tr:hover{background:#252c3b;cursor:pointer}.ticket-table tbody tr:nth-child(odd){background:#201d29}.ticket-table tbody tr:nth-child(odd):hover{background:#2c2937}.ticket-table tr.escalated{border-left:3px solid #e8b735}.ticket-title{font-size:12px;font-weight:750;color:white;overflow-wrap:anywhere}.ticket-meta{color:#7d88a3;font-size:10px;margin-top:3px}.ticket-meta span{color:#9cb2d6}.pill{display:inline-flex;align-items:center;border-radius:7px;padding:4px 9px;white-space:nowrap;font-size:10px;font-weight:750;background:#25314f;color:#80adff}.pill.yellow{background:#494019;color:#f5c91b}.pill.red{background:#542a34;color:#ffa5ad}.pill.gray{background:#303747;color:#c1cbdc}.pill.green{background:#1d4739;color:#6becae}.pill.purple{background:#3b254e;color:#d49cfb}.assigned{display:flex;gap:6px;align-items:center}.dim{color:#7d89a0;font-size:11px}.foot{padding:13px 16px;color:#8c98b5;border-top:1px solid #303548;font-size:11px;display:flex;justify-content:space-between;align-items:center}.empty{padding:65px 15px;text-align:center;color:#8793ad}.empty strong{display:block;font-size:16px;color:#d7e2f6;margin:8px 0}
.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.detail-header h1{font-size:30px;margin:0;overflow-wrap:anywhere;line-height:1.15}.detail-header small{color:#7688a9}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:22px;align-items:start}.detail-main{min-width:0}.conversation{height:min(57vh,630px);min-height:330px;display:flex;flex-direction:column}.messages{padding:18px 16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:15px}.chat-msg{display:flex;flex-direction:column;align-self:start;max-width:81%;min-width:200px;background:#242b3b;border:1px solid #313a4e;border-radius:10px;padding:12px 14px;font-size:12px;overflow-wrap:anywhere}.chat-msg.staff{align-self:end;background:#1d376a;border-color:#28457a}.chat-msg.system{max-width:95%;background:#2b2935;color:#b5bfd3;align-self:center}.chat-author{font-weight:720;color:#dce9ff;margin-bottom:5px;font-size:11px}.chat-msg.staff .chat-author{color:#7eb8ff}.chat-body{white-space:pre-wrap}.chat-date{font-size:10px;color:#8999b4;margin-top:5px}.chat-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chat-file{display:block;font-size:11px;background:#141b2c;border:1px solid #425070;padding:6px 8px;border-radius:5px;color:#b5d0ff}.chat-img{max-width:260px;max-height:180px;object-fit:contain;border-radius:5px}.chat-msg.failed{border-color:#b44d57}.failure{color:#ff818c;font-size:11px;padding-top:5px}.composer{padding:13px;border-top:1px solid #2d3447;background:#191e2a}.composer textarea{min-height:75px}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:12px}.files-picked{font-size:11px;color:#9eadc9;overflow-wrap:anywhere}.closed-banner{padding:15px;color:#c3cee2;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.audit{margin-top:14px}.audit details summary{list-style:none;cursor:pointer;padding:14px;font-weight:700;font-size:12px}.audit details summary:after{content:'⌄';float:right}.audit-list{max-height:270px;overflow:auto;padding:0 15px 15px;font-size:11px;color:#97a5c0}.audit-line{padding:8px 0;border-top:1px solid #30384a}.audit-line strong{color:#dbe4f7}
.sidepanel{padding:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #353c4b;gap:7px;padding-bottom:14px}.stats label,.fieldset>label{display:block;color:#7d8baa;font-size:10px;text-transform:uppercase;letter-spacing:.35px;margin-bottom:5px}.stats strong{font-size:12px}.metadata{padding:12px 0;border-bottom:1px solid #353c4b}.meta-row{display:flex;justify-content:space-between;gap:6px;color:#8a97b0;font-size:11px;padding:5px 0}.meta-row b{font-weight:500;color:#cad6ea;text-align:right;overflow-wrap:anywhere;max-width:65%}.fieldset{margin-top:14px}.fieldset .select,.fieldset .input{width:100%;min-width:0}.fieldset .btn{margin-top:7px;width:100%}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-title{font-size:10px;text-transform:uppercase;color:#75819b;margin:8px 0}.space-y>*+*{margin-top:12px}
.admin-menu{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.admin-content{padding:20px}.admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:17px 0}.mini-card{border:1px solid #343f54;background:#202635;border-radius:7px;padding:15px}.mini-card h3{font-size:13px;margin:0 0 4px}.mini-card p{margin:0 0 12px;font-size:11px;color:#91a0ba}.mini-card .btn{margin-right:5px;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.form-grid label{display:block;font-size:11px;color:#a1b0ca}.form-grid label .input,.form-grid label .select{width:100%;min-width:0;margin-top:5px}.form-grid .check{display:flex;align-items:center;gap:8px;padding-top:16px}.form-grid .check input{accent-color:#4b71ec}.admin-heading{font-size:21px;font-weight:750;margin:0 0 6px}.admin-desc{font-size:12px;color:#91a0bc;margin:0 0 17px}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.permission-grid label{background:#222a3b;padding:9px;border-radius:5px;font-size:11px;display:flex;align-items:start;gap:9px}.permission-grid input{accent-color:#4165e1}.modal-backdrop{position:fixed;inset:0;background:#060910c9;display:flex;align-items:center;justify-content:center;z-index:30;padding:15px}.modal{background:#181e2c;border:1px solid #455372;box-shadow:0 18px 70px #0009;border-radius:11px;padding:23px;width:min(720px,100%);max-height:90vh;overflow-y:auto}.modal h2{margin:0 0 12px;font-size:20px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}.toast{position:fixed;right:25px;bottom:25px;z-index:50;background:#253c4b;border:1px solid #40657d;color:white;padding:11px 16px;border-radius:7px;box-shadow:0 8px 35px #0009;font-size:13px;max-width:430px;display:none}.toast.visible{display:block}.toast.error{background:#5c2935;border-color:#a75061}.login{min-height:70vh;display:grid;place-items:center}.login-card{width:min(400px,100%);padding:45px 34px;text-align:center}.login-card h1{font-size:35px;margin:0 0 5px}.login-card p{color:#9ba9c6;font-size:13px;margin-bottom:28px}.login-card .btn{font-size:14px;padding:12px 20px}.hint{font-size:11px;color:#889ab9;margin-top:8px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.checkbox-inline{display:flex;align-items:center;gap:7px;font-size:12px;color:#b9c5dc}
@media(max-width:1050px){#app{padding:18px}.detail-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ticket-table th:first-child{width:37%}.ticket-table td{padding:12px 8px}.ticket-table th{padding:10px 8px}}
@media(max-width:680px){.header{flex-direction:column}.header-actions{width:100%}.tools{flex-direction:column;align-items:stretch}.search{width:100%}.filters{display:grid;grid-template-columns:1fr 1fr}.filters .select{min-width:0}.ticket-table{table-layout:auto}.ticket-table th:nth-child(4),.ticket-table td:nth-child(4),.ticket-table th:nth-child(5),.ticket-table td:nth-child(5),.ticket-table th:nth-child(6),.ticket-table td:nth-child(6){display:none}.ticket-table th:first-child{width:auto}.tab{min-width:115px}.detail-header h1{font-size:21px}.conversation{height:55vh}.chat-msg{max-width:95%;min-width:0}.sidebar{grid-template-columns:1fr}.foot{flex-wrap:wrap}.admin-content{padding:13px}}

.table-scroll{overflow-x:auto}.reply-panel{margin-top:15px}.form-action{align-self:end}.back-admin{margin-bottom:18px}
.ticket-table tr.group-row,.ticket-table tr.group-row:nth-child(odd){background:#141a28;border-top:1px solid #34415a;cursor:default}.ticket-table tr.group-row:hover,.ticket-table tr.group-row:nth-child(odd):hover{background:#141a28;cursor:default}.ticket-table tr.group-row td{color:#b1c7fa;font-size:11px;font-weight:800;letter-spacing:.2px;padding:11px 15px}.ticket-table tr.group-row span{color:#7e8eae;font-size:10px;font-weight:500;margin-left:10px}