:root{color-scheme:light;font-family:Plus Jakarta Sans,Segoe UI,Tahoma,sans-serif;--bg-top: #1f58b0;--bg-mid: #2c7ac5;--bg-fog: #f4f9ff;--panel-border: rgba(43, 101, 177, .14);--text-main: #2f3f58;--text-muted: #5f6e85;--accent: #2564d9}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 85% -15%,rgba(255,255,255,.45),transparent 36%),radial-gradient(circle at 15% 12%,rgba(121,183,255,.42),transparent 34%),linear-gradient(170deg,var(--bg-top) 0%,var(--bg-mid) 34%,var(--bg-fog) 76%)}.page-shell{min-height:100vh;padding:clamp(16px,3vw,28px)}.dashboard-shell{width:min(1220px,100%);margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;color:#fff;margin-bottom:18px;animation:rise-in .5s ease}.auth-actions{display:flex;gap:10px;align-items:center}.brand{margin:0;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.95}h1{margin:6px 0 0;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.1;text-wrap:balance}.pill{border-radius:999px;padding:9px 16px;border:1px solid rgba(255,255,255,.3);background:#113d8359;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.84rem;font-weight:700;white-space:nowrap}.action-button{border-radius:10px;padding:9px 14px;font-size:.88rem;font-weight:700;cursor:pointer;border:1px solid transparent}.action-button.primary{background:linear-gradient(180deg,#fff,#e8f1ff);color:#1d4ea6;border-color:#ffffff61}.action-button.ghost{background:#ffffff29;color:#fff;border-color:#ffffff57}.status-message{margin:0 0 12px;border-radius:12px;background:#ffffffdb;border:1px solid rgba(43,101,177,.2);color:#234b91;padding:10px 12px;font-weight:700}.empty-state{padding:20px;margin-bottom:12px;display:grid;gap:8px}.empty-state h2{margin:0;font-size:1.15rem;color:#22437b}.empty-state p{margin:0;color:var(--text-muted)}.widget{background:#ffffffed;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 12px 36px #0e244714}.week-widget{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;animation:rise-in .68s ease}.widget-title{margin:0;font-size:1.12rem;font-weight:700}.widget-subtitle{margin:4px 0 0;font-size:.88rem;color:var(--text-muted)}.week-controls{display:flex;align-items:center;gap:12px}.week-label{min-width:160px;text-align:center;font-weight:700;color:#244578}.nav-button{border:1px solid rgba(44,103,185,.2);background:linear-gradient(180deg,#fff,#f4f8ff);color:#1b4faa;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.nav-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2450992e}.stats-grid{margin-top:14px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;animation:rise-in .86s ease}.stat-card{padding:14px;min-height:102px;display:flex;flex-direction:column;justify-content:center}.stat-label{margin:0;font-size:.84rem;color:var(--text-muted);letter-spacing:.02em}.stat-value{margin:8px 0 0;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;color:#233a66;text-wrap:balance}.breakdown-widget{margin-top:16px;padding:18px;animation:rise-in 1.04s ease}.breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.total-time{margin:4px 0 0;color:#3a4f74;font-weight:700}.breakdown-content{margin-top:16px;display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.donut-wrapper{display:grid;place-items:center}.donut{width:176px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #1e4e9b1a}.donut-center{width:112px;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid rgba(30,78,155,.14);display:grid;place-content:center;text-align:center}.donut-center span{font-size:1.42rem;line-height:1;font-weight:800;color:#27406b}.donut-center small{margin-top:2px;color:var(--text-muted);font-size:.78rem;font-weight:700}.zone-legend{margin:0;padding:0;list-style:none;display:grid;gap:10px}.zone-legend li{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid rgba(30,78,155,.1)}.zone-dot{width:10px;height:10px;border-radius:50%}.zone-name{font-weight:700;color:#2f466f}.zone-time,.zone-percent{font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:700}.loading-text{margin-top:12px}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:840px){.week-widget{flex-direction:column;align-items:stretch}.week-controls{justify-content:space-between}.breakdown-content{grid-template-columns:1fr}.auth-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.donut-wrapper{justify-self:center}}@media(max-width:680px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-label{min-width:110px;font-size:.82rem}.nav-button{padding:8px 10px;font-size:.8rem}.zone-legend li{grid-template-columns:14px 1fr auto;row-gap:4px}.zone-percent{grid-column:2 / -1;justify-self:end;font-size:.8rem}}