:root{--navy:#0d2233;--lime:#a8f500;--cream:#fbfaed;--line:#d9d9ce;--text:#17202a;--muted:#75808a;--green:#08994f}*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--cream);color:var(--text);display:flex;min-height:100vh}.sidebar{width:264px;background:var(--navy);color:#dce8f1;position:fixed;inset:0 auto 0 0;padding:28px 20px;display:flex;flex-direction:column;z-index:5}.brand{height:68px;border:1px solid #29485f;border-radius:18px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 22px;margin-bottom:32px}.brand span{font-size:24px;font-weight:800;letter-spacing:5px}.brand small{font-size:10px;color:var(--lime);font-weight:800;letter-spacing:3px}.nav-label{font-size:11px;color:#7699b4;font-weight:700;letter-spacing:2px;margin:5px 15px 13px}nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;height:48px;padding:0 15px;border-radius:12px;text-decoration:none;color:#dbe7f0;font-size:15px;transition:.18s}.nav-item:hover{background:#183a52;transform:translateX(2px)}.nav-item.active{background:var(--lime);color:#10202a;font-weight:700}.nav-icon{font-size:21px;width:24px;text-align:center}.version{margin-top:auto;color:#7190a7;font-size:11px;padding:12px}main{margin-left:264px;width:calc(100% - 264px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:118px;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid #eeecd9}.menu-button{display:none}.topbar-spacer{flex:1}.online{padding:13px 22px;border-radius:26px;background:#e1f7ef;color:#007940;font-weight:700;font-size:14px}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#008f4d;margin-right:10px}.company{height:50px;border:1px solid var(--line);background:#fff;border-radius:14px;margin-left:20px;padding:0 28px;font-size:15px}.page{padding:18px 28px 26px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-heading h1{font-size:26px;margin:0 0 5px}.page-heading p{margin:0;color:var(--muted)}button,.primary{font:inherit}.primary{border:1px solid #86c900;background:#efffd1;color:#355800;border-radius:11px;padding:11px 19px;font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card{height:126px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;gap:18px;box-shadow:0 2px 10px #27313a08}.metric-card .accent{width:5px;border-radius:5px;background:var(--lime)}.metric-card.green .accent{background:#10a25a}.metric-card.orange .accent{background:#f4ae23}.metric-card.purple .accent{background:#9366ca}.metric-card p{margin:0 0 8px;color:#45505b}.metric-card strong{display:block;font-size:28px}.metric-card small{display:block;margin-top:5px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin-top:14px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-title h2{font-size:17px;margin:0}.panel-title span{color:var(--muted);font-size:13px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-grid>div{background:#f8faf8;border:1px solid #edf0eb;border-radius:12px;padding:15px;display:grid;grid-template-columns:20px 1fr;gap:2px 10px}.health-grid b{grid-column:2;font-size:12px;color:#15844b}.ok{width:10px;height:10px;border-radius:50%;background:#17ae60;margin-top:5px;box-shadow:0 0 0 5px #dcf5e7}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid a{border:1px solid #e2e5de;border-radius:13px;padding:16px;text-decoration:none;color:var(--text);display:grid;grid-template-columns:34px 1fr;transition:.18s}.quick-grid a:hover{border-color:#8cd000;background:#f7ffe9;transform:translateY(-2px)}.quick-grid a span{font-size:23px;grid-row:1/3}.quick-grid a small{color:var(--muted);margin-top:4px}footer{height:46px;background:#fff;border-top:1px solid #e8e7dd;display:flex;align-items:center;gap:28px;padding:0 28px;color:#00a957;font-size:12px}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:48px;color:#7abb00}.empty-state p{color:var(--muted);margin-bottom:28px}.link-button{text-decoration:none;display:inline-block}@media(max-width:1100px){.sidebar{width:86px;padding:25px 12px}.brand{padding:0 10px}.brand span{font-size:15px;letter-spacing:2px}.brand small,.nav-label,.nav-item span:last-child,.version{display:none}.nav-item{justify-content:center}.nav-icon{width:auto}main{margin-left:86px;width:calc(100% - 86px)}.cards,.health-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{transform:translateX(-100%)}main{margin:0;width:100%}.topbar{height:78px;padding:0 15px}.menu-button{display:block;border:0;background:none;font-size:22px}.company{display:none}.page{padding:15px}.cards,.health-grid,.quick-grid{grid-template-columns:1fr}footer{overflow:auto;white-space:nowrap}.page-heading h1{font-size:22px}}