:root{font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17243a;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-10000px;top:0}.skip:focus{left:12px;top:12px;background:white;z-index:10}.shell{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;width:246px;flex:0 0 246px;background:#0b1629;color:#b8c4d6;padding:30px 18px 24px;min-height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:0 8px 44px;color:#fff;letter-spacing:.14em;font-size:12px}.logo small{font-size:9px;color:#8191ac;display:block;margin-top:4px;letter-spacing:.18em}.logo-mark{display:grid;place-items:center;background:#d9f28c;border-radius:9px;width:37px;height:37px;color:#0b1629;font-weight:900;letter-spacing:-.08em}.sidebar-section{font-size:10px;letter-spacing:.15em;color:#6c7f9a;margin:0 15px 13px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:0;background:transparent;color:#a3b2c6;text-align:left;border-radius:9px;font-weight:550;font-size:13px}.nav-item:hover,.nav-item:focus-visible{background:#182944;color:white}.nav-item.active{background:#223554;color:#eaf3ff}.nav-icon{font-size:18px;min-width:18px}.nav-count{margin-left:auto;border-radius:30px;background:#334c6b;color:#dce7f6;padding:2px 8px;font-size:11px}.sidebar-spacer{flex:1}.demo-card{border:1px solid #283953;border-radius:11px;padding:17px;color:#d9e5f5;font-size:10px;letter-spacing:.11em;font-weight:750}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b6e989;margin-right:7px}.demo-card p{font-size:12px;line-height:1.65;color:#93a6c1;font-weight:400;letter-spacing:0;margin:10px 0 0}.back-link{font-size:12px;color:#c3d0e2;margin:25px 10px 4px}.back-link:hover{text-decoration:underline}.main-shell{flex:1;min-width:0}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid #e6eaf0;background:#fff}.breadcrumbs{display:flex;gap:12px;font-size:12px;align-items:center}.breadcrumbs span:first-child{color:#93a0b2;letter-spacing:.1em;font-size:10px}.sep{color:#c5ccd5}.top-actions{display:flex;align-items:center;gap:12px}.actor-label{font-size:12px;color:#738199}.top-actions select{border:1px solid #e2e8ef;border-radius:8px;background:#fff;color:#263954;padding:8px}.avatar{display:grid;place-items:center;border-radius:50%;background:#e7edf8;width:35px;height:35px;font-weight:800;color:#4a648d;font-size:12px}main{max-width:1560px;margin:0 auto;padding:45px 48px 22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7e93b1;margin:0 0 10px}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.045em;margin:0 0 9px;color:#17243a;font-weight:750;line-height:1.15}h2{letter-spacing:-.035em;color:#20334b}.lead{color:#7c899d;margin:0;font-size:14px;line-height:1.5}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border-radius:8px;border:1px solid transparent;padding:12px 17px;font-size:12px;font-weight:750;white-space:nowrap}.btn-primary{background:#2e5eaa;color:#fff}.btn-primary:hover{background:#244e8f}.btn-soft{background:#fff;color:#51617b;border-color:#dce3ec}.btn-soft:hover{background:#f0f4fb}.notice{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;background:#edf4ff;border:1px solid #d9e8ff;border-radius:10px;color:#4f698e;font-size:12px;line-height:1.5;margin-bottom:29px}.notice-icon{font-size:16px;color:#3265ab}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.stat-card{padding:22px 22px 20px;border:1px solid #e8edf2;border-radius:12px;background:white;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7c899a;font-size:12px;margin-bottom:22px}.stat-symbol{font-size:19px;color:#a2b3c8}.stat-value{font-size:32px;font-weight:750;letter-spacing:-.07em}.stat-bottom{font-size:11px;color:#8fa0b3;margin-top:7px}.cols{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px}.panel{background:#fff;border:1px solid #e7ecf2;border-radius:12px;overflow:hidden;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;border-bottom:1px solid #eef0f4;gap:10px}.panel-head h2{font-size:17px;margin:0}.panel-head small{font-size:12px;color:#91a0b0}.panel-head button{background:none;border:none;color:#315e9e;font-weight:750;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#fafdff;text-transform:uppercase;letter-spacing:.09em;font-size:10px;color:#9aa7b8;font-weight:750}td,th{padding:15px 17px;border-bottom:1px solid #f0f2f5;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbff}.table-link{border:0;padding:0;background:transparent;font-weight:800;color:#355d96;text-align:left}.table-link:hover{text-decoration:underline}.sub{color:#97a5b5;font-size:11px;margin-top:5px}.name-cell{font-weight:650;color:#233852}.pill{display:inline-flex;align-items:center;border-radius:50px;padding:5px 9px;font-size:10px;font-weight:750;letter-spacing:.01em;background:#edf1f5;color:#526276}.priority-critical{background:#ffebeb;color:#b93c3c}.priority-high{background:#fff0e0;color:#b16b27}.priority-medium{background:#ecf2ff;color:#476cad}.priority-low{background:#f0f3f5;color:#758697}.status-resolved,.status-active{background:#e6f7ed;color:#208356}.status-in-progress,.status-in-repair{background:#eaf1ff;color:#4773b1}.status-waiting,.status-in-stock{background:#fff4df;color:#aa7a22}.status-open{background:#f0f3f7;color:#64778b}.panel-list{padding:10px 24px}.activity-item{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #f0f2f6}.activity-item:last-child{border-bottom:0}.event-dot{flex:0 0 9px;height:9px;border-radius:50%;background:#b6c9e5;margin-top:5px}.event-body{flex:1}.event-body strong{font-size:12px;font-weight:650}.event-body p{font-size:11px;margin:7px 0 0;color:#9aa7b6}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 15px}.searchbox,.filter{background:#fff;border:1px solid #dce3ed;border-radius:8px;padding:12px 13px;color:#42546e;font-size:12px;min-height:41px}.searchbox{min-width:245px;flex:1}.filter{min-width:145px}.empty{padding:42px 25px;text-align:center;color:#9aa6b7;font-size:13px}.row-actions{display:flex;gap:5px}.mini-btn{font-size:11px;background:#f3f6fa;color:#47607b;border:1px solid #e6ebf1;padding:7px 9px;border-radius:6px}.mini-btn:hover{background:#e8eff9}.mini-btn.danger:hover{color:#b53e3e;background:#ffefef}.panel-foot{font-size:11px;color:#95a3b4;padding:15px 24px;background:#fbfcff}.distribution{padding:24px}.dist-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.dist-row span:last-child{color:#8c9aac}.bar-track{height:7px;background:#eef2f7;border-radius:8px;overflow:hidden;margin-bottom:21px}.bar-fill{height:100%;background:#497bc4;border-radius:8px}.app-footer{display:flex;align-items:center;justify-content:space-between;margin:34px 0 0;gap:12px;color:#a3afbd;font-size:10px;letter-spacing:.1em;flex-wrap:wrap}.app-footer div{display:flex;gap:16px;flex-wrap:wrap}.footer-btn{border:0;background:transparent;color:#74869f;font-size:11px;letter-spacing:0;padding:6px}.footer-btn:hover{text-decoration:underline}dialog{border:0;border-radius:15px;padding:0;width:min(94vw,550px);box-shadow:0 25px 90px #0b163144}dialog::backdrop{background:#08132699}.dialog-head{display:flex;justify-content:space-between;padding:25px 29px 16px}.dialog-head h2{font-size:23px;margin:0}.icon-button{font-size:26px;color:#9aa6b8;background:none;border:0;align-self:flex-start}.fields{padding:0 29px 15px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#687b94;font-weight:750}.field input,.field select,.field textarea{border:1px solid #dce3ec;border-radius:7px;padding:11px;color:#263954;width:100%;font-size:13px;background:#fff}.field textarea{resize:vertical;min-height:85px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:18px 29px 27px;border-top:1px solid #eef2f6}#toast{position:fixed;right:20px;bottom:20px;color:white;background:#173254;border-radius:9px;padding:13px 18px;box-shadow:0 12px 38px #0c1a2c44;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;max-width:360px}#toast.visible{opacity:1}:focus-visible{outline:3px solid #91b7ed;outline-offset:3px}@media(max-width:1050px){.sidebar{width:200px;flex-basis:200px}.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}main{padding:30px 25px}.topbar{padding:0 25px}}@media(max-width:700px){.shell{display:block}.sidebar{width:auto;min-height:0;padding:14px}.logo{padding:0 4px 14px}.sidebar-section,.demo-card,.back-link,.sidebar-spacer{display:none}.sidebar nav{display:flex;overflow:auto}.nav-item{min-width:max-content;font-size:11px;padding:10px}.topbar{height:54px;padding:0 16px}.actor-label{display:none}main{padding:25px 16px}.page-head{display:block}.head-actions{margin-top:18px}.stats{gap:9px}.stat-card{padding:15px}.stat-value{font-size:28px}.panel-head{padding:18px}.searchbox{min-width:100%}.fields{grid-template-columns:1fr}.field{grid-column:1/-1}.breadcrumbs span:first-child{display:none}}
/* 2026 visual system: clean IT command centre */
:root{--ink:#1b2940;--muted:#8795ab;--accent:#baf18d;--blue:#315caa;--stroke:#e4ebf2}
html{scroll-behavior:smooth}
body{background:#f5f7fa;color:var(--ink)}
.sidebar{background:linear-gradient(160deg,#0b182c 0%,#101d35 56%,#121f32 100%);border-right:1px solid #25364f}
.logo{font-size:11px;font-weight:800}.logo-mark{background:var(--accent);box-shadow:0 0 0 5px #baf18d1c}
.sidebar-section{color:#8294ae}
.nav-item{transition:background .15s ease,color .15s ease,transform .15s ease;border:1px solid transparent;line-height:1.25}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active{background:#233d55;border-color:#3c556b;color:#f3fff0;box-shadow:inset 3px 0 0 var(--accent)}
.nav-item.active .nav-icon{color:var(--accent)}
.nav-count{background:#bbf18a;color:#1e3528;font-weight:850}
.demo-card{background:linear-gradient(140deg,#1c3047,#14263d);border-color:#324963}
.demo-card .live-dot{box-shadow:0 0 0 4px #baf18d1c}
.main-shell{background:#f5f7fa}
.topbar{background:#fff;box-shadow:0 1px 0 #e7edf3}
.top-demo{font-size:10px;letter-spacing:.07em;color:#436d5a;background:#eef8e9;border:1px solid #dfefd6;border-radius:40px;padding:7px 11px;font-weight:850}
main{padding-top:39px}
.page-head{margin-bottom:24px}
.page-head h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.052em}
.page-head .lead{font-size:14px;max-width:660px}
.btn{transition:transform .14s,box-shadow .14s,background .14s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:#1d3554;box-shadow:0 6px 17px #1d355420}
.btn-primary:hover{background:#294d77;box-shadow:0 8px 19px #1d35542a}
.notice{background:#fff;color:#64748b;border-color:#e5eaf0;border-left:3px solid #a5d99c;padding:12px 16px}
.notice strong{color:#3a4c63}
.command-banner{border-radius:17px;background:radial-gradient(circle at 82% 28%,#23415f 0%,transparent 42%),linear-gradient(120deg,#102039 0%,#142d43 70%,#102039 100%);min-height:267px;margin-bottom:20px;display:flex;overflow:hidden;position:relative;color:#fff;border:1px solid #233c55;box-shadow:0 16px 37px #0c2a4813}
.command-banner__copy{padding:32px 36px;position:relative;z-index:2;max-width:570px}
.command-chip{display:inline-flex;color:#c6f0b3;background:#264d44;border:1px solid #4d7660;padding:7px 12px;border-radius:50px;font-size:10px;font-weight:750;letter-spacing:.12em}
.command-banner h2{font-size:clamp(27px,3.1vw,41px);line-height:1.07;letter-spacing:-.06em;color:#fff;margin:16px 0 11px;font-weight:760}
.command-banner p{color:#b5c9d8;font-size:12px;max-width:440px;line-height:1.65;margin:0}
.command-links{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}
.command-links a{font-size:12px;font-weight:800;color:#c7f0ab}
.command-links a:hover{text-decoration:underline}
.command-art{position:absolute;right:5%;top:-26px;width:370px;height:345px;opacity:.95}
.art-orbit{position:absolute;border:1px solid #a5dbe71e;border-radius:50%;transform:rotate(-23deg)}
.art-orbit--one{width:300px;height:300px;right:0;top:23px}
.art-orbit--two{width:214px;height:214px;right:44px;top:68px;border-color:#b5e6ae35}
.art-centre{position:absolute;right:105px;top:122px;display:flex;flex-direction:column;align-items:center;gap:0;color:#c9f3b7}
.art-centre span{font-size:11px;letter-spacing:.22em}
.art-centre strong{font-size:69px;line-height:1;letter-spacing:-.08em;color:white}
.art-centre small{font-size:8px;letter-spacing:.21em;color:#a4bacb}
.art-dot{position:absolute;right:51px;top:139px;width:11px;height:11px;background:#c4f29c;border-radius:50%;box-shadow:0 0 0 8px #c4f29c22,0 0 36px #c4f29c8c}
.stat-card,.panel{border:1px solid var(--stroke);box-shadow:0 7px 19px #1d38500a}
.stat-card{border-radius:13px;position:relative;overflow:hidden}
.stat-card:before{content:"";position:absolute;height:3px;background:#c3edaa;top:0;left:0;width:100%}
.stat-card:nth-child(2):before{background:#e9c7a1}
.stat-card:nth-child(3):before{background:#a9c8e8}
.stat-top{font-size:12px;font-weight:650}
.stat-symbol{font-size:18px;color:#7ea392;background:#f1f8ec;border-radius:9px;padding:3px 8px}
.stat-value{font-size:38px;color:#223b5b}
.stat-bottom{color:#8798ad}
.panel-head{min-height:68px}
.panel-head h2{font-weight:750}
.panel-head button:hover{text-decoration:underline}
.panel-list{padding:10px 24px}
tr:hover .table-link{text-decoration:underline}
td{color:#52627a}
td .sub{max-width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.collection-summary{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(200px,1.35fr);gap:13px;margin-bottom:23px}
.collection-summary>div{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--stroke);border-radius:12px;padding:19px 23px;background:#fff}
.collection-summary__label{font-size:10px;letter-spacing:.15em;color:#8fa0af;font-weight:800}
.collection-summary strong{font-size:32px;letter-spacing:-.055em;color:#213958;margin:7px 0 3px}
.collection-summary small{color:#8999ac;font-size:11px}
.collection-summary .collection-summary__note{background:#14283d;color:#c3d4e8;font-size:12px;line-height:1.7;display:block}
.collection-summary__note .live-dot{background:#baf18d;margin-right:7px}
.loading-panel{text-align:center;padding:60px 20px;background:white;border:1px solid var(--stroke);border-radius:13px}
.loading-panel h2{margin:10px 0}.loading-panel p{color:#8c9bad}
.loading-symbol{margin:auto;display:grid;place-items:center;background:#e9f2ff;color:#466a9e;width:60px;height:60px;border-radius:16px;font-size:26px}
#new-item[hidden]{display:none}
@media(max-width:1170px){.command-art{right:-70px;opacity:.5}.command-banner__copy{max-width:500px}}
@media(max-width:800px){.command-art{display:none}.command-banner{min-height:auto}.command-banner__copy{padding:25px}.collection-summary{grid-template-columns:1fr 1fr}.collection-summary>div:last-child{grid-column:1/-1}.top-demo{display:none}}
@media(max-width:700px){.sidebar{border-right:0}.nav-item:hover{transform:none}.command-banner h2{font-size:31px}.page-head h1{font-size:32px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-value{font-size:32px}.collection-summary{gap:8px}.collection-summary>div{padding:16px}.topbar{gap:10px}.top-actions{gap:5px}.top-actions select{max-width:94px}.breadcrumbs{font-size:11px}}