@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg-deep:#06080c;--bg-surface:#0c1017;--bg-card:#111820;--bg-elevated:#1a2230;--border:#1e2a3a;--border-subtle:#141c28;--text-primary:#d8dee8;--text-secondary:#6b7a8d;--text-muted:#3d4d5f;--accent-green:#0f8;--accent-green-dim:#00cc6a;--accent-red:#f44;--accent-red-dim:#c22;--accent-amber:#fa0;--font-display:"Barlow Condensed", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:4px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono);min-height:100vh;font-weight:300;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";background-image:linear-gradient(var(--border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1.1}h1{font-size:2.4rem}h2{color:var(--text-secondary);font-size:1.4rem}h3{color:var(--text-muted);font-size:1rem;font-weight:600}.app{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;margin-bottom:3rem;padding-bottom:1.5rem;display:flex}.app-header h1{color:var(--text-primary)}.live-badge{font-family:var(--font-mono);color:var(--accent-green);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:6px;font-size:.7rem;font-weight:500;display:inline-flex}.live-dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #0f86}50%{opacity:.6;box-shadow:0 0 0 8px #0f80}}.section{margin-bottom:3rem}.section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:1rem;padding-left:2px;font-size:.75rem;font-weight:600}.status-controls{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;transition:border-color var(--transition), color var(--transition);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:500;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:var(--accent-green);color:var(--accent-green)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.refresh-btn.spinning svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auto-toggle{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;align-items:center;gap:6px;font-size:.65rem;display:inline-flex}.auto-toggle input{appearance:none;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;width:28px;height:14px;transition:background var(--transition), border-color var(--transition);border-radius:7px;position:relative}.auto-toggle input:after{content:"";background:var(--text-muted);width:10px;height:10px;transition:transform var(--transition), background var(--transition);border-radius:50%;position:absolute;top:1px;left:1px}.auto-toggle input:checked{border-color:var(--accent-green);background:#00ff8826}.auto-toggle input:checked:after{background:var(--accent-green);transform:translate(14px)}.status-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.status-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.status-card:hover{border-color:var(--bg-elevated)}.status-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-indicator.clickable{cursor:pointer;transition:transform .15s}.status-indicator.clickable:hover{transform:scale(1.5)}.status-indicator.available{background:var(--accent-green);animation:2.5s ease-in-out infinite pulse-glow;box-shadow:0 0 12px #00ff884d}.status-indicator.busy{background:var(--accent-red);box-shadow:0 0 8px #f443}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #00ff884d}50%{box-shadow:0 0 20px #00ff8880}}.status-info{flex:1;min-width:0}.status-name{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.status-meta{color:var(--text-muted);margin-top:2px;font-size:.7rem}.status-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:500}.status-label.available{color:var(--accent-green)}.status-label.busy{color:var(--accent-red)}.parking-info{font-family:var(--font-mono);margin-top:2px;font-size:.6rem}.parking-ok{color:var(--text-muted)}.parking-warning{color:var(--accent-amber)}.parking-overtime{color:var(--accent-red);font-weight:500}.status-card-overtime{border-color:#ff44444d!important}.status-card-warning{border-color:#fa03!important}.overtime-blink{animation:1s ease-in-out infinite blink-red!important}@keyframes blink-red{0%,to{opacity:1;box-shadow:0 0 12px #ff444480}50%{opacity:.3;box-shadow:0 0 4px #f443}}.reset-badge{color:var(--text-muted);background:var(--bg-elevated);letter-spacing:.05em;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.55rem}.heatmap-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.heatmap-legend{align-items:center;gap:8px;margin-bottom:.75rem;display:flex}.heatmap-legend-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.heatmap-legend-bar{background:linear-gradient(90deg,#821717,#aa6118,#adad1f,#22a022,#20b66b);border-radius:4px;flex:1;max-width:200px;height:8px}.heatmap-grid{grid-template-columns:48px repeat(24,1fr);gap:2px;min-width:700px;display:grid}.heatmap-header{font-family:var(--font-mono);color:var(--text-muted);text-align:center;letter-spacing:.05em;padding:4px 0;font-size:.6rem}.heatmap-day-label{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;align-items:center;padding-right:8px;font-size:.75rem;font-weight:600;display:flex}.heatmap-cell{aspect-ratio:1;cursor:pointer;border-radius:2px;min-height:20px;transition:transform .12s,opacity .12s;position:relative}.heatmap-cell:hover{z-index:10;outline:1px solid var(--text-secondary);transform:scale(1.3)}.heatmap-cell-empty{background:var(--bg-surface);opacity:.3}.heatmap-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);pointer-events:none;z-index:100;white-space:nowrap;padding:8px 12px;font-size:.7rem;position:fixed;box-shadow:0 4px 20px #00000080}.heatmap-tooltip strong{color:var(--accent-green);font-weight:500}.trend-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.top-panel{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;display:grid}.stats-compact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value{font-family:var(--font-display);color:var(--accent-green);font-size:1.4rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.6rem}.risk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:1.25rem 1.5rem}.risk-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.risk-free-now{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.05em;text-transform:none;font-size:.65rem}.risk-perspectives{flex-direction:column;gap:.6rem;display:flex}.risk-empty{font-family:var(--font-mono);color:var(--text-muted);padding:.5rem 0;font-size:.7rem}.risk-row{grid-template-columns:140px 1fr 45px;align-items:center;gap:.75rem;display:grid}.risk-row-dim{opacity:.45}.risk-row-label{font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.risk-row-bar-track{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.risk-row-bar-fill{border-radius:3px;height:100%}.risk-row-pct{font-family:var(--font-display);text-align:right;font-size:.9rem;font-weight:700}.loading{color:var(--text-muted);padding:2rem 0;font-size:.8rem}@media (width<=768px){.app{padding:1.5rem 1rem 3rem}h1{font-size:1.8rem}.status-grid{grid-template-columns:1fr 1fr}.top-panel{grid-template-columns:1fr}.stats-compact{flex-direction:row;gap:1.5rem}.stat-value{font-size:1.2rem}}@media (width<=480px){.status-grid{grid-template-columns:1fr}}