@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700&display=swap";
.dashboard-shell{flex-direction:column;min-height:100vh;display:flex}.dashboard-shell[data-noc=true] .dashboard-main{padding:1.25rem}.dashboard-main{flex:1;padding:clamp(1rem,2.8vw,2.25rem)}.dashboard-event-chip{border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--accent-primary)12%,transparent);color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.36rem .72rem;font-size:.82rem;font-weight:700;display:inline-flex}.dashboard-navbar{z-index:200;background:var(--nav-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);position:sticky;top:0}.dashboard-navbar__inner{grid-template-columns:minmax(180px,auto) 1fr auto;align-items:center;gap:1rem;min-height:74px;padding:.75rem clamp(.9rem,2vw,2rem);display:grid}.dashboard-brand-group{align-items:center;gap:.75rem;min-width:0;display:flex}.dashboard-live-badge{letter-spacing:.12em;color:var(--status-full);border:1px solid color-mix(in srgb,var(--status-full)36%,transparent);background:color-mix(in srgb,var(--status-full)16%,transparent);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .65rem;font-size:.76rem;font-weight:800;display:inline-flex}.dashboard-brand{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1rem,1.4vw,1.35rem);overflow:hidden}.dashboard-tabs{scrollbar-width:thin;align-items:center;gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.dashboard-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.42rem;padding:.56rem .78rem;font-size:.88rem;font-weight:600;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.dashboard-tab:hover{color:var(--text-main);border-color:var(--border-subtle)}.dashboard-tab[data-active=true]{color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary)44%,transparent);background:color-mix(in srgb,var(--accent-primary)16%,transparent)}.dashboard-nav-actions{align-items:center;gap:.75rem;display:flex}.dashboard-icon-button{border:1px solid var(--glass-border);background:var(--bg-subtle);color:var(--text-main);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;transition:transform .16s,border-color .16s;display:inline-flex}.dashboard-icon-button:hover{border-color:var(--border-subtle);transform:translateY(-1px)}.dashboard-sync{flex-direction:column;align-items:flex-end;line-height:1.2;display:inline-flex}.dashboard-sync__label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:.68rem}.dashboard-sync__time{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.dashboard-sync__stale{color:var(--status-full);font-size:.72rem;font-weight:700}.dashboard-view{flex-direction:column;gap:clamp(1rem,2vw,2rem);display:flex}.dashboard-view__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-view__title{margin:0;font-size:clamp(1.25rem,2.2vw,2rem)}.dashboard-view__subtitle{color:var(--text-muted);max-width:75ch;margin:.3rem 0 0;font-size:1rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(.9rem,1.8vw,1.6rem);display:grid}.kpi-card{flex-direction:column;gap:.9rem;padding:1rem;display:flex}.kpi-card__head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.kpi-card__title{color:var(--text-muted);margin:0;font-size:1rem;font-weight:600}.kpi-card__icon{border-radius:12px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.kpi-card__value-row{align-items:baseline;gap:.7rem;display:inline-flex}.kpi-card__value{font-size:clamp(2.2rem,4.5vw,4rem);font-weight:800;line-height:1}.kpi-card__trend{font-size:1rem;font-weight:700}.legend-pill{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .68rem;font-size:.8rem;display:inline-flex}.occupancy-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.occupancy-card{padding:1rem;position:relative;overflow:hidden}.occupancy-card__progress{height:4px;transition:width .36s,background-color .36s;position:absolute;bottom:0;left:0}.two-column{grid-template-columns:minmax(260px,1fr) minmax(380px,2fr);gap:1rem;display:grid}.list-stack{flex-direction:column;gap:.75rem;display:flex}.list-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;padding:.85rem}.path-list{flex-direction:column;gap:.85rem;max-height:460px;padding-right:.35rem;display:flex;overflow:auto}.path-item{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.path-item__node{border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:10px;padding:.55rem .7rem}.path-item__middle{text-align:center;border:1px dashed color-mix(in srgb,var(--accent-purple)55%,transparent);border-radius:999px;min-width:120px;padding:.3rem .55rem;font-weight:700}.ranking-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem;display:grid}.ranking-card{padding:1rem}.ranking-row{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;display:flex}.command-layout{grid-template-columns:1fr;gap:1rem;min-height:calc(100vh - 130px);display:grid}.command-main{grid-template-columns:repeat(2,minmax(320px,1fr));gap:1rem;min-height:0;display:grid}.command-scroll{min-height:0;max-height:46vh;padding-right:.25rem;overflow:auto}@media (max-width:1120px){.dashboard-navbar__inner{grid-template-columns:1fr;align-items:stretch;gap:.6rem}.dashboard-brand-group,.dashboard-nav-actions{justify-content:space-between}.two-column,.command-main{grid-template-columns:1fr}}@media (max-width:720px){.dashboard-main{padding:.85rem}.dashboard-tab{padding:.46rem .62rem;font-size:.8rem}.kpi-card__value{font-size:clamp(2rem,10vw,2.7rem)}.path-item{grid-template-columns:1fr}.path-item__middle{justify-self:start}}.ops-logout-button{background:var(--bg-subtle);border:1px solid var(--glass-border);color:var(--text-main);border-radius:999px;align-items:center;gap:.45rem;padding:.52rem .9rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:transform .16s,border-color .16s;display:inline-flex}.ops-logout-button:hover{border-color:var(--border-subtle);transform:translateY(-1px)}.ops-editor-layout{align-items:stretch}.ops-summary-card{min-height:220px}.ops-summary-icon{border-radius:14px;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;display:inline-flex}.ops-summary-icon--blue{background:color-mix(in srgb,var(--accent-primary)16%,transparent);color:var(--accent-primary)}.ops-summary-icon--green{background:color-mix(in srgb,var(--status-empty)18%,transparent);color:var(--status-empty)}.ops-summary-icon--amber{background:color-mix(in srgb,var(--status-filling)18%,transparent);color:var(--status-filling)}.ops-summary-icon--violet{background:color-mix(in srgb,var(--accent-purple)18%,transparent);color:var(--accent-purple)}.ops-summary-value{color:var(--text-main);font-family:Outfit,sans-serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1}.ops-summary-copy{color:var(--text-muted);line-height:1.6}.ops-import-card,.ops-context-card{gap:1rem;padding:1rem}.ops-panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ops-panel-title{margin:0;font-size:1.05rem}.ops-panel-copy{color:var(--text-muted);margin:.35rem 0 0;line-height:1.6}.ops-import-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.ops-file-trigger{position:relative;overflow:hidden}.ops-file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.ops-file-name{color:var(--text-muted);font-size:.92rem}.ops-import-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ops-help-text{color:var(--text-muted);font-size:.88rem;line-height:1.5}.ops-definition-list{gap:.9rem;display:grid}.ops-definition-list div{gap:.18rem;display:grid}.ops-definition-list dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.ops-definition-list dd{color:var(--text-main);margin:0;line-height:1.5}.ops-banner{padding:.9rem 1rem;font-weight:600}.ops-banner[data-kind=success]{color:var(--status-empty);border-color:color-mix(in srgb,var(--status-empty)32%,transparent)}.ops-banner[data-kind=error]{color:var(--status-full);border-color:color-mix(in srgb,var(--status-full)32%,transparent)}.ops-room-grid{align-items:stretch}.ops-room-card{gap:1rem;display:grid}.ops-room-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.ops-room-card__title{margin:0;font-size:1.15rem}.ops-room-card__meta{color:var(--text-muted);flex-wrap:wrap;gap:.6rem;margin-top:.4rem;font-size:.9rem;display:flex}.ops-room-state{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:.32rem .7rem;font-size:.76rem;font-weight:700;display:inline-flex}.ops-room-state.is-live{color:var(--status-empty);background:color-mix(in srgb,var(--status-empty)16%,transparent);border:1px solid color-mix(in srgb,var(--status-empty)32%,transparent)}.ops-room-state.is-scheduled{color:var(--status-filling);background:color-mix(in srgb,var(--status-filling)15%,transparent);border:1px solid color-mix(in srgb,var(--status-filling)30%,transparent)}.ops-room-state.is-idle{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-subtle)}.ops-warning-pill{width:fit-content;color:var(--status-filling)}.ops-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.ops-metric-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:14px;gap:.35rem;padding:.85rem .9rem;display:grid}.ops-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.ops-metric-value{font-family:Outfit,sans-serif;font-size:1.6rem;line-height:1}.ops-field-grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.ops-field{gap:.45rem;display:grid}.ops-field--full{min-width:0}.ops-field__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.ops-input,.ops-textarea{border:1px solid var(--border-subtle);background:var(--bg-elevated);width:100%;color:var(--text-main);font:inherit;border-radius:12px;padding:.75rem .85rem;transition:border-color .16s,background-color .16s,box-shadow .16s}.ops-input::placeholder,.ops-textarea::placeholder{color:color-mix(in srgb,var(--text-muted)78%,transparent)}.ops-input:focus,.ops-textarea:focus{border-color:color-mix(in srgb,var(--accent-primary)50%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary)20%,transparent);outline:none}.ops-textarea{resize:vertical;min-height:96px}.ops-room-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.ops-updated-copy{color:var(--text-muted);gap:.15rem;font-size:.9rem;display:grid}.ops-updated-copy__label{letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.ops-action-group{flex-wrap:wrap;gap:.6rem;display:flex}.ops-secondary-button{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:.56rem .82rem;font-size:.88rem;font-weight:600;transition:border-color .16s,color .16s,transform .16s}.ops-secondary-button:hover:not(:disabled){color:var(--text-main);border-color:var(--glass-border-highlight);transform:translateY(-1px)}.ops-secondary-button:disabled,.dashboard-tab:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width:960px){.ops-metric-grid,.ops-field-grid{grid-template-columns:1fr}}@media (max-width:720px){.ops-import-footer,.ops-room-card__header,.ops-room-card__footer,.ops-panel-header{flex-direction:column;align-items:stretch}.ops-room-state{width:fit-content}}
:root{--bg-main:#050508;--bg-card:#12121a73;--bg-card-hover:#1a1a28a6;--glass-border:#ffffff0a;--glass-border-highlight:#ffffff1a;--glass-shadow:0 4px 24px -1px #0006,0 0 1px 1px #ffffff05 inset;--glass-shadow-hover:0 12px 32px -4px #0009,0 0 1px 1px #ffffff0d inset;--accent-primary:#3b82f6;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--status-full:#ef4444;--status-filling:#f59e0b;--status-empty:#10b981;--text-main:#f8fafc;--text-muted:#64748b;--text-dark:#e2e8f0;--nav-bg:#050508bf;--bg-elevated:#0006;--bg-glass-heavy:#0000004d;--bg-subtle:#ffffff05;--border-subtle:#ffffff08;--bg-root:var(--bg-main);--bg-primary:var(--bg-card);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--border-color:var(--border-subtle);--border-glass:var(--glass-border);--bg-glass-light:var(--bg-card-hover);--scrollbar-track:#ffffff03;--scrollbar-thumb:#ffffff0d;--scrollbar-thumb-hover:#ffffff26}[data-theme=light]{--bg-main:#f1f5f9;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--glass-border:#0000000a;--glass-border-highlight:#00000014;--glass-shadow:0 8px 32px -4px #0000000d,0 0 1px 1px #fff6 inset;--glass-shadow-hover:0 16px 48px -8px #0000001a,0 0 1px 1px #fffc inset;--accent-primary:#2563eb;--accent-cyan:#0891b2;--accent-purple:#6d28d9;--status-full:#dc2626;--status-filling:#d97706;--status-empty:#059669;--text-main:#0f172a;--text-muted:#64748b;--text-dark:#1e293b;--nav-bg:#ffffffe6;--bg-elevated:#fffc;--bg-glass-heavy:#fff9;--bg-subtle:#00000005;--border-subtle:#0000000d;--bg-root:var(--bg-main);--bg-primary:var(--bg-card);--text-primary:var(--text-main);--text-secondary:var(--text-muted);--border-color:var(--border-subtle);--border-glass:var(--glass-border);--bg-glass-light:var(--bg-card-hover);--scrollbar-track:#00000005;--scrollbar-thumb:#00000014;--scrollbar-thumb-hover:#00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(120px);z-index:-1;background:radial-gradient(circle,#3b82f61f 0%,#0000 60%);width:60%;height:60%;animation:20s ease-in-out infinite alternate drift1;position:fixed;top:-15%;left:-15%}body:after{content:"";filter:blur(120px);z-index:-1;background:radial-gradient(circle,#8b5cf61f 0%,#0000 60%);width:60%;height:60%;animation:25s ease-in-out infinite alternate drift2;position:fixed;bottom:-15%;right:-15%}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,-10%)scale(1.1)}}.app-container:before{content:"";opacity:.03;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opactiy='0.05'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-top-color:var(--glass-border-highlight);box-shadow:var(--glass-shadow);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{background:var(--bg-card-hover);border-color:var(--glass-border-highlight);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}h1,h2,h3,h4,.kpi-number,.header-title{font-family:Outfit,sans-serif}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.live-indicator{background-color:var(--status-empty);width:8px;height:8px;box-shadow:0 0 8px var(--status-empty);border-radius:50%;animation:2s infinite pulse;display:inline-block}@keyframes flashGreen{0%{color:var(--status-empty);text-shadow:0 0 10px var(--status-empty)}to{color:var(--text-main);text-shadow:none}}@keyframes flashRed{0%{color:var(--status-full);text-shadow:0 0 10px var(--status-full)}to{color:var(--text-main);text-shadow:none}}.value-up{animation:1s ease-out flashGreen}.value-down{animation:1s ease-out flashRed}button[aria-label="Open Next.js Dev Tools"],nextjs-portal{display:none!important}
