:root{--navy:#071526;--blue:#3b82f6;--cyan:#22d3ee;--violet:#7c3aed;--green:#22c55e;--orange:#f97316;--red:#ef4444;--surface:#f4f7fb;--text:#101828;--muted:#667085;--border:#dce6f3}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--surface)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:268px;position:fixed;inset:0 auto 0 0;background:radial-gradient(circle at 0 100%,#113c65 0,transparent 35%),linear-gradient(155deg,#0b2038,#06111f 70%);color:#d9eaff;padding:25px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:14px;padding:0 14px 24px;color:white}.brand-mark{width:48px;height:48px;display:grid;place-items:center;font-weight:900;color:#fff;letter-spacing:-2px;background:linear-gradient(135deg,var(--cyan),var(--blue) 50%,var(--violet));clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);filter:drop-shadow(0 7px 12px #3b82f655)}.brand strong{font-size:25px;letter-spacing:.5px;display:block}.brand small{display:block;color:#bed0e6;font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:13px 18px;border-radius:9px;font-size:14px}.sidebar nav a span{font-size:21px;width:24px;color:#b8dafc}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#0e4c7f,#174f79);color:white}.sidebar nav hr{border:0;border-top:1px solid #294058;margin:10px}.side-foot{margin-top:auto;text-align:center;display:grid;gap:8px;font-size:12px;letter-spacing:3px}.side-foot small{font-size:10px;color:#89a8c7}.workspace{margin-left:268px;width:calc(100% - 268px)}.topbar{height:86px;background:linear-gradient(90deg,#08172a,#0a2037);display:flex;align-items:center;gap:18px;padding:0 28px;color:#eaf4ff}.menu{display:none}.search{height:46px;max-width:620px;flex:1;display:flex;align-items:center;gap:12px;background:#102843;border:1px solid #24445f;border-radius:10px;padding:0 14px;color:#a9c3dc}.search input{flex:1;background:none;border:0;outline:0;color:white;font-size:14px}.search input::placeholder{color:#9ab2ca}.search kbd{border:1px solid #55708a;border-radius:6px;padding:5px 8px;font:12px inherit}.icon-btn,.logout,.menu{background:transparent;border:0;color:#d7eaff;font-size:23px;cursor:pointer}.icon-btn{margin-left:auto}.icon-btn+.icon-btn{margin-left:0}.profile{border-left:1px solid #29445e;padding-left:20px;display:flex;align-items:center;gap:10px}.profile span:last-child{display:grid}.profile small{font-size:12px;color:#adc3d9}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),var(--blue));font-weight:700}.workspace main{padding:26px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h1{font-size:25px;margin:0 0 4px}.page-head p{color:#49627e;margin:0}.date-chip{display:grid;border:1px solid var(--border);border-radius:10px;padding:10px 18px;background:#f8fbff;font-size:13px}.date-chip small{color:var(--muted);margin-top:3px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px}.kpi,.card{background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid var(--border);border-radius:13px;box-shadow:0 10px 25px #294f7710}.kpi{min-height:145px;padding:18px;display:flex;gap:17px;align-items:flex-start}.kpi-icon{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;color:white;font-size:27px;background:linear-gradient(135deg,var(--t),color-mix(in srgb,var(--t),white 20%))}.blue{--t:#287df0}.violet{--t:#7639ed}.green{--t:#14b86a}.orange{--t:#ff7a18}.purple{--t:#5d4df1}.red{--t:#ef4444}.kpi strong{font-size:27px}.kpi p{margin:3px 0 18px;color:#365274}.kpi small{color:#7890a8}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1.08fr 1fr;gap:14px}.card{min-height:280px;padding:19px}.card header{display:flex;justify-content:space-between;align-items:center}.card h2{font-size:17px;margin:0}.pill{font-size:12px;color:#185ec7;background:#eaf3ff;padding:6px 10px;border-radius:8px}.legend{color:var(--blue);font-size:12px}.legend span{color:var(--violet)}.empty-chart{height:220px;display:flex;align-items:center;justify-content:center;gap:34px;color:var(--muted)}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#fff 55%,transparent 57%),conic-gradient(var(--green) 0 2%,#dbe5f1 2% 100%)}.donut b{font-size:28px}.donut small{color:var(--muted)}.chart-lines svg{width:100%;height:190px}.chart-lines path{fill:none;stroke:#dae5f0}.chart-lines .trendline{stroke:var(--blue);stroke-width:3;opacity:.3}.chart-lines p{text-align:center;color:var(--muted);margin:-16px 0 0}.mini-empty,.empty-page{display:grid;place-content:center;text-align:center;color:#5d7390;gap:8px}.mini-empty{height:220px}.mini-empty b{color:#253b55}.mini-empty small{font-size:12px}.actions .action{display:flex;justify-content:space-between;padding:14px 18px;margin-top:11px;border-radius:10px;background:color-mix(in srgb,var(--t),white 91%);color:var(--t);border:1px solid color-mix(in srgb,var(--t),white 76%);font-size:14px}.empty-page{height:430px}.empty-page>span{font-size:50px;color:var(--blue)}.primary-btn{background:var(--blue);color:white;padding:12px 18px;border-radius:8px;margin:10px auto}.login-body{min-height:100vh;display:grid;grid-template-columns:1.25fr 1fr;background:white}.login-brand{position:relative;overflow:hidden;color:white;padding:45px 6vw;background:radial-gradient(circle at 70% 70%,#104772 0,transparent 30%),linear-gradient(145deg,#061222,#0b2139)}.login-logo{padding:0}.login-copy{position:absolute;top:33%;z-index:2}.login-copy p,.eyebrow{color:var(--cyan);letter-spacing:3px;font-size:11px}.login-copy h1{font-size:64px;line-height:1.05;margin:15px 0}.login-copy em{font-style:normal;color:#56c7ff}.login-copy span{color:#aec6dc}.security-orbit{position:absolute;width:420px;height:420px;border:1px solid #1d5475;border-radius:50%;right:-90px;bottom:-110px;display:grid;place-items:center}.security-orbit:before,.security-orbit:after{content:"";position:absolute;border:1px solid #237099;border-radius:50%;inset:55px}.security-orbit:after{inset:125px}.security-orbit b{font-size:52px;color:#50c8ff}.login-panel{display:grid;place-items:center;padding:50px}.login-panel form{width:min(410px,100%)}.login-panel h2{font-size:37px;margin:12px 0 5px}.login-panel form>p:not(.eyebrow){color:var(--muted);margin-bottom:35px}.login-panel label{font-size:14px;font-weight:600;display:block;margin:18px 0 8px}.login-panel input[type=email],.login-panel input[type=password]{width:100%;padding:14px;border:1px solid #ccd9e8;border-radius:9px;font-size:15px}.login-panel .check{font-weight:400}.login-panel button{width:100%;border:0;background:linear-gradient(90deg,#277bf2,#6750e9);color:white;padding:14px 18px;border-radius:9px;font-weight:700;font-size:15px;display:flex;justify-content:space-between}.internal{display:block;text-align:center;margin-top:25px;color:#8998ab}.validation,.field-validation-error{color:var(--red);font-size:13px}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.sidebar{width:225px}.workspace{margin-left:225px;width:calc(100% - 225px)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.workspace{margin-left:0;width:100%}.menu{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.profile span:last-child,.date-chip{display:none}.login-body{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}}@media(max-width:580px){.workspace main{padding:17px}.kpis{grid-template-columns:1fr}.search kbd{display:none}.kpi{min-height:110px}.page-head h1{font-size:22px}}