:root{--bg:#0f1115;--panel:#171a20;--panel2:#1f242c;--line:#2f3642;--text:#edf1f7;--muted:#a7afbd;--accent:#cf4c4c;--good:#4db179;--warn:#d9b15f;--r:16px;--m:1rem;--l:1.5rem;--xl:2rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}body{padding:var(--m)}.shell{max-width:1500px;margin:0 auto;display:grid;gap:var(--l)}.topbar,.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.topbar{padding:var(--m);display:flex;justify-content:space-between;gap:var(--m);align-items:center;flex-wrap:wrap}.topbar h1,.topbar h2{margin:0}.topbar p{margin:.25rem 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);border-color:transparent}.layout{display:grid;grid-template-columns:280px 1fr;gap:var(--l)}.sidebar{padding:var(--m);display:grid;gap:var(--m);align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.nav{display:grid;gap:.6rem}.nav a,.nav button{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--panel2);text-align:left;cursor:pointer}.content{display:grid;gap:var(--l)}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--l)}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}.card{padding:var(--m);min-width:0}.card h3{margin:0 0 .8rem}.muted{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--m)}.kpi{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:var(--m)}.kpi strong{display:block;font-size:1.4rem}.list{display:grid;gap:.8rem}.row{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}input,select,textarea{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;min-width:0}textarea{min-height:4.8rem;resize:vertical}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.3rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--panel2)}.table-row{display:grid;grid-template-columns:1.2fr .9fr .9fr 1fr auto;gap:.5rem;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:.6rem}.table-row.wide{grid-template-columns:1.2fr .9fr 1.2fr 1fr 1fr auto}.small{font-size:.88rem}.lock-banner{padding:.8rem 1rem;border:1px solid var(--warn);background:rgba(217,177,95,.12);border-radius:12px;color:#f4d89b}.hero{background:linear-gradient(180deg,rgba(207,76,76,.16),transparent);padding:var(--xl);border:1px solid var(--line);border-radius:var(--r)}.hero h1{margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,3rem)}.hero p{color:var(--muted);max-width:70ch}.login{display:grid;gap:var(--m);max-width:420px}.login .row{grid-template-columns:1fr;gap:.5rem;padding:0;border:none;background:transparent}.login input{padding:1rem}.hidden{display:none !important}@media (max-width:1100px){.layout{grid-template-columns:1fr}.cards .span-4,.cards .span-6,.cards .span-8{grid-column:1/-1}.kpis{grid-template-columns:1fr 1fr}}@media (max-width:760px){body{padding:.6rem}.topbar{align-items:flex-start}.row,.table-row,.table-row.wide{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}}