:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f0f3f7;--ink:#0c1524;--muted:#6b7688;--line:#e1e6ee;--blue:#2f6ff6;--cyan:#1fc8c1;--green:#12a36f;--amber:#d48c16;--danger:#d84e67;--navy:#091426;--shadow:0 18px 55px rgba(16,35,65,.1)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}.panel-shell{min-height:100vh;display:grid;grid-template-columns:258px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 17px;border-right:1px solid #1b2940;background:linear-gradient(180deg,#081321,#0c1b2f);color:#fff;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 24px}.sidebar-brand img{width:39px;height:39px}.sidebar-brand strong{display:block;font-size:13px;letter-spacing:.14em}.sidebar-brand span{display:block;margin-top:5px;color:#71849e;font-size:9px;letter-spacing:.07em}.nav-group{margin-top:13px}.nav-label{padding:0 11px;margin-bottom:7px;color:#566a84;font-size:9px;font-weight:900;letter-spacing:.14em}.nav-item{width:100%;height:42px;border:0;border-radius:11px;background:transparent;color:#8ea0b8;display:flex;align-items:center;gap:11px;padding:0 11px;text-align:left;font-size:11px;font-weight:750;cursor:pointer}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.nav-item.active{background:rgba(47,111,246,.18);color:#fff}.nav-item:hover{color:#fff}.sidebar-foot{margin-top:auto;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.sidebar-foot span{display:block;color:#70839d;font-size:9px}.sidebar-foot strong{display:block;margin-top:5px;font-size:11px}.sidebar-foot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade9c;margin-right:6px}.workspace{min-width:0}.topbar{height:74px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20}.page-title span{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em}.page-title h1{font-size:21px;letter-spacing:-.025em;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:9px}.global-search{width:min(360px,31vw);height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);display:flex;align-items:center;gap:9px;padding:0 12px}.global-search svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.8}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.icon-btn,.avatar,.primary-btn{height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn{width:42px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.primary-btn{border:0;padding:0 15px;gap:8px;background:linear-gradient(135deg,var(--blue),#5a66f5);color:#fff;font-size:11px;font-weight:850;box-shadow:0 10px 22px rgba(47,111,246,.22)}.avatar{width:42px;border:1px solid var(--line);background:#0d1b2f;color:#fff;font-size:11px;font-weight:900}.main{padding:28px}.notice{padding:12px 15px;border:1px solid #cddafa;border-radius:12px;background:#f2f6ff;color:#345180;font-size:11px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.notice strong{color:#17376e}.overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.overview-head h2{font-size:28px;letter-spacing:-.04em;margin:0 0 7px}.overview-head p{margin:0;color:var(--muted);font-size:12px}.period{height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 12px;color:var(--ink);font-size:10px;font-weight:750}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.kpi{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 24px rgba(16,35,65,.045)}.kpi:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-25px;top:-28px;background:rgba(47,111,246,.06)}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(47,111,246,.09);color:var(--blue)}.kpi-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.kpi span{display:block;color:var(--muted);font-size:9px;font-weight:750;margin-top:15px}.kpi strong{display:block;font-size:24px;letter-spacing:-.04em;margin-top:4px}.kpi small{display:block;margin-top:7px;color:#8b96a7;font-size:8px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.card{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 9px 30px rgba(16,35,65,.045);overflow:hidden}.card-head{min-height:58px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head strong{font-size:13px}.card-head span,.card-head button{color:var(--muted);font-size:9px}.card-head button{border:0;background:none;font-weight:800}.activity{padding:6px 18px 12px}.activity-row{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--blue)}.activity-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.activity-row strong{display:block;font-size:10px}.activity-row span{display:block;margin-top:4px;color:var(--muted);font-size:8px}.activity-row time{color:#929cac;font-size:8px}.workload{padding:18px}.workload-bars{height:185px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid var(--line)}.workload-bars div{flex:1;min-width:15px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--blue),#688cf1);position:relative}.workload-bars div:nth-child(2n){background:linear-gradient(180deg,var(--cyan),#43a9d8)}.workload-bars span{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);font-size:8px;color:var(--muted)}.workload-legend{display:flex;justify-content:space-between;margin-top:35px;color:var(--muted);font-size:8px}.table-card{margin-top:14px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 17px;text-align:left;border-bottom:1px solid #edf0f4;font-size:9px}.data-table th{color:var(--muted);font-weight:850;letter-spacing:.06em;background:#fafbfc}.data-table td strong{font-size:10px}.data-table td span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.pill{display:inline-flex!important;width:max-content;padding:6px 8px;border-radius:999px;font-size:8px!important;font-weight:850}.pill.green{color:var(--green)!important;background:rgba(18,163,111,.09)}.pill.blue{color:var(--blue)!important;background:rgba(47,111,246,.09)}.pill.amber{color:var(--amber)!important;background:rgba(212,140,22,.1)}.preview-footer{margin-top:17px;color:var(--muted);font-size:9px;text-align:center}.mobile-nav{display:none}@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.panel-shell{grid-template-columns:220px 1fr}.sidebar{padding-inline:12px}}@media(max-width:860px){.panel-shell{display:block}.sidebar{display:none}.topbar{height:auto;min-height:68px;padding:12px 15px}.global-search{display:none}.top-actions .primary-btn{display:none}.main{padding:18px 14px 90px}.overview-head{align-items:flex-start;flex-direction:column}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.table-card{overflow:auto}.data-table{min-width:740px}.mobile-nav{position:fixed;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:none;color:var(--muted);font-size:9px;font-weight:800;padding:8px}.mobile-nav button.active{color:var(--blue)}}@media(max-width:520px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:14px}.kpi strong{font-size:21px}.top-actions .icon-btn:nth-child(2){display:none}.notice{align-items:flex-start;flex-direction:column}.overview-head h2{font-size:25px}}