:root{
  --bg:#0d0d0d;
  --card:#252525;
  --card2:#2f2f2f;
  --border:#3a3a3a;
  --yellow:#FFD60A;
  --yellow2:#FFE55C;
  --text:#e8e8e8;
  --muted:#9a9a9a;
}
*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(1200px 600px at 20% -10%, #4a3a00 0%, transparent 60%), radial-gradient(1000px 500px at 90% 10%, #2a1f00 0%, transparent 50%), #0a0a0a;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}
.topbar{height:56px;background:#111;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.5px;color:var(--yellow);text-transform:uppercase}
.hamburger{width:40px;height:36px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#fff;display:grid;place-items:center}
.layout{display:flex;min-height:calc(100vh - 56px)}
.sidebar{width:280px;background:#161616;border-right:1px solid #222;padding:14px;overflow:auto;transition:.2s}
.sidebar.collapsed{margin-left:-280px}
.menu-label{font-size:11px;letter-spacing:1.4px;color:#888;margin:18px 8px 8px;font-weight:800}
.menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:#ccc;text-align:left;font-size:13px;font-weight:600;cursor:pointer}
.menu-item:hover{background:#222;color:#fff}
.menu-item.active{background:#222;border-color:var(--yellow);color:var(--yellow)}
.badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#222;border:1px solid #333;color:#888}
.badge-yellow{background:var(--yellow);color:#000;border-color:var(--yellow);font-weight:900}
.main{flex:1;padding:22px;max-width:1400px;margin:0 auto;width:100%}
.title-xl{font-size: clamp(28px,5vw,52px);font-weight:900;color:var(--yellow);letter-spacing:-1px;text-transform:uppercase;line-height:1;transform:skew(-2deg);text-shadow:0 2px 0 #000, 0 0 20px rgba(255,214,10,.4)}
.card{background:linear-gradient(180deg,#2a2a2a,#222);border:1px solid #333;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.card-soft{background:#1f1f1f;border:1px solid #2e2e2e}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid #333;font-weight:800;cursor:pointer;transition:.15s;text-transform:uppercase;font-size:13px;letter-spacing:.3px}
.btn-yellow{background:var(--yellow);color:#000;border-color:var(--yellow)}
.btn-yellow:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-dark{background:#1a1a1a;color:#ddd;border-color:#333}
.btn-dark:hover{background:#222;color:#fff}
.input,select,textarea{width:100%;background:#121212;border:1px solid #333;color:#fff;padding:11px 12px;border-radius:10px;outline:none}
.input:focus{border-color:var(--yellow)}
.kpi{font-size:36px;font-weight:900;color:var(--yellow);line-height:1}
.kpi-label{font-size:11px;letter-spacing:1px;color:#888;text-transform:uppercase;margin-top:4px}
.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-6{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grid-2,.grid-3,.grid-6{grid-template-columns:1fr}.sidebar{position:fixed;top:56px;bottom:0;left:0;z-index:30}}
.clock-xx{font-size: clamp(64px,16vw,180px);font-weight:900;letter-spacing:-2px;line-height:1;font-variant-numeric:tabular-nums}
.pulse-red{animation:pulseRed .5s infinite alternate}
@keyframes pulseRed{from{color:#fff}to{color:#ff2d2d;text-shadow:0 0 30px #ff2d2d}}
.fab{position:fixed;right:22px;bottom:22px;padding:12px 18px;border-radius:999px;border:2px solid var(--yellow);background:#111;color:#fff;font-weight:800;letter-spacing:.5px}
table{width:100%;border-collapse:collapse}
th{font-size:11px;color:#888;letter-spacing:1px;text-align:left;padding:10px 8px;border-bottom:1px solid #333}
td{padding:12px 8px;border-bottom:1px solid #222;font-size:14px}
.divider{height:1px;background:#2a2a2a;margin:14px 0}