:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-size:24px;--brand: #783cb4;--brand-hover: #5f2f90}body{margin:0;padding:2rem}.app{max-width:640px;margin:0 auto}.app__header{margin-bottom:.5rem}.app__header h1{margin:0;font-size:1.5rem}.app__logo{display:block;height:100px;width:auto;max-width:100%}.app__intro{margin:1rem 0}@media(prefers-color-scheme:dark){.app__logo{box-sizing:content-box;padding:8px 12px;border-radius:10px;background:#f4f2fb}}.app__subtitle{margin:.25rem 0 0;opacity:.6}.app__header a{color:var(--brand);text-decoration:none}.app__header a:hover{color:var(--brand-hover);text-decoration:underline}.app__header .badge{margin-top:.6rem}.rooms{width:100%;border-collapse:collapse}.rooms th,.rooms td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid rgba(128,128,128,.25)}.rooms th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.rooms a{color:var(--brand);text-decoration:none;font-weight:500}.rooms a:hover{text-decoration:underline}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge--in_use{background:#fde2e1;color:#b42318}.badge--free{background:#dcfce7;color:#15803d}.badge--offline{background:#80808033;color:#6b7280}.muted{opacity:.6}.banner{padding:.6rem .8rem;border-radius:8px;background:#8080801f}.banner--error{background:#fde2e1;color:#b42318}.stats__window{display:flex;gap:.4rem;margin-bottom:1.5rem}.chip{border:1px solid rgba(128,128,128,.35);background:transparent;color:inherit;border-radius:999px;padding:.2rem .75rem;font-size:.85rem;cursor:pointer}.chip--active{background:#80808033;font-weight:600}.stat__value{font-size:2.75rem;font-weight:700;line-height:1}.stat__label{opacity:.6}.meter{height:10px;border-radius:999px;background:#80808033;overflow:hidden;margin:1rem 0 1.75rem}.meter__fill{height:100%;background:#b42318;transition:width .3s ease}.kv{display:grid;gap:.5rem;margin:0}.kv>div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(128,128,128,.2);padding-bottom:.4rem}.kv dt{opacity:.6}.kv dd{margin:0;font-variant-numeric:tabular-nums}.overview{max-width:1040px}.chart{margin-top:2rem}.chart__title{font-size:1rem;font-weight:600;margin:0 0 .75rem}.chart__wrap{position:relative;--series-1: #2a78d6;--chart-grid: #e1e0d9;--chart-axis: #898781}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__bar{fill:var(--series-1)}.chart__bar--active{fill:#1c5cab}.chart__grid{stroke:var(--chart-grid);stroke-width:1}.chart__ylabel,.chart__xlabel{fill:var(--chart-axis);font-size:9px;font-variant-numeric:tabular-nums}.chart__ylabel{text-anchor:end}.chart__xlabel{text-anchor:middle}.chart__tip{position:absolute;top:-2px;transform:translate(-50%,-100%);padding:3px 7px;border-radius:6px;background:#111;color:#fff;font-size:.72rem;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000004d}.map{position:relative;margin-bottom:1.5rem;line-height:0}.map__img{width:100%;height:auto;display:block;border-radius:8px}.marker{position:absolute;transform:translate(-50%,-50%);display:block}.marker__dot{display:block;width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px #00000073}.marker--in_use .marker__dot{background:#ef4444;animation:marker-pulse 1.4s ease-out infinite}.marker--free .marker__dot{background:#22c55e}.marker--offline .marker__dot{background:#9ca3af}@keyframes marker-pulse{0%{transform:scale(1);box-shadow:0 1px 3px #00000073,0 0 #ef4444d9}70%{transform:scale(1.3);box-shadow:0 1px 3px #00000073,0 0 0 16px #ef444400}to{transform:scale(1);box-shadow:0 1px 3px #00000073,0 0 #ef444400}}.marker:hover,.marker:focus-visible{z-index:2}.marker__tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);padding:4px 8px;border-radius:6px;background:#111;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.2;opacity:0;pointer-events:none;transition:opacity .12s ease;box-shadow:0 2px 10px #00000059}.marker__tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#111}.marker:hover .marker__tip,.marker:focus-visible .marker__tip{opacity:1}@media(prefers-reduced-motion:reduce){.marker--in_use .marker__dot{animation:none}}@media(prefers-color-scheme:dark){:root{--brand: #a877e6;--brand-hover: #c3a6f0}.badge--in_use{background:#4c1d1a;color:#fca5a5}.badge--free{background:#14361f;color:#86efac}.chart__wrap{--series-1: #3987e5;--chart-grid: #2c2c2a}.chart__bar--active{fill:#6da7ec}}