:root{--bg:#0f1115;--card:#151923;--text:#e6e6e9;--muted:#9aa0a6;--acc:#6ea8fe;--ok:#35c48e;--warn:#f0ad4e;--bad:#ff6b6b;--bord:#232838;--radius:12px;--gap:16px;--max:1200px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-weight:700;font-size:20px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#1e2533;border:1px solid var(--bord);color:var(--text);cursor:pointer}
.btn:hover{background:#222a3a}
.btn-primary{background:var(--acc);color:#0a0c10;border-color:transparent}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--bord);color:var(--muted);font-size:12px}
.badge.ok{color:#0b3; border-color:#0b3}
.badge.warn{color:#b80; border-color:#b80}
.badge.bad{color:#d33; border-color:#d33}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap)}
.card{background:var(--card);border:1px solid var(--bord);border-radius:var(--radius);overflow:hidden}
.card .body{padding:16px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap)}
.slider{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--bord);background:#0e121a;height:280px}
.slider .item{position:absolute;inset:0;display:flex;align-items:flex-end;background-size:cover;background-position:center;padding:16px;color:#fff}
.section{margin:32px 0}
.profile-head{display:flex;gap:24px}
.profile-photo{width:280px;height:360px;border-radius:12px;background:#0a0d14;border:1px solid var(--bord)}
.kpis{display:flex;gap:12px;flex-wrap:wrap}
.footer{margin:40px 0;padding:24px 0;color:var(--muted);border-top:1px solid var(--bord)}