@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base:#050505;--bg-elevated:#0a0a0a;--bg-surface:#111;--bg-hover:#161616;--gold:#ffd320;--gold-bright:#ffe566;--gold-dim:#ffd32099;--gold-subtle:#ffd32014;--gold-glow:#ffd3201f;--white:#ededed;--white-muted:#888;--white-faint:#555;--border:#ffffff0f;--border-hover:#ffffff1a;--empty:#34d399;--quiet:#ffd320;--moderate:#f97316;--busy:#ef4444;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-gold:0 0 0 1px #ffd32026, 0 8px 32px #ffd32014;font-family:var(--font);color:var(--white);background:var(--bg-base);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg-base);min-height:100svh;margin:0}#root{min-height:100svh}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-bright)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{min-height:100svh;position:relative}.app-glow{pointer-events:none;z-index:0;background:radial-gradient(#ffd3200a 0%,#0000 70%);width:800px;height:500px;position:fixed;top:-20%;left:50%;transform:translate(-50%)}.header{z-index:10;-webkit-backdrop-filter:blur(12px);background:#050505cc;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1080px;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.logo-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--gold) 0%, #e6b800 100%);color:#050505;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.logo-text{flex-direction:column;gap:0;display:flex}.logo-name{letter-spacing:-.02em;color:var(--white);font-size:.9rem;font-weight:600;line-height:1.2}.logo-wat{color:var(--gold)}.logo-sub{color:var(--white-faint);letter-spacing:.01em;font-size:.7rem;line-height:1.2}.header-status{align-items:center;display:flex}.live-indicator{color:var(--white-muted);letter-spacing:.01em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:flex}.live-dot{background:var(--empty);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse;box-shadow:0 0 6px #34d39980}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.gold-rule{background:linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold) 80%, transparent);z-index:9;height:2px;position:relative}.main{z-index:1;width:100%;max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 4rem;position:relative}.hero{margin-bottom:1.5rem}.hero-title{letter-spacing:-.03em;color:var(--white);margin:0 0 .5rem;font-size:1.75rem;font-weight:600;line-height:1.2}.hero-subtitle{color:var(--white-muted);max-width:560px;margin:0;font-size:.95rem;line-height:1.6}.legend{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.legend-item{color:var(--white-muted);align-items:center;gap:.4rem;font-size:.78rem;font-weight:500;display:inline-flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-dot.empty{background:var(--empty)}.legend-dot.quiet{background:var(--quiet)}.legend-dot.moderate{background:var(--moderate)}.legend-dot.busy{background:var(--busy)}.active-banner{background:var(--gold-subtle);border-radius:var(--radius-md);border:1px solid #ffd32026;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:2rem;padding:.875rem 1.125rem;display:flex}.active-banner-content{align-items:baseline;gap:.5rem;display:flex}.active-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dim);font-size:.75rem;font-weight:500}.active-location{color:var(--white);letter-spacing:-.01em;font-size:.9rem;font-weight:600}.auto-checkout-note{color:var(--white-muted);font-size:.8rem}.error-banner{border-radius:var(--radius-md);color:#fca5a5;background:#ef44440f;border:1px solid #ef444433;margin-bottom:2rem;padding:.875rem 1.125rem;font-size:.875rem}.loading-state{color:var(--white-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;font-size:.875rem;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.location-section{margin-bottom:2.5rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--white-faint);margin:0 0 1rem;font-size:.7rem;font-weight:600}.location-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.location-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;padding:1.25rem;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.location-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.location-card.checked-in{box-shadow:var(--shadow-gold);border-color:#ffd32040}.card-top{flex-direction:column;gap:.5rem;display:flex}.card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-category{text-transform:uppercase;letter-spacing:.07em;color:var(--white-faint);font-size:.65rem;font-weight:600}.card-title{letter-spacing:-.02em;color:var(--white);margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.status-pill{letter-spacing:.01em;background:#ffffff0a;border-radius:100px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-pill.empty{color:var(--empty)}.status-pill.empty .status-dot{background:var(--empty);box-shadow:0 0 4px #34d39966}.status-pill.quiet{color:var(--quiet)}.status-pill.quiet .status-dot{background:var(--quiet);box-shadow:0 0 4px #ffd32066}.status-pill.moderate{color:var(--moderate)}.status-pill.moderate .status-dot{background:var(--moderate);box-shadow:0 0 4px #f9731666}.status-pill.busy{color:var(--busy)}.status-pill.busy .status-dot{background:var(--busy);box-shadow:0 0 4px #ef444466}.card-stats{justify-content:space-between;align-items:flex-end;display:flex}.stat-primary{align-items:baseline;gap:.35rem;display:flex}.stat-count{letter-spacing:-.04em;color:var(--white);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.stat-capacity{color:var(--white-muted);font-size:.8rem;font-weight:400}.stat-percent{color:var(--white-faint);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:500}.progress-track{background:#ffffff0f;border-radius:100px;height:3px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill.empty{background:var(--empty)}.progress-fill.quiet{background:var(--quiet)}.progress-fill.moderate{background:var(--moderate)}.progress-fill.busy{background:var(--busy)}.card-actions{margin-top:.25rem}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;justify-content:center;align-items:center;gap:.4rem;width:100%;height:40px;font-size:.85rem;font-weight:600;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s,background .15s,border-color .15s,opacity .15s;display:flex;position:relative;overflow:hidden}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.btn-checkin{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 100%);color:#050505;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0000004d,0 0 0 1px #ffd3204d}.btn-checkin:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 4px 16px #ffd32040,0 0 0 1px #ffd32080}.btn-checkin:not(:disabled):active{transform:translateY(0);box-shadow:inset 0 1px #ffffff1a,0 1px 4px #0000004d}.btn-shine{background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-checkin:not(:disabled):hover .btn-shine{transform:translate(100%)}.btn-icon{opacity:.7;transition:transform .15s,opacity .15s}.btn-checkin:not(:disabled):hover .btn-icon{opacity:1;transform:translate(2px)}.btn-checkout{color:var(--white-muted);border:1px solid var(--border);box-shadow:none;background:0 0}.btn-checkout:not(:disabled):hover{color:var(--white);background:#ffffff08;border-color:#ffffff26}.btn-label{z-index:1;position:relative}.library-note{border-top:1px solid var(--border);color:var(--white-faint);margin:0;padding-top:.75rem;font-size:.75rem;line-height:1.5}.library-note a{font-weight:500}.footer{border-top:1px solid var(--border);margin-top:1rem;padding-top:2rem}.footer p{color:var(--white-faint);letter-spacing:.01em;margin:0;font-size:.75rem}@media (width<=640px){.main{padding:1.75rem 1rem 3rem}.hero-title{font-size:1.5rem}.location-grid{grid-template-columns:1fr}.stat-count{font-size:1.75rem}.header-inner{padding:0 1rem}.legend{gap:.75rem 1rem}}