:root{--navy:#0c2342;--navy2:#12345f;--orange:#ff7700;--ink:#17263a;--muted:#718096;--line:#e5eaf1;--bg:#f5f7fa;--white:#fff;--green:#168454;--red:#c84355;--amber:#b96b12;--sidebar:268px}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#081a31;color:#d7e3f2;padding:18px 14px;display:flex;flex-direction:column;overflow:hidden}.app-brand{display:flex;align-items:center;gap:9px;padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.app-brand img{width:128px;filter:brightness(0) invert(1)}.app-brand .divider{height:28px;width:1px;background:rgba(255,255,255,.28)}.app-brand strong{font-size:10px;line-height:1.05;color:#fff;max-width:65px}.workspace{margin:16px 4px 10px;padding:11px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04)}.workspace small{display:block;color:#8398b2;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.workspace button{margin-top:3px;width:100%;padding:0;border:0;background:none;text-align:left;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:4px}.side-scroll::-webkit-scrollbar{display:none}.nav-group{margin:16px 0}.nav-label{padding:0 10px 7px;color:#7088a4;font-size:9px;letter-spacing:.12em;font-weight:900}.nav-item{width:100%;border:0;background:transparent;color:#c5d4e4;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:8px;font-size:12px;font-weight:700;margin:2px 0}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:rgba(255,119,0,.16);color:#fff}.nav-item.active .nav-icon{background:var(--orange);color:#fff}.nav-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.06);font-size:11px}.side-footer{border-top:1px solid rgba(255,255,255,.09);padding:12px 4px 0}.profile-mini{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#294d7d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.profile-mini b{display:block;font-size:11px;color:#fff}.profile-mini span{display:block;font-size:9px;color:#8297b1}.main{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:18px}.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:9px}.search{position:relative;max-width:480px;flex:1}.search input{width:100%;height:40px;border:1px solid #dce3eb;background:#f8fafc;border-radius:9px;padding:0 14px 0 38px;outline:none;font-size:12px}.search:before{content:"⌕";position:absolute;left:14px;top:8px;color:#8190a3}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;color:#53657c}.user-btn{height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 10px}.content{padding:28px 30px 46px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;color:var(--navy);font-size:27px;letter-spacing:-.03em}.page-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.primary{height:40px;border:0;background:var(--orange);color:#fff;border-radius:9px;padding:0 15px;font-size:11px;font-weight:900}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px}.stat-card .label{font-size:10px;color:#74859a;font-weight:700}.stat-card .value{display:flex;align-items:end;gap:7px;margin-top:8px}.stat-card b{font-size:25px;line-height:1;color:var(--navy)}.trend{font-size:9px;color:var(--green);font-weight:900}.meta{font-size:9px;color:#93a0b0;margin-top:9px}.grid-2{display:grid;grid-template-columns:1.45fr .85fr;gap:14px;margin-top:14px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.card-head h2{font-size:14px;margin:0;color:var(--navy)}.card-head a,.link-btn{font-size:10px;color:#3d6fa9;font-weight:800;border:0;background:none}.chart{height:210px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e8edf2;padding:20px 5px 0}.chart .bar{flex:1;background:#d9e6f3;border-radius:5px 5px 0 0;position:relative}.chart .bar:nth-child(2n){background:#89a9cd}.chart .bar.hot{background:var(--orange)}.chart-labels{display:flex;justify-content:space-between;color:#92a0b0;font-size:8px;padding-top:7px}.queue{display:grid}.queue-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f5}.queue-row:last-child{border-bottom:0}.queue-icon{width:31px;height:31px;border-radius:8px;background:#fff4e9;color:#c76a16;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.queue-row b{display:block;font-size:10px;color:#30445f}.queue-row span{display:block;font-size:9px;color:#8291a4}.pill{padding:5px 7px;border-radius:99px;font-size:8px;font-weight:900;white-space:nowrap}.pill.danger{background:#fdecef;color:var(--red)}.pill.warn{background:#fff4e3;color:var(--amber)}.pill.good{background:#e9f7ef;color:var(--green)}.table-card{margin-top:14px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{font-size:9px;text-align:left;color:#8190a3;text-transform:uppercase;letter-spacing:.06em;padding:10px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 10px;border-bottom:1px solid #eef2f5;font-size:10px;color:#5b6d83}.data-table td strong{color:#30445f}.data-table tr:last-child td{border-bottom:0}.view{display:none}.view.active{display:block}.placeholder{padding:42px;text-align:center}.placeholder h2{color:var(--navy);margin:0}.placeholder p{max-width:620px;margin:10px auto;color:var(--muted);font-size:12px}.role-switcher{border:1px solid var(--line);background:#fff;border-radius:9px;height:40px;font-size:10px;font-weight:800;color:#485b72;padding:0 9px}.sidebar-backdrop{display:none}.mobile-brand{display:none}
@media(max-width:1100px){:root{--sidebar:230px}.stat-grid{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}
@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;left:-280px;width:268px;transition:.2s}.sidebar.open{left:0}.sidebar-backdrop{position:fixed;z-index:40;inset:0;background:rgba(3,14,28,.55)}.sidebar-backdrop.show{display:block}.menu-btn{display:block}.topbar{padding:0 14px}.search{display:none}.role-switcher{display:none}.content{padding:22px 16px}.stat-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start}.user-btn span{display:none}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr}.page-head{flex-direction:column}.page-head .primary{width:100%}.top-actions .icon-btn:first-child{display:none}}