:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--border-color: rgba(148, 163, 184, .1);--blur-amt: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.15) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-y:auto}#root{min-height:100vh;width:100vw;padding:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(300px,auto);gap:1.5rem;min-height:100%;width:100%;padding-bottom:5rem}.widget-card{background:var(--bg-card);backdrop-filter:blur(var(--blur-amt));-webkit-backdrop-filter:blur(var(--blur-amt));border:1px solid var(--border-color);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;height:100%}overflow: hidden; position: relative; } .widget-card:hover{transform:translateY(-2px);box-shadow:0 10px 40px -10px #00000080;border-color:#94a3b84d}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.widget-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff6}.flex-center{display:flex;align-items:center;justify-content:center}.text-accent{color:var(--accent-color)}