:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#0af;--brand-yellow:#ffe000;--brand-red:#e4002b;--background:#f5f8f9;--foreground:#111717;--muted:#536161;--panel:#fff;--accent:var(--brand-yellow);--accent-strong:#071817;--border:#d7e1e4;--soft-blue:#e8f7ff;--soft-yellow:#fff8bd}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,Arial,Helvetica,sans-serif}body:before{background:var(--brand-blue);content:"";width:100%;height:8px;display:block}.brand-header{border-bottom:1px solid var(--border);z-index:10;background:#fffffff0;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(20px,5vw,64px);display:flex;position:sticky;top:0;left:0;right:0}.brand-link{flex-shrink:0;align-items:center;height:42px;text-decoration:none;display:inline-flex;overflow:hidden}.brand-link img{object-fit:contain;width:auto;height:42px}.brand-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.brand-nav a,.brand-nav button{color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;width:auto;min-height:auto;padding:10px 14px;font-size:.92rem;font-weight:800;text-decoration:none}.brand-nav form{display:contents}.brand-nav a:hover,.brand-nav button:hover{background:var(--soft-blue);border-color:#b8eaff}.shell{align-items:center;min-height:calc(100vh - 83px);padding:32px 20px;display:flex}.wide-shell{align-items:flex-start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;max-width:760px;margin:0 auto;padding:32px;box-shadow:0 14px 34px #172d3312}.wide-panel{max-width:1180px}.eyebrow{color:var(--brand-blue);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:900}h1{color:var(--foreground);letter-spacing:0;margin:0;font-size:clamp(2.25rem,7vw,4.2rem);font-weight:900;line-height:1}.lede{color:var(--muted);max-width:620px;margin:24px 0 0;font-size:1.125rem;line-height:1.6}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;display:grid}.status-grid div{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px}.status-grid dt{color:var(--muted);margin:0 0 6px;font-size:.82rem}.status-grid dd{color:#000;margin:0;font-weight:700}.status-panel h1{font-size:clamp(1.9rem,5vw,3rem)}.status-card{border:2px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin:32px 0 0;padding:18px;display:flex}.status-card[data-state=ok]{background:var(--soft-blue);border-color:var(--brand-blue)}.status-card[data-state=blocked]{border-color:var(--brand-red);background:#fff6f7}.status-label{color:var(--muted);margin:0 0 6px;font-size:.82rem}.status-value{margin:0;font-size:1.25rem;font-weight:700}.pairing-code{letter-spacing:.08em;margin:0;font-size:2.4rem;font-weight:900;line-height:1}.status-dot{background:var(--brand-red);border-radius:999px;width:12px;height:12px}.status-card[data-state=ok] .status-dot{background:var(--brand-blue)}.status-grid.compact{margin-top:16px}.status-note,.status-error{color:var(--muted);margin:20px 0 0;line-height:1.6}.status-error{color:var(--brand-red);font-family:Consolas,Liberation Mono,monospace;font-size:.9rem}.login-form,.admin-actions,.run-form{gap:12px;margin-top:28px;display:grid}.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.compact-actions{flex-shrink:0;margin-top:0}.admin-nav{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.login-form label,.field label,.choice-group legend{color:var(--muted);font-size:.82rem;font-weight:700}.login-form input,.search-form input,.search-form select,.field input,.field select,.field textarea{border:1px solid var(--border);color:var(--foreground);font:inherit;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.login-form input:focus,.search-form input:focus,.search-form select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-blue);outline:none;box-shadow:0 0 0 3px #00aaff2e}.field{gap:8px;display:grid}.field textarea{resize:vertical}.import-panel{border:1px solid var(--border);border-radius:8px;gap:20px;margin-top:28px;padding:20px;display:grid}.danger-panel{border:1px solid #f2b8c1;border-radius:8px;gap:16px;margin-top:28px;padding:20px;display:grid}.danger-panel h2{margin:0}.danger-panel button,.danger-button{background:var(--brand-red);border-color:var(--brand-red)}.danger-button:hover{background:#b90022;border-color:#b90022}.import-panel h2,.template-grid h3{margin:0}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-grid div{border:1px solid var(--border);border-radius:8px;gap:8px;padding:14px;display:grid}.template-grid p{color:var(--muted);margin:0;line-height:1.45}.template-grid a{color:var(--accent-strong);width:fit-content;font-weight:800}.import-form{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-group{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;gap:16px;margin:0;padding:14px 16px 16px;display:flex}.choice-group label,.check-row{align-items:center;gap:8px;display:inline-flex}.choice-group input,.check-row input{width:18px;height:18px}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.search-form{gap:8px;margin-top:24px;display:grid}.search-form label{color:var(--muted);font-size:.82rem;font-weight:700}.search-form div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-form input{max-width:360px}.search-form select{min-height:44px}button,.admin-actions a,.admin-nav a,.search-form a,.status-note a,.form-actions a{background:var(--accent-strong);border:1px solid var(--accent-strong);color:#fff;cursor:pointer;font:inherit;border-radius:8px;justify-content:center;width:fit-content;min-height:44px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.admin-actions a:hover{background:#000;border-color:#000}button:disabled{cursor:wait;opacity:.72}.status-note a,.admin-nav a,.search-form a,.form-actions a{color:var(--accent-strong);background:0 0}.admin-nav a,.search-form a,.form-actions a{border-color:var(--border)}.admin-nav a:hover,.search-form a:hover,.form-actions a:hover,.status-note a:hover{background:var(--soft-yellow);border-color:var(--brand-yellow)}.table-wrap{border:1px solid var(--border);border-radius:8px;margin-top:28px;overflow-x:auto}.compact-table-wrap{margin-top:8px}.customer-table{border-collapse:collapse;width:100%;min-width:920px}.device-table{min-width:760px}.customer-table th,.customer-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:14px 16px}.customer-table th{background:var(--soft-blue);color:var(--foreground);text-transform:uppercase;font-size:.78rem}.customer-table tr:last-child td{border-bottom:0}.customer-table td{font-size:.95rem}.customer-table td a{color:var(--foreground);margin-bottom:4px;font-weight:700;display:block}.customer-table .table-actions{align-items:flex-start;gap:8px;display:grid}.customer-table .table-actions a,.customer-table .table-actions button{min-height:38px;margin:0;padding:8px 12px}.customer-table .table-actions a{border:1px solid var(--border);border-radius:8px;align-items:center;width:fit-content;text-decoration:none;display:inline-flex}.customer-table td span{color:var(--muted);display:block}.empty-state{border:1px dashed var(--border);color:var(--muted);border-radius:8px;margin-top:28px;padding:24px}.empty-state p{margin:0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 0;display:grid}.detail-grid div{border:1px solid var(--border);border-radius:8px;padding:16px}.detail-grid dt{color:var(--muted);margin:0 0 6px;font-size:.82rem}.detail-grid dd{overflow-wrap:anywhere;margin:0;font-weight:700}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.dashboard-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:16px;min-height:190px;padding:20px;display:grid}.dashboard-card h2{margin:0;font-size:1.35rem;line-height:1.15}.dashboard-card p{color:var(--muted);margin:0;line-height:1.45}.wide-dashboard-card,.hero-metric{grid-column:span 2}.hero-metric h2{font-size:clamp(3.2rem,8vw,5.5rem);line-height:.9}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto;display:grid}.metric-strip span{background:var(--soft-blue);color:var(--muted);border:1px solid #b8eaff;border-radius:8px;gap:4px;padding:12px;display:grid}.metric-strip strong{color:var(--foreground);font-size:1.2rem}.ratio-card{grid-template-columns:auto 1fr;align-items:center}.primary-ratio-card{grid-column:span 2;min-height:260px}.primary-ratio-card h2{font-size:clamp(2.2rem,5vw,3.8rem)}.ratio-subtitle{color:var(--foreground);font-weight:900}.ratio-trend{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;min-height:74px;padding-top:10px;display:grid}.trend-column{grid-template-rows:1fr auto;align-items:center;gap:6px;min-width:0;height:74px;display:grid}.trend-fill{--height:2%;background:var(--brand-blue);height:var(--height);border-radius:999px 999px 3px 3px;align-self:end;width:100%;min-height:3px;display:block}.warm~div .trend-fill,.ring-chart.warm+div .trend-fill{background:var(--brand-yellow)}.trend-column span:last-child{color:var(--muted);font-size:.68rem;font-weight:800}.ring-chart{--value:0%;aspect-ratio:1;background:radial-gradient(circle, #fff 57%, transparent 59%), conic-gradient(var(--brand-blue) var(--value), #e8eef0 0);border-radius:999px;place-items:center;width:118px;display:inline-grid}.primary-ratio-card .ring-chart{width:170px}.ring-chart.warm{background:radial-gradient(circle, #fff 57%, transparent 59%), conic-gradient(var(--brand-yellow) var(--value), #e8eef0 0)}.ring-chart span{color:var(--foreground);text-align:center;font-size:1rem;font-weight:900}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-card-header>span,.dashboard-card-header>strong{color:var(--muted);font-weight:800}.dashboard-helper{max-width:360px;margin-top:8px}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;min-height:210px;display:grid}.bar-column{grid-template-rows:auto 1fr auto;align-items:center;gap:8px;min-width:0;height:100%;display:grid}.bar-value,.bar-label{color:var(--muted);font-size:.78rem;font-weight:800}.bar-fill{--height:2%;background:linear-gradient(180deg, var(--brand-blue), #007caf);width:100%;min-height:4px;height:var(--height);border-radius:8px 8px 3px 3px;align-self:end}.submission-bar-chart{grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:8px;min-height:250px;display:grid}.submission-column{grid-template-rows:1fr auto auto;align-items:center;gap:8px;min-width:0;height:100%;display:grid}.mini-bar-group{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;align-items:end;gap:3px;width:100%;height:100%;display:grid}.mini-bar{--height:2%;height:var(--height);border-radius:999px 999px 3px 3px;align-self:end;min-height:4px;display:block}.mini-met{background:var(--brand-blue)}.mini-greeted{background:var(--brand-yellow)}.mini-responded{background:var(--brand-red)}.mini-values{color:var(--muted);text-align:center;gap:2px;font-size:.68rem;font-weight:800;line-height:1.15;display:grid}.mini-legend{flex-wrap:wrap;gap:10px;display:flex}.mini-legend span{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:inline-flex}.mini-legend span:before{content:"";border-radius:999px;width:10px;height:10px}.legend-met:before{background:var(--brand-blue)}.legend-greeted:before{background:var(--brand-yellow)}.legend-responded:before{background:var(--brand-red)}.funnel-chart,.source-list{gap:14px;display:grid}.funnel-row,.source-row{gap:8px;display:grid}.funnel-row div,.source-row{justify-content:space-between;align-items:center;display:flex}.funnel-row span,.source-row span{color:var(--muted);font-weight:800}.funnel-bar,.source-meter{--width:0%;background:#e8eef0;border-radius:999px;height:12px;position:relative;overflow:hidden}.funnel-bar:before,.source-meter:before{background:var(--brand-blue);border-radius:inherit;content:"";width:var(--width);position:absolute;inset:0 auto 0 0}.source-meter:before{background:var(--brand-yellow)}.dashboard-muted{color:var(--muted)}.readiness-track{background:#e8eef0;border-radius:999px;height:16px;overflow:hidden}.readiness-track span{--width:0%;background:linear-gradient(90deg, var(--brand-blue), var(--brand-yellow));height:100%;width:var(--width);display:block}.readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.readiness-grid span{border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:12px;font-weight:800}.readiness-grid span[data-ready=true]{background:var(--soft-blue);color:var(--foreground);border-color:#b8eaff}.json-grid{gap:16px;margin-top:28px;display:grid}.json-panel{border:1px solid var(--border);border-radius:8px;overflow:hidden}.json-panel h2{background:var(--soft-blue);text-transform:uppercase;margin:0;padding:12px 16px;font-size:.82rem}.json-panel pre{white-space:pre-wrap;word-break:break-word;max-height:420px;margin:0;padding:16px;overflow:auto}.compact-detail{margin-top:8px}@media (max-width:680px){body:before{height:10px}.brand-header{grid-template-columns:1fr;gap:14px;padding:18px 24px 22px;display:grid;position:static}.brand-link{justify-self:start;height:34px}.brand-link img{height:34px}.brand-nav{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:8px;width:100%;display:grid}.brand-nav a,.brand-nav button{text-align:center;white-space:nowrap;padding:8px 4px;font-size:.74rem}.shell{align-items:flex-start;min-height:auto;padding:22px 14px 36px}.panel{border-radius:8px;padding:28px 22px}.admin-header{display:grid}h1{font-size:clamp(2.05rem,12vw,3rem)}.lede{margin-top:18px;font-size:1rem;line-height:1.5}.status-panel{background-image:none}.status-grid,.detail-grid,.dashboard-grid,.form-grid,.form-grid.three,.template-grid{grid-template-columns:1fr}.hero-metric,.primary-ratio-card,.wide-dashboard-card{grid-column:auto}.ratio-card{grid-template-columns:1fr}.ring-chart{width:104px}.primary-ratio-card{min-height:0}.primary-ratio-card .ring-chart{width:132px}.metric-strip,.readiness-grid{grid-template-columns:1fr}}