@import url("https://fonts.googleapis.com/css2?family=Young+Serif&family=Inter:wght@400;500;600;700&display=swap");:root{color-scheme:light;--bg:#ffffff;--bg-elevated:#ffffff;--bg-soft:#f5f5f3;--card:#ffffff;--border:#e5e5e3;--text:#1a1a1a;--text-soft:#6b6b6b;--accent:#2d8c4e;--accent-strong:#238a42;--danger:#e85c4a;--shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--page-width:1180px;--font-heading:"Young Serif",Georgia,serif;--font-body:"Inter",-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;letter-spacing:-.01em}.page-shell{width:min(calc(100% - 32px),var(--page-width));margin:0 auto;padding:28px 0 56px}.page-title{margin:0 0 4px;font-size:clamp(1.6rem,3vw,2.4rem)}.topbar{justify-content:space-between;gap:16px;margin-bottom:28px}.logo,.topbar,.topbar-right{display:flex;align-items:center}.topbar-right{gap:16px}.topbar-label{color:var(--text-soft);font-size:.82rem;font-weight:500;white-space:nowrap;padding-right:16px;border-right:1px solid var(--border)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;border:1px solid transparent;color:var(--text-soft);font-size:.9rem;font-weight:500;transition:all .15s ease}.nav a:hover,.nav a[data-active=true]{color:var(--text);background:var(--bg-soft)}.nav a[data-active=true]{border-color:var(--border)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;padding:8px;border:none;background:none;cursor:pointer}.hamburger-line{display:block;width:20px;height:2px;background:var(--text);border-radius:1px}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}.drawer{position:fixed;top:0;right:0;bottom:0;width:260px;max-width:80vw;background:var(--bg);border-left:1px solid var(--border);box-shadow:-4px 0 24px rgba(0,0,0,.1);z-index:100;display:flex;flex-direction:column;padding:24px 16px;gap:4px}.drawer-link{padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-soft);font-size:1rem;font-weight:500;transition:all .15s ease}.drawer-link:hover,.drawer-link[data-active=true]{color:var(--text);background:var(--bg-soft)}.empty-state,.metric-card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.filters-collapsible{margin-top:16px;padding:0;border-radius:var(--radius-sm);background:var(--accent);border:1px solid var(--accent);box-shadow:none;color:#ffffff}.filters-toggle{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.filters-toggle::-webkit-details-marker{display:none}.filters-toggle h2{margin:0;font-size:.85rem;font-family:var(--font-body);font-weight:600;color:#ffffff}.filters-summary{font-weight:400;opacity:.85}.filters-chevron{width:14px;height:14px;position:relative;transition:transform .2s ease}.filters-chevron:after,.filters-chevron:before{content:"";position:absolute;top:50%;width:8px;height:1.5px;background:#ffffff;border-radius:1px}.filters-chevron:before{left:1px;transform:translateY(-50%) rotate(30deg)}.filters-chevron:after{right:1px;transform:translateY(-50%) rotate(-30deg)}.filters-collapsible[open] .filters-chevron{transform:rotate(180deg)}.filters-collapsible form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px;padding:4px 12px 12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:inherit;font-size:.82rem;font-weight:500}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(45,140,78,.1)}.filter-actions{display:flex;align-items:flex-end;gap:10px}.button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .15s ease}.button{background:var(--danger);color:#ffffff}.button:hover{background:#d14e3d}.ghost-button{border-color:var(--border);background:var(--bg);color:var(--text-soft)}.ghost-button:hover{background:var(--bg-soft);color:var(--text)}.stack{display:grid;grid-gap:20px;gap:20px;margin-top:22px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.metric-card{padding:14px;border-radius:var(--radius-md);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;text-align:center}.metric-label{color:var(--text-soft);font-size:.95rem;font-weight:600}.metric-value{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--accent);align-self:center}.metric-copy{color:#b0b0b0;font-size:.85rem}.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:20px;gap:20px}.metrics-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.metrics-side,.panel{display:grid;grid-gap:12px;gap:12px}.panel{padding:16px;border-radius:var(--radius-lg)}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;font-size:1.2rem}.panel-heading p{margin:0;color:var(--text-soft);font-size:.85rem}.mini-table{width:100%;border-collapse:collapse}.mini-table td,.mini-table th{padding:10px 0;border-bottom:1px solid var(--border);text-align:left}.mini-table th{color:var(--text-soft);font-family:var(--font-body);font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.mini-table td{font-size:.9rem}.trend-list{display:grid;grid-gap:10px;gap:10px}.trend-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center}.trend-label,.trend-value{font-size:.9rem}.trend-label{color:var(--text-soft)}.bar-track{position:relative;width:100%;height:8px;overflow:hidden;border-radius:999px;background:var(--bg-soft)}.bar-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--accent)}.empty-state{padding:28px;border-radius:var(--radius-lg)}.empty-state h2,.empty-state p{margin:0}.empty-state p{margin-top:10px;color:var(--text-soft)}.loading-wrapper{position:relative}.loading-skeleton{opacity:.45}.loading-spinner-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.loading-text{margin-top:12px;font-size:1.2rem;font-weight:600;color:var(--text)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-chart{height:200px;border-radius:var(--radius-sm)}.skeleton-metric{min-height:88px}.login-page{justify-content:center;min-height:100dvh}.login-card,.login-page{display:flex;align-items:center}.login-card{flex-direction:column;gap:16px;width:min(360px,calc(100% - 32px));padding:40px 32px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow)}.login-title{margin:0;font-size:1.4rem}.login-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.95rem;outline:none;transition:border-color .15s ease}.login-input:focus{border-color:var(--accent)}.login-button{width:100%;padding:10px 14px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#ffffff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s ease}.login-button:hover{background:var(--accent-strong)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{margin:0;color:var(--danger);font-size:.88rem}.mono{font-family:SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--bg-soft);padding:2px 6px;border-radius:4px}.chart-toggle-row{display:flex;gap:4px;margin-bottom:12px}.chart-toggle-spacer{flex:1 1}.chart-toggle{padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-soft);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease}.chart-toggle:hover{color:var(--text);background:var(--bg-soft)}.chart-toggle--active{background:var(--accent);color:#ffffff;border-color:var(--accent)}.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:.78rem;color:var(--text-soft)}.chart-legend-item{display:flex;align-items:center;gap:5px}.chart-legend-dot{width:10px;height:10px;border-radius:2px}.chart-legend-dot--weekday{background:var(--accent)}.chart-legend-dot--weekend{background:#6b6b6b}@media (max-width:1080px){.filters-collapsible form,.metrics,.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.page-shell{width:min(calc(100% - 20px),var(--page-width));padding-top:20px}.topbar,.topbar-right{flex-wrap:wrap}.topbar-label{border-right:none;padding-right:0}.hamburger{display:flex}.nav--desktop{display:none}.panel-heading{align-items:start;flex-direction:column}.filters-collapsible form,.hero-grid,.metrics,.panel-grid{grid-template-columns:1fr}.metrics-side{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{align-items:stretch}.trend-row{grid-template-columns:64px minmax(0,1fr) auto}}