:root{--bg:#0b0f17;--panel:#0f172a;--panel2:#0b1224;--text:#e5e7eb;--muted:#94a3b8;--border:#94a3b82e;--good:#22c55e;--bad:#ef4444;--accent:#60a5fa;--shadow:0 10px 40px #00000059;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 20% 10%,#60a5fa24,transparent 55%),radial-gradient(1000px 700px at 80% 20%,#22c55e1a,transparent 55%),var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none}.container{max-width:980px;margin:0 auto;padding:24px}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#ffffff0a,#ffffff05)}.row{flex-wrap:wrap;gap:16px;display:flex}.col{flex:1;min-width:280px}.h1{margin:0 0 8px;font-size:28px}.h2{color:var(--muted);margin:0 0 10px;font-size:16px;font-weight:500}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#0f172aa6;border-radius:14px;outline:none;padding:12px}.input:focus{border-color:#60a5fa8c}.btn{width:100%;color:var(--text);cursor:pointer;background:#60a5fa29;border:1px solid #60a5fa59;border-radius:14px;padding:12px 14px;transition:transform 60ms,background .2s,border-color .2s}.btn:hover{background:#60a5fa38;border-color:#60a5fa80}.btn:active{transform:scale(.99)}.btn.secondary{background:#94a3b81a;border-color:#94a3b840}.btn.secondary:hover{background:#94a3b824}.p{color:var(--muted);line-height:1.5}.badge{border:1px solid var(--border);color:var(--muted);background:#0f172a8c;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.kpi{padding:16px}.kpi .big{font-size:28px;font-weight:700}.kpi .label{color:var(--muted);margin-top:2px;font-size:12px}.hr{background:var(--border);height:1px;margin:16px 0}.small{color:var(--muted);font-size:12px}.good{color:var(--good)}.bad{color:var(--bad)}@media (prefers-reduced-motion:no-preference){.card{animation:.22s ease-out cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn{will-change:transform}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.99)}.input:focus{box-shadow:0 0 0 4px #60a5fa24}}.btn:focus-visible,.input:focus-visible{outline-offset:2px;outline:2px solid #60a5fa8c}.progressWrap{border:1px solid var(--border);background:#0f172a8c;border-radius:999px;height:10px;overflow:hidden}.progressFill{background:#60a5fa59;width:0%;height:100%;transition:width .16s linear}@media (prefers-reduced-motion:no-preference){.pop{animation:.16s ease-out pop}@keyframes pop{0%{transform:scale(.98)}to{transform:scale(1)}}}.stack10{gap:10px;display:grid}.stack12{gap:12px;display:grid}.stack16{gap:16px;display:grid}@media (max-width:520px){.container{padding:16px}.row{gap:12px}.col{min-width:100%}.card{border-radius:16px}.h1{font-size:22px}.h2,.p{font-size:14px}.badge{padding:7px 9px;font-size:12px}.btn{border-radius:14px;padding:14px}.input{border-radius:14px;padding:14px 12px}.kpi{padding:14px}.kpi .big{font-size:24px}.progressWrap{height:12px}}@media (hover:none) and (pointer:coarse){.btn{min-height:52px}.badge{min-height:28px}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;display:flex}.titleStack{gap:6px;display:grid}.subtitle{color:var(--muted);font-size:13px;line-height:1.35}.statRow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0 18px;display:grid}.statCard{background:#0f172a9e;border:1px solid #94a3b829;border-radius:18px;padding:14px;box-shadow:0 10px 30px #0003}.statCard .num{letter-spacing:-.02em;font-size:22px;font-weight:800}.statCard .lbl{color:var(--muted);margin-top:4px;font-size:12px}.tileGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.tile{cursor:pointer;background:#0f172a94;border:1px solid #94a3b82e;border-radius:18px;padding:16px;transition:transform .16s,border-color .16s,background .16s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.tile:hover{background:#0f172aa8;border-color:#60a5fa73;transform:translateY(-1px)}.tileHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tileIcon{background:#0206178c;border:1px solid #94a3b838;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.tileTitle{letter-spacing:-.02em;margin:10px 0 0;font-weight:850}.tileDesc{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.45}.tileMeta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tile:before{content:"";opacity:.35;filter:blur(22px);pointer-events:none;position:absolute;inset:-40px;transform:translate(0,0)}.tile.accent-blue:before{background:radial-gradient(circle at 30% 20%,#60a5fa8c,#0000 55%)}.tile.accent-green:before{background:radial-gradient(circle at 30% 20%,#22c55e80,#0000 55%)}.tile.accent-amber:before{background:radial-gradient(circle at 30% 20%,#f59e0b80,#0000 55%)}.tile.accent-purple:before{background:radial-gradient(circle at 30% 20%,#a855f780,#0000 55%)}.tile.accent-rose:before{background:radial-gradient(circle at 30% 20%,#f43f5e80,#0000 55%)}.modalBackdrop{z-index:60;background:#0000008c;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.modalSheet{background:#0f172af2;width:min(820px,100%);padding:16px}@media (max-width:720px){.statRow{display:none}.tileGrid{grid-template-columns:1fr}}