:root{--bg:#f3f6fb;--panel:#fff;--text:#182230;--muted:#6b7280;--blue:#1185ff;--nav:#0e1b2b;--nav2:#14253a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:var(--bg);color:var(--text)}a{text-decoration:none}.app-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav),#0a1420);color:#dfe7f2;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:700}.brand b{color:var(--blue)}.brand-mark{font-size:26px;color:#28b8ff}.sidebar nav{margin-top:30px;display:grid;gap:7px}.nav-item{color:#c5d1df;padding:11px 13px;border-radius:10px}.nav-item:hover,.nav-item.active{background:#0d7cff;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #24364b;padding-top:16px;display:flex;justify-content:space-between;font-size:13px}.sidebar-footer a{color:#8ec7ff}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e8edf5;padding:24px 30px;display:flex;justify-content:space-between;align-items:center}.topbar h1,.client-content h1{font-size:28px;margin:0}.content,.client-content{padding:28px;max-width:1500px;margin:auto}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}.kpi,.panel{background:#fff;border:1px solid #e7edf6;border-radius:16px;box-shadow:0 4px 18px rgba(19,48,85,.05)}.kpi{padding:18px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:28px;font-weight:700;margin-top:5px}.panel{padding:20px;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:20px}.table{vertical-align:middle}.form-control,.form-select{border-radius:10px;padding:.65rem .8rem}.btn{border-radius:10px}.auth-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#1388ff33,transparent 30%),#0e1b2b}.auth-card{width:min(430px,92vw);background:#fff;border-radius:22px;padding:32px;box-shadow:0 20px 60px #0005}.client-shell{min-height:100vh}.client-top{display:flex;align-items:center;gap:30px;background:#0e1b2b;color:#fff;padding:16px 28px}.client-top nav{display:flex;gap:20px;margin-left:auto}.client-top nav a{color:#cfe1f6}.client-top nav a.active,.client-top nav a:hover{color:#fff}.user-mini{font-size:13px}.user-mini a{color:#8ec7ff}.client-content{padding-top:35px}.hero-card{background:linear-gradient(135deg,#e5f3ff,#f8fbff);border:1px solid #d9ebfb;border-radius:20px;padding:28px;margin:20px 0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick{background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:20px}.quick .num{font-size:30px;font-weight:700}.chart-fake{height:240px;background:linear-gradient(180deg,#e9f4ff,#fff);border-radius:12px;position:relative;overflow:hidden}.chart-fake:before{content:"";position:absolute;left:5%;right:5%;top:35%;height:3px;background:#1185ff;box-shadow:60px 28px 0 -1px #1185ff,120px -18px 0 -1px #1185ff,180px 17px 0 -1px #1185ff,240px -8px 0 -1px #1185ff,300px 22px 0 -1px #1185ff,360px -40px 0 -1px #1185ff;transform:skewY(-8deg)}@media(max-width:1000px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.client-top{flex-wrap:wrap}.client-top nav{order:3;width:100%;overflow:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid,.quick-grid{grid-template-columns:1fr}.content,.client-content{padding:16px}.topbar{padding:18px}.sidebar{padding:18px}.sidebar nav{grid-template-columns:repeat(2,1fr)}}