:root{--orange:#f18a22;--orange2:#ffad4b;--black:#171717;--ink:#22252a;--muted:#74787f;--line:#e8e9ec;--bg:#f4f5f7;--white:#fff;--green:#1c9b68;--red:#d25045}*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh}button,input{font:inherit}.locked .topbar,.locked main{display:none}.login-shell{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 80%,#3a2a1d 0,#1c1b19 28%,#111 70%)}body:not(.locked) .login-shell{display:none}.login-card{width:min(420px,100%);padding:32px;border-radius:24px;background:#fff;box-shadow:0 24px 80px #0008}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:linear-gradient(145deg,var(--orange2),var(--orange));color:#fff;font-weight:900;font-size:19px;box-shadow:inset 0 0 0 2px #ffffff45}.brand b{display:block;font-size:18px}.brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:2px;color:#8a8d92}.login-card h1{margin:30px 0 7px;font-size:29px}.login-card>p{margin:0 0 25px;color:var(--muted)}label{display:block;margin:15px 0 7px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8dadd;border-radius:12px;outline:0}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f18a2222}.primary{width:100%;margin-top:20px;padding:14px;border:0;border-radius:12px;background:var(--orange);color:#fff;font-weight:850;cursor:pointer}.primary:disabled{opacity:.6}.form-error{min-height:20px;margin-top:10px;color:var(--red);font-size:13px}.topbar{position:sticky;top:0;z-index:20;background:var(--black);color:#fff;border-bottom:4px solid var(--orange);box-shadow:0 5px 25px #0003}.topbar-inner{max-width:1240px;margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.session{display:flex;align-items:center;gap:12px;color:#bbb;font-size:13px}.ghost{border:1px solid #ffffff32;border-radius:10px;background:transparent;color:#fff;padding:8px 12px;cursor:pointer}.nav{max-width:1240px;margin:auto;padding:0 22px;display:flex;gap:4px;overflow:auto}.nav button{border:0;border-bottom:3px solid transparent;background:transparent;color:#a9aaae;padding:12px 15px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.nav button:hover,.nav button.active{color:#fff;border-bottom-color:var(--orange);background:#ffffff0a}main{max-width:1240px;margin:auto;padding:28px 22px 60px}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.eyebrow{font-size:10px;color:var(--orange);letter-spacing:1.5px;font-weight:900}.page-head h1{margin:5px 0;font-size:30px}.page-head p{margin:0;color:var(--muted);font-size:13px}.refresh{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 14px;font-weight:750;cursor:pointer}.hero{display:flex;align-items:center;justify-content:space-between;min-height:160px;padding:25px 28px;border-radius:22px;background:linear-gradient(120deg,#1c1c1d,#2d2b29);color:#fff;overflow:hidden;box-shadow:0 14px 32px #0002}.hero span,.hero small{display:block;color:#bbb}.hero strong{display:block;margin:9px 0;font-size:42px}.hero-car{position:relative;width:270px;height:100px;opacity:.9}.hero-car>span{position:absolute;right:0;top:-20px;font-size:85px;font-weight:950;color:#ffffff10}.hero-car>div{position:absolute;right:15px;bottom:12px;width:210px;height:55px;border:5px solid var(--orange);border-radius:52% 48% 22% 22%/65% 65% 30% 30%;transform:skewX(-12deg);filter:drop-shadow(0 8px 12px #0008)}.hero-car>div:before,.hero-car>div:after{content:"";position:absolute;bottom:-18px;width:32px;height:32px;border:6px solid #eee;border-radius:50%;background:#222}.hero-car>div:before{left:22px}.hero-car>div:after{right:22px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.kpis article,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 20px #0000000d}.kpis article{padding:17px 19px;border-top:4px solid var(--orange)}.kpis span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.kpis strong{display:block;margin-top:8px;font-size:28px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:17px}.panel{overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px}.panel-head span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:#fff2e4;color:#c5680b;font-weight:900}.list{min-height:170px}.row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 19px;border-bottom:1px solid #f0f0f1}.row:last-child{border:0}.row b{display:block}.row small{display:block;margin-top:4px;color:var(--muted)}.chip{display:inline-flex;align-items:center;align-self:center;padding:5px 8px;border-radius:999px;background:#f4f4f5;font-size:10px;font-weight:850}.empty{padding:42px 20px;text-align:center;color:var(--muted)}.placeholder{padding:60px 25px;text-align:center}.placeholder .brand-mark{margin:auto}.placeholder h2{margin:18px 0 8px}.placeholder p{color:var(--muted)}.skeleton-lines:empty:after{content:"";display:block;height:130px;margin:20px;background:linear-gradient(90deg,#f2f2f2 25%,#fafafa 37%,#f2f2f2 63%);background-size:400% 100%;border-radius:12px;animation:shine 1.1s infinite}@keyframes shine{to{background-position:-100% 0}}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:13px 16px;border-radius:12px;background:#222;color:#fff;box-shadow:0 10px 35px #0004;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:760px){.session span{display:none}.hero-car{display:none}.hero strong{font-size:34px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.nav{padding:0 10px}main{padding:22px 14px 45px}.page-head{align-items:flex-start}.login-card{padding:25px}}