:root{--bg:#f8f7ff;--surface:#fff;--text-primary:#19172c;--text-secondary:#544e78;--accent:#7c5cff}html,body{background:var(--bg);height:100%;color:var(--text-primary);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.top-nav{z-index:40;-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:linear-gradient(#ffffffb3,#fff6);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.brand{font-weight:700}.theme-btn{cursor:pointer;background:0 0;border:1px solid #00000014;border-radius:8px;padding:6px 10px}main{padding:24px}.hero{background:var(--surface);border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 6px 18px #1010180f}.hero h1{margin:0 0 8px}.quick-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fff9,#fff6);border:1px solid #0000000a;border-radius:12px;padding:16px}.stat .label{color:var(--text-secondary);font-size:12px}.stat .value{margin-top:6px;font-size:20px;font-weight:700}