:root{color-scheme:dark;--bg:#0a111d;--surface:#111d2c;--panel:#172436;--panel2:#1b2c41;--line:#293b52;--text:#edf4ff;--muted:#94a7be;--mint:#6deaca;--blue:#80a6ff;--amber:#f0bb81;--red:#f0929c;--lav:#bf9bf5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:13px/1.55 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}[hidden]{display:none!important}.dot{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 3px #6deaca20}.demo-banner{min-height:32px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 15px;background:linear-gradient(90deg,#123c3e,#15302e);color:#b8f5e1;font-weight:700;font-size:10px;letter-spacing:.09em;border-bottom:1px solid #285d57}
.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100dvh - 32px)}
.sidebar{position:sticky;top:0;align-self:start;height:calc(100dvh - 32px);overflow-y:auto;background:#101927;border-right:1px solid #27354a;padding:23px 13px 17px;display:flex;flex-direction:column;scrollbar-width:thin;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 18px;border-bottom:1px solid var(--line)}.brand-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid #4e7c87;background:linear-gradient(140deg,#233f58,#273754);color:var(--mint);font-size:21px;font-weight:1000;letter-spacing:-.13em;padding-right:3px}.brand b{font-size:13px;letter-spacing:-.02em}.brand b span{color:var(--mint)}.brand small{font-size:9px;font-weight:850;color:#8299bb;display:block;letter-spacing:.12em}
.workspace-tag{margin:17px 9px 21px;background:#16312e;border:1px solid #335c56;color:#a9dfd3;padding:11px 10px;display:flex;align-items:center;gap:8px;border-radius:10px;font-size:10px;font-weight:900}.workspace-tag .pill{margin-left:auto}.side-label{color:#758aa6;font-size:9px;letter-spacing:.17em;font-weight:950;padding:6px 16px 9px}.nav-group{margin-top:8px}.nav-group>small{color:#72849b;font-size:9px;font-weight:850;letter-spacing:.12em;display:block;padding:12px 16px 7px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;margin:3px 0;background:transparent;color:#aabbd0;border:1px solid transparent;border-radius:10px;text-align:left;font-size:12px;font-weight:710}.nav-btn .glyph{display:grid;place-items:center;color:#8197b4;font-size:17px;width:22px}.nav-btn .number{margin-left:auto;font-size:10px;font-weight:900;color:#0c2a23;background:#82ebc7;border-radius:16px;padding:0 7px}.nav-btn:hover,.nav-btn.active{background:#1a3140;color:white;border-color:#355665}.nav-btn.active .glyph{color:var(--mint)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:19px 12px 8px}.sidebar-foot strong{font-size:12px}.sidebar-foot p{color:#8297ae;font-size:10px;line-height:1.65}.sidebar-foot a{color:var(--mint);font-size:11px;font-weight:800}
.app-main{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;min-height:68px;padding:11px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:#0f1929ed;backdrop-filter:blur(16px)}.top-left,.top-right{display:flex;align-items:center;gap:13px}.top-right{flex-wrap:wrap}.crumb{font-size:11px;font-weight:850;color:#8ea2b9;letter-spacing:.05em}.crumb span{color:#5f7797;padding:0 9px}.crumb strong{color:#e9f4ff}.env-tag{color:var(--mint);background:#183b34;border:1px solid #315d52;border-radius:8px;padding:6px 10px;font-weight:800;font-size:10px}.role-label{color:#a0b3c9;font-size:11px}.top-right select{max-width:220px;background:#192a3e;border:1px solid #3f546d;color:#ecf6ff;border-radius:10px;padding:9px 11px;font-weight:820}.avatar{height:34px;width:34px;border-radius:50%;background:linear-gradient(135deg,#587fb5,#3da68b);display:grid;place-items:center;color:#061b20;font-weight:1000;font-size:12px}.mobile-menu{display:none;border:1px solid var(--line);background:#17273b;color:white;border-radius:8px;padding:7px 11px;font-size:17px}
.content{flex:1;max-width:1550px;width:100%;margin:auto;padding:31px 32px 70px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.17em;color:var(--mint);margin:0 0 6px}.page-intro h1{font-size:clamp(29px,3vw,39px);line-height:1.12;letter-spacing:-.05em;margin:0 0 8px}.page-intro p:not(.eyebrow){font-size:12px;color:#9aabc1;margin:0}.intro-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:9px;padding:10px 13px;background:#20344b;color:#ecf6ff;border:1px solid #3e5773;font-weight:800;font-size:11px;white-space:nowrap}.btn:hover:not(:disabled){background:#2b4e64}.btn.primary{background:var(--mint);color:#072921;border-color:var(--mint)}.btn.primary:hover{background:#a5f9e0}.btn.warn{background:#402c29;border-color:#765550;color:#f7d4bb}.btn.danger{background:#412c39;border-color:#7d4b5b;color:#ffd2d9}.btn.link{display:inline-flex;align-items:center}.btn.ghost{background:transparent}.alert{display:flex;align-items:start;gap:12px;background:#142e36;border:1px solid #2e6267;border-radius:12px;padding:12px 15px;color:#a9cdd5;font-size:11px;line-height:1.7;margin-bottom:23px}.alert b{color:#bdf5e8}.alert-symbol{display:grid;place-items:center;min-width:22px;height:22px;background:#277b7c;border-radius:50%;color:white;font-weight:950}
.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.stat{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#162437,#121d2d);padding:19px;position:relative;overflow:hidden}.stat .label{color:#a4b3c8;font-size:11px;font-weight:650}.stat strong{display:block;font-size:29px;letter-spacing:-.04em;line-height:1.4;margin:6px 0 2px}.stat small{color:#748aa5;font-size:10px}.stat .mark{position:absolute;right:12px;top:11px;color:#5581a2;font-size:19px}.stat.highlight{border-color:#456d65;background:linear-gradient(135deg,#173c36,#152236)}.stat.highlight strong{color:#a3f7d6}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 14px}.section-head h2{font-size:18px;letter-spacing:-.02em;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.two.equal{grid-template-columns:1fr 1fr}.activity{display:grid;gap:9px}.activity-item{padding:12px;background:#142438;border:1px solid #253e54;border-radius:10px;display:flex;align-items:start;gap:10px}.activity-item .symbol{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#28444a;color:var(--mint)}.activity-item b{font-size:12px;display:block}.activity-item small{font-size:10px;color:var(--muted)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-actions button{min-height:68px;border:1px solid #36536d;border-radius:11px;background:#1b3045;color:white;text-align:left;padding:13px;font-weight:800;font-size:12px}.quick-actions button small{display:block;margin-top:6px;color:#9baac0;font-size:10px;font-weight:500}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 15px}.filters input,.filters select,.field input,.field select,.field textarea{background:#0e1b2b;border:1px solid #39516c;color:#ebf5ff;border-radius:9px;padding:11px 12px;min-height:41px}.filters input{flex:1;min-width:185px}.filters select{min-width:125px}.filters label{font-size:11px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;color:#cedeed;font-weight:800}.field textarea{min-height:112px;resize:vertical}.field input:read-only{color:#afc3d8}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fields .full{grid-column:1/-1}.rows{display:grid;gap:9px}.record{display:flex;align-items:center;gap:13px;background:#152437;border:1px solid #2b425a;border-radius:11px;padding:15px}.record:hover{border-color:#47728b}.record .details{flex:1;min-width:0}.record .details strong{font-size:12px}.record .details small{font-size:10px;color:var(--muted);display:block;overflow-wrap:anywhere}.record .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.muted{color:var(--muted)}.small{font-size:10px}.pill{font-size:10px;font-weight:850;border-radius:30px;padding:5px 9px;display:inline-flex;align-items:center;background:#203850;border:1px solid #3b5979;color:#a9cfff;white-space:nowrap}.pill.good{background:#1b4538;border-color:#3b8269;color:#b0f7d9}.pill.warn{background:#3e3025;border-color:#866343;color:#ffd5a7}.pill.bad{background:#412b36;border-color:#8a4d5a;color:#ffb7c4}.pill.gray{background:#28384b;color:#bfd0e4;border-color:#41556b}.empty{border:1px dashed #48607b;background:#142134;color:var(--muted);text-align:center;padding:32px;border-radius:12px;font-size:12px}.split{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:15px}.ticketrow{display:flex;flex-direction:column;gap:8px;text-align:left;background:#19283d;border:1px solid #31475f;border-radius:11px;color:#e2edf8;padding:14px;width:100%}.ticketrow.active,.ticketrow:hover{border-color:var(--mint);background:#1b3b39}.ticketrow strong{font-size:12px}.ticketrow small{color:#9badc7}.ticketrow-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.case-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.case-head h3{font-size:17px;margin:0 0 5px}.case-head small{color:var(--muted)}.case-desc{background:#101e30;padding:15px;border-radius:10px;border:1px solid #30465c;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.timeline{border-left:2px solid #466174;margin:12px 5px;padding-left:18px;display:grid;gap:13px}.timeline article{position:relative;font-size:12px}.timeline article:before{content:'';position:absolute;left:-25px;top:6px;height:10px;width:10px;border-radius:50%;background:#72e2c0;box-shadow:0 0 0 3px #72e2c015}.timeline small{color:var(--muted);display:block;font-size:10px}.bar-box{display:grid;gap:13px}.bar-row{display:grid;grid-template-columns:135px 1fr 65px;align-items:center;gap:12px;font-size:11px;color:#b7c9d9}.track{border-radius:50px;height:10px;background:#25364c;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#6fe6c2,#759ffd);border-radius:50px}.bar-row strong{text-align:right;color:#e9f3ff}.note{padding:14px 15px;background:#2b2929;border:1px solid #64524e;border-radius:10px;color:#edcfbe;font-size:11px;line-height:1.7}.note b{color:#f9dcc9}.divider{height:1px;background:var(--line);margin:20px 0}.form-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.footer{padding:20px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#7389a6;font-size:10px;font-weight:650}.toast{position:fixed;right:20px;bottom:22px;z-index:99;padding:14px 18px;background:#24493f;color:#e8fff4;border:1px solid #61bfa1;border-radius:10px;box-shadow:0 18px 50px #0009;max-width:420px}
@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.content{padding:26px 22px 55px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;height:100dvh;left:0;width:270px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 50px #0006}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-block}.mobile-mask{position:fixed;inset:0;background:#0009;z-index:18}.role-label{display:none}.two{grid-template-columns:1fr}.topbar{padding:12px 18px}}
@media(max-width:590px){.demo-banner{font-size:8px;letter-spacing:0;flex-wrap:wrap;gap:6px}.topbar{align-items:start;flex-wrap:wrap;gap:9px;min-height:72px}.top-right{margin-left:auto;gap:6px}.env-tag{display:none}.top-right select{font-size:11px;padding:7px;max-width:155px}.content{padding:20px 13px 45px}.page-intro{flex-direction:column;align-items:start}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{padding:13px}.stat strong{font-size:23px}.stat .mark{right:8px;top:8px}.record{flex-wrap:wrap;padding:13px}.record .actions{width:100%}.record .actions .btn{flex:1}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.bar-row{grid-template-columns:85px 1fr 55px;gap:6px}.panel{padding:14px}.filters input,.filters select{min-width:100%;width:100%}.footer{padding:18px 14px}.quick-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}