:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;--bg-gradient: linear-gradient(135deg, #1f2937, #111827)}body{margin:0;min-height:100vh;background:var(--bg-gradient)}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}h1{font-size:2.5rem;line-height:1.1;background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.status-pill{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#aaa}.refresh-btn{cursor:pointer;transition:color .2s}.refresh-btn:hover{color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.error-banner{background:#dc262633;border:1px solid rgba(220,38,38,.5);color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:2rem;text-align:center}.blinking{animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}footer{margin-top:4rem;text-align:center;color:#666;font-size:.8rem}.pizza-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px;transition:transform .2s,box-shadow .2s}.pizza-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003;border-color:#fff3}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.area-badge{font-size:.7rem;background:#ffffff1a;padding:2px 8px;border-radius:12px;color:#aaa}.metrics{display:flex;justify-content:space-between}.metric{display:flex;flex-direction:column}.metric .label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:1px}.metric .value{font-size:1.5rem;font-weight:700;color:#fff}.live-metric .value{color:#4ade80}.status-high .live-metric .value{color:#f87171}.progress-container{height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden;overflow:visible}.progress-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width 1s ease-in-out}.status-high .progress-bar{background:linear-gradient(90deg,#f87171,#ef4444)}.typical-marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:#fff;opacity:.5;z-index:2}.error-msg{font-size:.8rem;color:#fca5a5}