*{scrollbar-width:thin;scrollbar-color:#2a2a35 transparent}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.card{background:#0e0e12;border:1px solid #1e1e26;border-radius:14px}
.card:hover{border-color:#2a2a35}
.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:10px;color:#a1a1aa;cursor:pointer;font-size:.9rem;transition:all .15s}
.nav-item:hover{background:#141419;color:#fff}
.nav-item.active{background:#1e1e26;color:#fff;box-shadow:inset 0 0 0 1px #2a2a35}
.inp{background:#09090b;border:1px solid #1e1e26;border-radius:10px;padding:.55rem .8rem;color:#e4e4e7;width:100%;font-size:.875rem;outline:none}
.inp:focus{border-color:#3b82f6}
select.inp option{background:#09090b}
.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:10px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;cursor:pointer;border:1px solid transparent}
.btn-primary{background:#fff;color:#000}.btn-primary:hover{background:#e4e4e7}
.btn-ghost{background:#141419;color:#e4e4e7;border-color:#1e1e26}.btn-ghost:hover{background:#1e1e26}
.btn-danger{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.25)}.btn-danger:hover{background:rgba(239,68,68,.22)}
.toggle{position:relative;width:44px;height:24px;border-radius:999px;background:#2a2a35;cursor:pointer;transition:background .2s;flex-shrink:0}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}
.toggle.on{background:#22c55e}.toggle.on::after{transform:translateX(20px)}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.heat div{aspect-ratio:1;border-radius:4px;background:#141419}
.heat .l1{background:#14532d}.heat .l2{background:#166534}.heat .l3{background:#16a34a}.heat .l4{background:#4ade80}
.bar{height:8px;background:#141419;border-radius:999px;overflow:hidden}
.bar>div{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;transition:width .4s}
.bar.ok>div{background:linear-gradient(90deg,#16a34a,#4ade80)}
.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;letter-spacing:.02em}
.fade{animation:fade .25s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.toast{position:fixed;bottom:20px;right:20px;background:#141419;border:1px solid #2a2a35;color:#fff;padding:.7rem 1rem;border-radius:10px;font-size:.85rem;z-index:50;box-shadow:0 10px 30px rgba(0,0,0,.5)}