:root{--bg-a:#f5f2ea;--bg-b:#c7d9d4;--panel:#ffffffc7;--text-main:#0d1a2f;--text-muted:#415066;--accent:#0f766e;--accent-soft:#d1fae5;--border:#0f172a1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 20% 20%,#fff5d8 0%,transparent 45%),radial-gradient(circle at 80% 10%,#cbf3f0 0%,transparent 40%),linear-gradient(145deg,var(--bg-a),var(--bg-b));font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif}.dashboard-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.dashboard-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:24px;width:min(900px,100%);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 20px 50px #0f172a24}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}h1{margin:.4rem 0 0;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.1}.clock-panel{color:#052e2b;background:linear-gradient(160deg,#ecfeff,#d1fae5);border:1px solid #0f766e40;border-radius:16px;flex-direction:column;align-items:flex-end;min-width:175px;padding:.65rem .85rem;display:inline-flex}.clock-time{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700}.clock-date{margin-top:.15rem;font-size:.83rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-top:1.4rem;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:.95rem}.stat-card p{color:var(--text-muted);margin:0;font-size:.85rem}.stat-card strong{margin-top:.4rem;font-size:1.45rem;display:block}.stat-card span{color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-top:.35rem;padding:.2rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}@media (max-width:640px){.dashboard-shell{padding:1rem}.clock-panel{align-items:flex-start;width:100%}}