:root{--bg:#f4f7fb;--panel:#ffffff;--panel-soft:#f8fafc;--panel-strong:#eef2f7;--text:#172033;--muted:#64748b;--line:#dbe3ee;--input:#ffffff;--input-text:#172033;--topbar:rgba(255,255,255,0.9);--brand:#0f766e;--brand-strong:#115e59;--accent:#f59e0b;--danger:#dc2626;--shadow:0 18px 45px rgba(15,23,42,0.12);color-scheme:light}:root[data-theme=dark]{--bg:#0b1220;--panel:#121a2a;--panel-soft:#172033;--panel-strong:#1f2a3d;--text:#e5edf7;--muted:#98a9bd;--line:#2c3a50;--input:#0f1726;--input-text:#edf4ff;--topbar:rgba(18,26,42,0.94);--brand:#14b8a6;--brand-strong:#5eead4;--accent:#fbbf24;--danger:#f87171;--shadow:0 20px 52px rgba(0,0,0,0.35);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.admin-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.sidebar{background:#101827;color:#e5edf7;display:flex;flex-direction:column;gap:22px;padding:20px 16px}.brand{align-items:center;display:flex;gap:12px;padding:8px}.brand-mark{align-items:center;background:var(--brand);border-radius:8px;display:inline-flex;font-weight:800;height:42px;justify-content:center;width:42px}.brand small,.brand strong{display:block}.brand small,.nav-group p{color:#9fb0c7}.nav{flex:1;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}.nav,.nav a{display:flex}.nav a{align-items:center;border-radius:8px;color:#d7e2f0;gap:10px;min-height:36px;padding:8px 10px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.1);color:#fff}.nav-group{margin-top:10px}.nav-group p{font-size:11px;font-weight:700;letter-spacing:0;margin:10px 10px 4px;text-transform:uppercase}.nav-dot{background:#5eead4;border-radius:50%;height:6px;width:6px}.main{min-width:0}.topbar{align-items:center;background:var(--topbar);border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:0 26px;position:sticky;top:0;z-index:10}.role-pill,.scope,.topbar-actions,.user-pill{align-items:center;display:flex;gap:8px}.topbar-actions{color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.api-target{align-items:center;display:flex;gap:7px}.api-target span{color:var(--muted);font-size:12px;font-weight:800}.api-target select{min-height:32px;padding:5px 28px 5px 9px;width:auto}.status-dot{border:1px solid var(--line);border-radius:999px;font-size:12px;padding:5px 9px;text-transform:capitalize}.status-dot.online{background:#ecfdf5;border-color:#86efac;color:#166534}.status-dot.offline{background:#fef2f2;border-color:#fecaca;color:#991b1b}:root[data-theme=dark] .status-dot.online{background:rgba(20,184,166,.14);border-color:#0f766e;color:#5eead4}:root[data-theme=dark] .status-dot.offline{background:rgba(248,113,113,.12);border-color:#7f1d1d;color:#fecaca}.content{padding:26px}.stack,.stack-lg{display:flex;flex-direction:column}.stack{gap:14px}.stack-lg{gap:22px}.page-heading h1,.page-heading p{margin:0}.page-heading{display:grid;gap:8px}.page-heading h1{font-size:30px;line-height:1.1}.page-heading p:not(.eyebrow){color:var(--muted);max-width:850px}.eyebrow{color:var(--brand-strong);font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.metrics-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.metric-card{display:grid;gap:8px;min-height:160px;padding:18px}.metric-card:hover{border-color:#99f6e4;box-shadow:var(--shadow)}.metric-icon{align-items:center;background:#ccfbf1;border-radius:8px;color:var(--brand-strong);display:inline-flex;height:38px;justify-content:center;width:38px}.metric-value{font-size:28px;font-weight:800}.metric-card small,.muted{color:var(--muted)}.panel{padding:18px}.form-actions,.modal-heading,.pagination,.panel-heading,.toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel-heading h2,.panel-heading p{margin:0}.toolbar{margin-bottom:16px}.file-tools,.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.search-box{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;min-width:min(420px,100%);padding:0 10px}.search-box input{background:transparent;border:0;min-height:40px;outline:0;width:100%}.icon-button,.primary-button,.secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:38px}.primary-button{background:var(--brand);border:1px solid var(--brand);color:white;font-weight:700;padding:0 14px}.secondary-button{padding:0 12px}.icon-button,.secondary-button{background:var(--input);border:1px solid var(--line);color:var(--text)}.icon-button{height:36px;padding:0;width:36px}.text-action,.upload-button{align-items:center;background:#eefaf8;border:1px solid #99f6e4;border-radius:8px;color:var(--brand-strong);cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-height:32px;padding:0 9px;white-space:nowrap}.upload-button{min-height:38px}.upload-button.compact{flex:0 0 auto}.upload-button input{display:none}button:disabled{cursor:not-allowed;opacity:.55}.danger{color:var(--danger)}.table-wrap{border:1px solid var(--line);border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:920px;width:100%}td,th{border-bottom:1px solid var(--line);max-width:320px;overflow:hidden;padding:12px;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}th{background:var(--panel-soft);color:var(--muted);font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:0}.actions-col{width:300px}.actions-col,.row-actions{min-width:300px;position:sticky;right:0;z-index:1}.row-actions{background:var(--panel);display:flex;flex-wrap:wrap;gap:8px;max-width:none;overflow:visible;white-space:normal}.pagination{margin-top:14px}.coverage-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:16px}.coverage-list a{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;padding:12px}.coverage-list small,.coverage-list span{color:var(--muted)}.status-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:18px}.status-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;padding:14px}.status-card span{border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.status-card.ok{border-color:#86efac}.status-card.ok span{color:var(--brand-strong)}.status-card.error{border-color:#fecaca}.status-card.error span{color:var(--danger)}.operations-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.operation-list{display:grid;gap:14px;max-height:calc(100vh - 172px);overflow:auto;position:sticky;top:88px}.operation-nav{display:grid;gap:16px}.operation-nav>div{display:grid;gap:8px}.operation-link{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:grid;gap:4px;padding:10px;text-align:left;width:100%}.operation-link.active,.operation-link:hover{border-color:#5eead4}.operation-link span{font-weight:800}.operation-link small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-runner{min-width:0}.endpoint-line,.method-pill{border-radius:8px;display:inline-flex;font-weight:800}.method-pill{background:rgba(245,158,11,.12);border:1px solid #fed7aa;color:var(--accent);padding:7px 10px}.endpoint-line{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);margin-top:14px;max-width:100%;overflow:auto;padding:10px}.response-box{background:#0f172a;border-radius:8px;color:#dbeafe;max-height:420px;overflow:auto;padding:14px}.handled-box{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding:12px}.handled-box p{color:var(--muted);margin:0}.route-builder{padding:0}.segmented-control{border-bottom:1px solid var(--line);display:flex;gap:0}.segmented-control button{background:transparent;border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;font-weight:800;min-height:48px;padding:0 18px}.segmented-control button.active{background:rgba(20,184,166,.14);color:var(--brand-strong)}.builder-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,340px);padding:16px}.builder-card,.builder-list,.builder-main,.builder-side{display:grid;gap:14px}.builder-main{align-self:start}.builder-main,.builder-side{align-content:start;min-width:0}.builder-side{max-height:calc(100vh - 104px);overflow:auto;padding-right:4px;position:sticky;top:82px}.builder-form{align-items:end;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.builder-form label{min-width:0}.builder-form label span,.builder-strip strong{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.builder-form input,.builder-form select{min-height:42px}.builder-actions,.color-picker,.step-legend{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.builder-actions{background:color-mix(in srgb,var(--panel) 90%,transparent);justify-content:flex-end;padding:10px}.builder-actions,.builder-strip{border:1px solid var(--line);border-radius:8px}.builder-strip{align-items:center;background:var(--panel-soft);display:flex;gap:16px;justify-content:space-between;padding:10px 12px}.builder-strip-label{display:grid;gap:3px}.builder-strip span{color:var(--text);font-size:13px;font-weight:800}.color-picker button{border:2px solid transparent;border-radius:999px;cursor:pointer;height:30px;width:30px}.color-picker button.active{border-color:var(--text)}.color-picker input{min-height:34px;max-width:118px}.diode-board{background:linear-gradient(rgba(100,116,139,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.14) 1px,transparent 1px),var(--panel-soft);background-size:32px 32px;border:1px solid var(--line);border-radius:8px;height:clamp(420px,46vw,620px);min-width:0;overflow:hidden;position:relative;width:100%}.diode-board.empty{color:var(--muted);display:flex}.diode-board.empty,.diode-point{align-items:center;justify-content:center}.diode-point{border:1px solid #94a3b8;border-radius:999px;box-shadow:0 1px 4px rgba(15,23,42,.2);color:white;cursor:pointer;display:inline-flex;font-size:7px;font-weight:900;height:9px;line-height:1;padding:0;position:absolute;transform:translate(-50%,-50%);width:9px}.diode-point.selected{border-color:#042f2e;box-shadow:0 0 0 2px rgba(20,184,166,.24)}.route-marker{color:var(--text);position:absolute;transform:translate(-50%,-50%);z-index:2}.gym-map{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:10px;padding:12px}.gym-map.empty{align-items:center;color:var(--muted);justify-content:center;min-height:180px}.gym-map-head{align-items:center;display:flex;justify-content:space-between}.gym-map-head span{color:var(--muted);font-size:12px;font-weight:800}.gym-map-stage{aspect-ratio:16/9;background:linear-gradient(rgba(100,116,139,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.14) 1px,transparent 1px),var(--input);background-size:28px 28px;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.gym-map-placeholder,.gym-map-stage img{height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.gym-map-stage .map-fallback{display:none}.gym-map-stage img[hidden]+.gym-map-placeholder.map-fallback{display:block}.wall-hotspot{align-items:center;background:rgba(20,184,166,.18);border:1px solid rgba(20,184,166,.75);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;min-height:24px;overflow:hidden;padding:3px;position:absolute;text-overflow:ellipsis;transform:translate(-50%,-50%);white-space:nowrap;z-index:2}.wall-hotspot.active{background:rgba(245,158,11,.24);border-color:var(--accent);box-shadow:0 0 0 3px rgba(245,158,11,.22)}.board-type-preview{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 120px;padding:12px}.board-type-preview div{display:grid;gap:4px}.board-type-preview span{color:var(--muted);font-size:12px;font-weight:700}.board-type-preview i{background:linear-gradient(rgba(20,184,166,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.2) 1px,transparent 1px),var(--input);background-size:14px 14px;border:1px solid var(--line);border-radius:8px;display:block;height:74px;justify-self:end;width:112px}.board-type-preview.medium i{height:66px;width:96px}.board-type-preview.compact i{height:58px;width:76px}.builder-card{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;padding:14px}.builder-card h3,.builder-card summary{margin:0}.builder-card-head,.payload-card summary{align-items:center;display:flex;gap:10px;justify-content:space-between}.builder-card-head span,.payload-card summary span{background:rgba(20,184,166,.14);border:1px solid rgba(20,184,166,.4);border-radius:999px;color:var(--brand-strong);font-size:11px;font-weight:900;padding:4px 8px}.payload-card summary{cursor:pointer}.payload-card:not([open]){padding-bottom:14px}.ble-card{align-content:start}.ble-card-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.ble-state{background:rgba(245,158,11,.12);border:1px solid #fed7aa;border-radius:999px;color:var(--accent);font-size:12px;font-weight:800;padding:5px 9px}.ble-state.connected{background:rgba(20,184,166,.14);border-color:#86efac;color:var(--brand-strong);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ble-controls,.ble-route-row{display:flex;flex-wrap:wrap;gap:10px}.ble-controls label{display:grid;flex:1 1 150px;gap:6px}.ble-route-row input{flex:1 1 180px;min-width:0}.ble-board-state{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin:10px 0}.ble-board-state i{border:1px solid var(--line);border-radius:50%;display:inline-block;height:14px;width:14px}.builder-list-item{align-items:center;background:var(--input);border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:42px;padding:8px 10px}.builder-list{max-height:430px;overflow:auto;padding-right:2px}.hold-card{order:-2}.payload-preview{background:#0f172a;border-radius:8px;color:#dbeafe;font-size:12px;max-height:300px;overflow:auto;padding:12px}.step-legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:800;gap:6px}.step-legend i{border-radius:999px;display:inline-flex;height:12px;width:12px}.banner.success{align-items:center;background:rgba(20,184,166,.14);color:var(--brand-strong);display:flex;gap:8px}.banner{border-radius:8px;margin-bottom:14px;padding:12px}.banner.error,.form-error{background:rgba(248,113,113,.12);color:var(--danger)}.form-error,.form-success{border-radius:8px;margin:0;padding:10px;white-space:pre-line}.form-success{background:rgba(20,184,166,.14);color:var(--brand-strong)}.form-loading{background:rgba(148,163,184,.14);border-radius:8px;color:var(--muted);padding:12px}.field-error{color:var(--danger);font-weight:700;white-space:pre-line}.modal-backdrop{align-items:center;background:rgba(15,23,42,.5);display:flex;inset:0;justify-content:center;padding:26px;position:fixed;z-index:30}.modal{background:var(--panel);border-radius:8px;box-shadow:var(--shadow);max-height:min(760px,92vh);max-width:820px;overflow:auto;padding:20px;width:100%}.modal h2{margin:4px 0 0}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}label{display:grid;gap:7px}label span{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{background:var(--input);border:1px solid var(--line);border-radius:8px;color:var(--input-text);min-height:40px;outline:0;padding:9px 10px;width:100%}textarea{resize:vertical}.form-actions,.wide-field{grid-column:1/-1}.form-actions{justify-content:flex-end}.relation-field{min-width:0}.typeahead{position:relative}.typeahead-options{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;left:0;max-height:260px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:40}.typeahead-options button{background:transparent;border:0;border-radius:6px;color:var(--text);cursor:pointer;display:grid;gap:3px;padding:9px;text-align:left}.typeahead-options button:hover{background:var(--panel-soft)}.typeahead-options p,.typeahead-options small{color:var(--muted);margin:0}.selected-pills{display:flex;flex-wrap:wrap;gap:8px}.selected-pills button{align-items:center;background:rgba(20,184,166,.14);border:1px solid rgba(20,184,166,.45);border-radius:999px;color:var(--brand-strong);cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;gap:6px;min-height:30px;padding:0 10px}.cascade-picker,.file-select-row{display:grid;gap:10px;grid-template-columns:minmax(180px,240px) minmax(0,1fr)}.file-select-row{grid-template-columns:minmax(0,1fr) auto}.file-gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.file-gallery button{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;display:grid;gap:7px;min-height:118px;padding:8px;position:relative;text-align:left}.file-gallery button>span,.file-gallery img{align-items:center;aspect-ratio:16/9;background:var(--input);border:1px solid var(--line);border-radius:6px;display:flex;justify-content:center;object-fit:cover;overflow:hidden;width:100%}.file-gallery small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-gallery svg{position:absolute;right:8px;top:8px}.login-page{align-items:center;background:linear-gradient(135deg,#0f766e,#172033);display:flex;min-height:100vh;padding:24px}.login-panel{background:var(--panel);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:24px;margin:auto;max-width:440px;padding:28px;width:100%}.login-panel h1{margin:4px 0}@media (max-width:940px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static}.nav{max-height:360px}.panel-heading,.toolbar,.topbar{align-items:flex-start;flex-direction:column}.form-grid,.operations-layout{grid-template-columns:1fr}.operation-list{max-height:none;position:static}.board-type-preview,.builder-form,.builder-grid,.cascade-picker,.file-select-row{grid-template-columns:1fr}.builder-side{max-height:none;overflow:visible;position:static}.board-type-preview i{justify-self:start}}