:root{color-scheme:dark;font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#09111d;color:#dce6f5;--panel:#111e30;--line:#26374e;--muted:#91a5bf;--accent:#55c6c9}*{box-sizing:border-box}body{margin:0}a{color:#83d7df;text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#52c6c9;color:#072029;border:1px solid #52c6c9;border-radius:8px;font:inherit;font-weight:700;padding:10px 16px;cursor:pointer;text-decoration:none;min-height:42px}button:hover,.button:hover{filter:brightness(1.08);text-decoration:none}.quiet{background:#1a2b41;color:#d9e6f7;border-color:#344b65}.danger{background:#43232c;border-color:#844452;color:#ffc1c7}.muted,small{color:var(--muted)}small{display:block;font-size:12px}h1,h2,h3{color:#eff5ff;line-height:1.25;letter-spacing:-.025em}h1{font-size:30px;margin:5px 0 0}h2{font-size:20px;margin:0 0 16px}h3{font-size:16px;margin:12px 0}p{margin:12px 0;color:#b6c6da}.eyebrow{font-size:10px;letter-spacing:.15em;color:#68cacf;font-weight:750}.logo,.brand,.brand img{background:transparent!important;border:0!important;box-shadow:none!important}.logo{width:180px;max-width:100%;height:auto;object-fit:contain}#sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0c1727;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:block;padding:25px 24px 22px}.brand span{display:block;letter-spacing:.16em;font-size:9px;color:#7e9cba;margin-top:10px}nav{overflow:auto;padding:0 12px 18px;flex:1}nav a{display:block;color:#a6bad2;font-size:12px;padding:10px 14px;margin:3px 0;border-radius:7px}nav a:hover{background:#17283d;text-decoration:none;color:white}nav a.selected{background:#173d4c;color:#8de8e6;border-left:3px solid #5ed4d2;padding-left:11px}.sidebar-foot{padding:18px 24px;border-top:1px solid var(--line)}.sidebar-foot form{margin-top:12px}.sidebar-foot button{font-size:12px;width:100%}.workspace{margin-left:250px;min-height:100vh}.topbar{display:flex;align-items:center;gap:20px;min-height:76px;padding:16px 32px;border-bottom:1px solid var(--line);background:#0d1828}.search{display:flex;flex:1;gap:8px;max-width:620px;margin:0}.search input{margin:0}.secure{margin-left:auto;color:#80cbbc;font-size:11px;white-space:nowrap}main{max-width:1600px;margin:auto;padding:30px 32px 50px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-title>.muted{font-size:12px}footer{border-top:1px solid var(--line);padding:20px 32px;color:#7b93b0;font-size:11px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(120deg,#123a4a,#162944);border:1px solid #2c5267;border-radius:15px;margin-bottom:22px}.welcome h2{font-size:27px;margin:8px 0}.welcome p{max-width:630px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stats article{padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.stats small{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.stats strong{display:block;font-size:32px;line-height:1.2;margin-top:12px;color:#edf8ff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}.panel-head h2{margin:0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.notice{padding:16px 20px;border:1px solid #296577;background:#123546;color:#b5e7ea;border-radius:10px;margin:0 0 22px}.notice.error{background:#3c222c;border-color:#80434f;color:#ffd1d6}.empty{padding:28px 12px;color:#8da6c2;text-align:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:600;color:#8fa8c4;font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:12px 14px;border-bottom:1px solid #35465b;white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid #24364c;vertical-align:middle}td small{margin-top:4px;max-width:300px}.badge{display:inline-block;font-size:10px;border:1px solid #3b536e;background:#22374c;color:#bcd4ea;border-radius:20px;padding:3px 9px;white-space:nowrap}.badge.active,.badge.approved,.badge.current,.badge.resolved,.badge.done{color:#99e6ca;background:#173b36;border-color:#2c6658}.badge.urgent,.badge.critical,.badge.past_due{color:#ffb8bc;background:#46252f;border-color:#7b3b4c}.badge.high,.badge.waiting_customer,.badge.requested{color:#f7d69c;background:#453725;border-color:#78603c}.badge.closed,.badge.revoked,.badge.expired{color:#a7b6c8;background:#27303f;border-color:#465266}label{display:block;font-size:12px;font-weight:600;color:#a8bed6;margin:0 0 16px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#0b1727;border:1px solid #354b65;border-radius:7px;color:#e4edfa;font:inherit;padding:10px 12px;min-height:42px}input:focus,select:focus,textarea:focus{outline:2px solid #5ecacc;outline-offset:1px}textarea{resize:vertical;min-height:110px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:0 0 22px}.filters label{flex:1;min-width:170px;margin:0}.filters button{height:42px}form{margin:10px 0 0}fieldset{border:1px solid var(--line);padding:18px;border-radius:8px;margin:15px 0}legend{color:#b9cbe0;font-size:12px}.check{display:flex;gap:10px;align-items:center;font-weight:400}.check input{width:17px;min-height:17px;height:17px;margin:0;accent-color:#5acace}dl{display:grid;grid-template-columns:180px 1fr;gap:12px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.message{border:1px solid #2c425d;border-radius:10px;background:#13263c;padding:16px 18px;margin:12px 0;overflow-wrap:anywhere}.message header{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#92aac5}.message p{margin:8px 0 0;font-size:13px;color:#d7e2f2;white-space:normal}.message.internal{background:#332f20;border-color:#625a38}.message.agent{background:#124452;border-color:#236579}.thread{max-height:560px;overflow:auto;padding-right:5px}.chat-layout{display:grid;grid-template-columns:270px minmax(300px,1fr) 280px;gap:18px}.chat-layout>.panel{padding:20px}.queue-item{display:block;border-bottom:1px solid #2a3e56;color:#cfdef1;padding:16px 10px}.queue-item:hover,.queue-item.selected{background:#1c344a;text-decoration:none}.queue-item span:not(.badge){display:block;font-size:11px;color:#adc0d6;margin:7px 0}.queue-item .badge{margin-top:8px}.queue h3{padding-top:20px}.chat-main .thread{height:470px;max-height:none}.chat-side h2{font-size:16px}.chat-side .message{padding:12px}.item{padding:14px 0;border-bottom:1px solid var(--line)}.task{display:flex;justify-content:space-between;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.task>div{flex:1}.task form{min-width:160px}.article{border-bottom:1px solid var(--line);padding:18px 0}.article summary{cursor:pointer;font-weight:650;color:#d9e7f7}.article p{white-space:normal}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#153b50,#0a1422 60%);padding:30px}.auth-card{width:min(520px,100%);border:1px solid #2d445f;background:#101e30;border-radius:20px;padding:36px;box-shadow:0 24px 100px #0004}.auth-card .eyebrow{margin-top:20px}.auth-card h1{margin:10px 0 18px}.auth-card form{margin:24px 0 20px}.auth-card button{width:100%}.qr{background:white;padding:10px;width:fit-content;margin:20px auto;border-radius:8px}.qr img{display:block;max-width:100%;height:auto}code{overflow-wrap:anywhere;color:#d7ecfa}.menu-toggle{display:none}.article summary small{display:inline;margin-left:12px}@media(max-width:1250px){.chat-layout{grid-template-columns:240px 1fr}.chat-side{grid-column:1/-1}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){#sidebar{width:215px}.workspace{margin-left:215px}.brand{padding:24px 18px}.topbar{padding:16px 22px;gap:12px}main{padding:25px 22px}.secure{display:none}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.welcome{align-items:flex-start;flex-direction:column}.chat-layout{grid-template-columns:1fr}.chat-side{grid-column:auto}.queue{max-height:380px;overflow:auto}}@media(max-width:700px){#sidebar{transform:translateX(-100%);transition:transform .15s;width:250px}.menu-open #sidebar{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:inline-flex}.topbar{padding:12px 16px;gap:10px;position:sticky;top:0;z-index:4}.topbar>.quiet:not(.menu-toggle){display:none}.search{max-width:none}.search input{min-width:0}.search button{padding:8px}main{padding:22px 16px}.page-title{align-items:flex-start}.page-title>.muted{display:none}h1{font-size:26px}.panel{padding:19px}.stats{gap:12px}.stats article{padding:18px}.stats strong{font-size:28px}.form-grid,.permission-grid{grid-template-columns:1fr}.auth{padding:18px}.auth-card{padding:28px 22px}.task{flex-direction:column;gap:8px}.task form{width:100%}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:14px}.message header{flex-direction:column;gap:3px}.chat-main .thread{height:420px}.filters{align-items:stretch;flex-direction:column}.filters label{width:100%}.welcome{padding:22px}.welcome h2{font-size:24px}}

.menu-toggle{display:inline-flex}@media(min-width:701px){body.nav-collapsed #sidebar{transform:translateX(-100%)}body.nav-collapsed .workspace{margin-left:0}}
