:root{color:#142033;font-synthesis:none;background:#f3f6f8;font-family:Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 70% 20%,#183452 0,#0c1c30 34%,#07111e 75%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{color:#eef6ff;background:#102239dd;border:1px solid #ffffff1a;border-radius:24px;width:min(440px,100%);padding:44px;box-shadow:0 30px 80px #0008}.eyebrow{letter-spacing:.18em;color:#70d6c5;font:700 11px/1 Manrope}.login-card h1{margin:18px 0 12px;font:700 38px/1.1 Segoe UI}.login-card p{color:#abc0d6;line-height:1.65}.login-card label{color:#cbd9e6;gap:8px;margin-top:28px;font-size:13px;display:grid}.login-card label+label{margin-top:14px}.login-card input{color:#fff;background:#071525;border:1px solid #37506a;border-radius:9px;outline:none;padding:13px 14px}.login-card input:focus{border-color:#70d6c5;box-shadow:0 0 0 3px #70d6c522}.login-card button,.primary{color:#08221d;background:#70d6c5;border:0;border-radius:9px;width:100%;margin-top:14px;padding:13px;font-weight:700}.login-error{color:#ffd9dc;background:#8e2f3255;border-radius:8px;margin-top:16px;padding:11px 12px}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#e9f2fb;background:#091525;flex-direction:column;height:100vh;padding:38px 25px 24px;display:flex;position:sticky;top:0}aside h1{margin:12px 0 0;font:700 25px/1.12 Segoe UI}nav{gap:7px;margin-top:60px;display:grid}nav button,.logout{text-align:left;color:#8fa4b9;background:0 0;border:0;border-radius:8px;padding:11px 13px}nav button.active{color:#dffcf6;background:#173246}nav button:disabled{cursor:default;opacity:.4}.logout{margin-top:auto}.content{padding:50px clamp(28px,5vw,76px);overflow:hidden}header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}header h2{letter-spacing:-.03em;margin:10px 0 4px;font:700 clamp(28px,4vw,42px)/1.1 Segoe UI,sans-serif}header p{color:#6c7888;margin:0}.primary{color:#f5fffd;background:#146b60;width:auto;padding-inline:18px}.notice,.error{border-radius:10px;margin:-12px 0 24px;padding:14px 16px}.notice{color:#174c45;background:#dff6f1;align-items:center;gap:18px;display:flex}.notice code{letter-spacing:.06em;font-weight:700}.error{color:#8e2f32;background:#fce4e5}.account-card{background:#fff;border:1px solid #dfe6eb;border-radius:16px;max-width:720px;padding:28px;box-shadow:0 5px 25px #2334470a}.account-card form{gap:20px;display:grid}.account-card label{color:#384657;gap:8px;font-size:13px;font-weight:600;display:grid}.account-card label small{color:#86919e;font-weight:400}.account-card input{color:#142033;background:#fbfcfd;border:1px solid #cfd9e0;border-radius:9px;outline:none;width:100%;padding:12px 13px}.account-card input:focus{border-color:#3a897c;box-shadow:0 0 0 3px #3a897c1a}.password-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account-card .primary{justify-self:start;margin-top:2px}.account-notice{color:#174c45;background:#dff6f1;border-radius:9px;padding:13px 14px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.employee-card{text-align:left;min-height:210px;color:inherit;background:#fff;border:1px solid #dfe6eb;border-radius:16px;padding:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 5px 25px #2334470a}.employee-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #23344714}.card-top{justify-content:space-between;align-items:center;display:flex}.avatar{color:#fff;background:#163b55;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.status{color:#6d7884;align-items:center;gap:6px;font-size:12px;display:flex}.status i{background:#9099a2;border-radius:50%;width:7px;height:7px}.status.healthy i{background:#27aa75;box-shadow:0 0 0 4px #27aa7518}.status.delayed i{background:#e3a51a}.status.offline i{background:#d54a50}.status.revoked i{background:#7b8793}.employee-card h3{margin:24px 0 5px;font-size:19px}.employee-card p{color:#778290;margin:0;font-size:13px}.employee-card>strong{margin-top:24px;font:700 23px Segoe UI;display:block}.employee-card small{color:#8a95a2;font-size:11px}.empty{text-align:center;color:#7c8794;border:1px dashed #cbd5dd;border-radius:16px;grid-column:1/-1;padding:70px}.back{color:#397268;background:0 0;border:0;margin-bottom:20px;padding:0}.detail-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.detail-actions .back{margin-bottom:0}.detail-actions>div{gap:9px;display:flex}.secondary-action{color:#27695e;background:#fff;border:1px solid #9bb9b3;border-radius:8px;padding:9px 12px}.secondary-action:disabled{cursor:default;opacity:.45}.danger{color:#a0262d;background:#fff6f6;border:1px solid #dc8f93;border-radius:8px;padding:9px 12px}.danger:hover{background:#fce4e5}.danger:disabled{cursor:wait;opacity:.55}.merge-panel{background:#fff;border:1px solid #d6e1e3;border-radius:12px;grid-template-columns:minmax(250px,1fr) minmax(240px,360px) auto;align-items:center;gap:18px;margin-bottom:18px;padding:17px;display:grid}.merge-panel p{color:#7b8793;margin:5px 0 0;font-size:11px}.merge-panel select{background:#fff;border:1px solid #ccd6dc;border-radius:8px;padding:10px 11px}.merge-panel button{color:#fff;background:#146b60;border:0;border-radius:8px;padding:10px 13px}.device-strip{gap:12px;margin-bottom:18px;display:flex;overflow-x:auto}.device-strip>button{text-align:left;min-width:245px;color:inherit;background:#fff;border:1px solid #dfe6eb;border-radius:12px;gap:6px;padding:15px 17px;display:grid}.device-strip>button.active{border-color:#3a897c;box-shadow:0 0 0 3px #3a897c17}.device-strip strong{font-size:14px}.device-strip small{color:#7c8793}.sync-panel{background:#fff;border:1px solid #dfe6eb;border-radius:13px;margin-bottom:22px;padding:17px}.sync-summary{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-bottom:14px;display:grid}.sync-summary>div{background:#f5f8f9;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.sync-summary span{color:#7b8793;font-size:11px}.sync-summary strong{font-size:13px}.sync-summary small{color:#8a95a2;word-break:break-all;font-size:9px}.sync-summary .sync-error{color:#b02b34}.sync-runs{border:1px solid #e5eaed;border-radius:9px;overflow-x:auto}.sync-runs>div{color:#687583;border-bottom:1px solid #edf0f2;grid-template-columns:70px 150px repeat(3,110px) minmax(100px,1fr);align-items:center;gap:10px;min-width:720px;padding:10px 12px;font-size:11px;display:grid}.sync-runs>div:last-child{border-bottom:0}.run-status{font-weight:700}.run-status.success{color:#20845e}.run-status.failed,.run-status.error{color:#b02b34}.sync-runs code{color:#8b3b41}.sync-runs .sync-empty{text-align:center;min-width:0;padding:24px;display:block}.sync-note{color:#89939d;margin:11px 2px 0;font-size:11px}.device-actions{border-top:1px solid #edf0f2;justify-content:flex-end;margin-top:13px;padding-top:13px;display:flex}.device-actions span{color:#77838f;font-size:11px}.pagination-status{color:#6f7c89;margin:0 0 10px;font-size:12px}.session-list{background:#fff;border:1px solid #dde4e9;border-radius:15px;display:grid;overflow:hidden}.session-list>button{text-align:left;color:inherit;background:#fff;border:0;border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:30px;padding:19px 22px;display:flex}.session-list>button:hover{background:#f8fafb}.session-list h3{margin:0 0 5px;font-size:15px}.session-list p{color:#7b8794;margin:0;font-size:12px}.session-metrics{color:#87919d;justify-items:end;gap:4px;min-width:150px;font:500 12px Segoe UI;display:grid}.session-metrics strong{color:#245e55}.conversation-heading{border-bottom:1px solid #d9e0e5;justify-content:space-between;align-items:baseline;padding-bottom:18px;display:flex}.conversation-heading h3{margin:0;font-size:21px}.conversation-heading div{gap:16px;display:flex}.conversation-heading span{color:#2c6b61;font:600 13px Segoe UI}.audit-link{color:#885414;background:#fff8ec;border:1px solid #b27731;border-radius:7px;padding:5px 9px}.messages{gap:16px;margin-top:22px;display:grid}.messages article{background:#fff;border-radius:14px;max-width:min(850px,92%);padding:18px 20px;box-shadow:0 3px 15px #1f30400a}.messages article.user{background:#dff4ef;margin-left:auto}.message-meta{color:#7c8793;text-transform:uppercase;justify-content:space-between;gap:25px;margin-bottom:12px;font-size:11px;display:flex}.messages pre{white-space:pre-wrap;word-break:break-word;margin:0;font:400 14px/1.65 Segoe UI}.attachments{border-top:1px solid #dfe7e9;gap:8px;margin-top:15px;padding-top:13px;display:grid}.attachment{background:#f5f8f9;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:10px 11px;display:flex}.attachment>div{align-items:center;gap:8px;display:flex}.attachment>div:first-child{gap:3px;min-width:0;display:grid}.attachment strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment small{color:#788590;font-size:10px}.attachment button,.attachment a{color:#27695e;background:#fff;border:1px solid #9bb9b3;border-radius:7px;padding:6px 9px;font-size:11px;text-decoration:none}.preview-backdrop{z-index:10;background:#07111ecc;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.preview-dialog{background:#fff;border-radius:14px;width:min(1000px,94vw);max-height:92vh;overflow:hidden;box-shadow:0 24px 80px #0008}.preview-dialog>div{border-bottom:1px solid #e1e7ea;justify-content:space-between;align-items:center;gap:20px;padding:14px 17px;display:flex}.preview-dialog button{color:#397268;background:0 0;border:0}.preview-dialog img{object-fit:contain;max-width:100%;max-height:calc(92vh - 55px);margin:auto;display:block}.pagination-controls{justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.pagination-controls button{color:#27695e;background:#fff;border:1px solid #9bb9b3;border-radius:9px;min-width:88px;padding:9px 14px}.pagination-controls button:hover:not(:disabled){background:#eef8f6}.pagination-controls button:disabled{cursor:default;opacity:.4}.pagination-controls strong{text-align:center;color:#50606e;min-width:58px;font-size:13px}.load-more{color:#27695e;background:#fff;border:1px solid #9bb9b3;border-radius:9px;margin:20px auto 0;padding:10px 18px;display:block}.load-more:hover{background:#eef8f6}.load-more:disabled{cursor:wait;opacity:.6}.audit-heading{background:#fff9ef;border:1px solid #ead2ad;border-radius:13px;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:18px;padding:20px;display:flex}.audit-heading h3{margin:8px 0 0}.audit-heading p{color:#795d38;max-width:520px;margin:0;font-size:13px}.audit-layout{grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:16px;min-height:520px;display:grid}.audit-list{flex-direction:column;gap:7px;max-height:72vh;display:flex;overflow-y:auto}.audit-list>button{text-align:left;color:inherit;background:#fff;border:1px solid #dce3e7;border-radius:9px;gap:5px;padding:13px;display:grid}.audit-list>button.active{background:#fff8ec;border-color:#b27731}.audit-list span,.audit-list small{color:#77838f;font-size:11px}.audit-list .audit-more{text-align:center;color:#27695e}.raw-viewer{background:#fff;border:1px solid #dce3e7;border-radius:12px;min-width:0;overflow:hidden}.raw-viewer>div:first-child{border-bottom:1px solid #e6ebee;justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.raw-viewer button{color:#397268;background:0 0;border:0}.raw-viewer pre{white-space:pre-wrap;word-break:break-word;max-height:68vh;margin:0;padding:18px;font:12px/1.55 Consolas,monospace;overflow:auto}.raw-placeholder{color:#89939d;place-items:center;min-height:520px;display:grid}.usage-dashboard{gap:18px;display:grid}.usage-filters{justify-content:space-between;align-items:center;gap:20px;display:flex}.period-tabs{background:#e7edef;border-radius:10px;gap:6px;padding:4px;display:flex}.period-tabs button{color:#60707d;background:0 0;border:0;border-radius:7px;min-width:62px;padding:8px 14px}.period-tabs button.active{color:#fff;background:#146b60}.usage-filters label{color:#64717d;align-items:center;gap:9px;font-size:12px;display:flex}.usage-filters select{color:#263747;background:#fff;border:1px solid #ccd6dc;border-radius:8px;min-width:180px;padding:9px 11px}.usage-totals{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;display:grid}.usage-totals>div{background:#fff;border:1px solid #dfe6eb;border-radius:12px;gap:8px;padding:17px;display:grid}.usage-totals span{color:#7b8793;font-size:11px}.usage-totals strong{font-size:20px}.usage-card{background:#fff;border:1px solid #dfe6eb;border-radius:14px;padding:21px}.usage-card-heading{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.usage-card-heading h3{margin:0;font-size:16px}.usage-card-heading span{color:#80909c;font-size:11px}.usage-chart{border-bottom:1px solid #dce4e8;align-items:stretch;gap:5px;height:260px;padding-top:12px;display:flex;overflow-x:auto}.usage-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:24px;display:flex}.usage-column>div{background:linear-gradient(#4ebaa7,#176f63);border-radius:5px 5px 0 0;width:min(22px,75%);min-height:2px}.usage-column span{color:#81909b;writing-mode:vertical-rl;min-height:28px;font-size:9px}.model-usage{gap:15px;display:grid}.model-usage>div{gap:6px;display:grid}.model-usage>div>div:first-child{justify-content:space-between;gap:20px;font-size:12px;display:flex}.model-bar{background:#edf2f3;border-radius:8px;height:8px;overflow:hidden}.model-bar i{border-radius:inherit;background:#318d7e;height:100%;display:block}.model-usage small{color:#84919b}.model-usage .usage-empty{text-align:center;color:#84919b;padding:35px}@media (width<=760px){.app-shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;height:auto;padding:18px 22px;position:static}aside h1{font-size:18px}aside .eyebrow,nav{display:none}.logout{margin:0 0 0 auto}.content{padding:30px 20px}header{flex-direction:column;align-items:flex-start}.primary{width:100%}.session-list>button{flex-direction:column;align-items:flex-start;gap:12px}.session-metrics{justify-items:start;min-width:0}.conversation-heading{flex-direction:column;align-items:flex-start;gap:10px}.conversation-heading div{flex-wrap:wrap}.audit-heading{flex-direction:column;align-items:flex-start}.audit-layout{grid-template-columns:1fr}.usage-filters{flex-direction:column;align-items:stretch}.usage-filters label{justify-content:space-between}.usage-totals{grid-template-columns:1fr 1fr}.password-grid{grid-template-columns:1fr}.sync-summary{grid-template-columns:1fr 1fr}.merge-panel{grid-template-columns:1fr}.detail-actions{align-items:flex-start}.detail-actions>div{flex-direction:column}}