:root{color:#10233f;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.login-shell{grid-template-columns:minmax(0,1.1fr) minmax(440px,.9fr);min-height:100vh;display:grid}.product-panel{color:#e0f2fe;background:radial-gradient(circle at 10% 20%,#0ea5e959,#0000 30rem),linear-gradient(145deg,#082f49 0%,#0c4a6e 48%,#164e63 100%);flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex;position:relative;overflow:hidden}.product-panel:after{content:"";border:1px solid #bae6fd2e;border-radius:50%;width:34rem;height:34rem;position:absolute;bottom:-12rem;right:-9rem;box-shadow:0 0 0 5rem #bae6fd0a,0 0 0 10rem #bae6fd08}.brand-mark{align-items:center;gap:.35rem;height:2.25rem;margin-bottom:4rem;display:flex}.brand-mark.compact{height:1.9rem;margin:0}.brand-mark span{background:#38bdf8;border-radius:1rem;width:.35rem;display:block}.brand-mark span:first-child{height:40%}.brand-mark span:nth-child(2){height:100%}.brand-mark span:nth-child(3){height:65%}.eyebrow{color:#0ea5e9;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:11ch;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,6.2rem);line-height:.96}.intro{color:#bae6fd;max-width:34rem;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7}.status-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082f4959;border:1px solid #bae6fd2e;border-radius:.9rem;align-items:center;gap:1rem;width:fit-content;margin-top:3rem;padding:1rem 1.2rem;display:flex}.status-card strong,.status-card span{display:block}.status-card span{color:#bae6fd;margin-top:.2rem;font-size:.85rem}.status-dot{background:#4ade80;border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 .35rem #4ade801f}.login-panel{background:#f8fafc;place-items:center;padding:2rem;display:grid}.login-card{width:min(100%,25rem)}.login-card h2{letter-spacing:-.04em;margin-bottom:.5rem;font-size:2.35rem}.muted{color:#64748b;margin-bottom:2.5rem}label{margin:1.1rem 0 .45rem;font-size:.82rem;font-weight:750;display:block}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;outline:none;width:100%;padding:.82rem .95rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e926}textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;outline:none;width:100%;min-height:6rem;padding:.75rem}textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e926}.login-card>button,.enrollment-panel form>button{color:#fff;background:#0369a1;border:0;border-radius:.65rem;width:100%;margin-top:1.4rem;padding:.9rem 1rem;font-weight:800}.login-download-link{color:#075985;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.85rem .95rem;text-decoration:none;display:flex}.login-download-link:hover{background:#e0f2fe;border-color:#38bdf8}.login-download-link strong,.login-download-link span{display:block}.login-download-link span{color:#64748b;white-space:nowrap;font-size:.72rem}.notice{text-align:center;margin-top:1rem;font-size:.875rem}.notice.error,.alert.error{color:#9f1239}.admin-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dbeafe;background:#071a2f;flex-direction:column;height:100vh;padding:1.5rem 1.1rem;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:.8rem;padding:.35rem .65rem 1.8rem;display:flex}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand small{color:#7dd3fc;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem;font-size:.7rem}.sidebar nav{gap:.35rem;display:grid}.nav-item{color:#9fb3ca;text-align:left;background:0 0;border:0;border-radius:.6rem;width:100%;padding:.78rem .85rem;font-weight:700}.nav-item:hover,.nav-item.active{color:#fff;background:#123451}.nav-item.active{box-shadow:inset 3px 0 #38bdf8}.sidebar-footer{border-top:1px solid #1e3a55;flex-direction:column;margin-top:auto;padding:1rem .65rem 0;display:flex}.sidebar-footer small{color:#7c94ad;margin-top:.2rem}.text-button{color:#7dd3fc;background:0 0;border:0;width:fit-content;margin-top:.9rem;padding:0;font-weight:700}.workspace{min-width:0;padding:2.2rem clamp(1.25rem,4vw,4rem) 4rem}.workspace-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.7rem;display:flex}.workspace-header h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.7rem)}.secondary-button,.link-button,.copy-button,.danger-button{color:#18324e;background:#fff;border:1px solid #cbd5e1;border-radius:.55rem;width:auto;margin:0;padding:.65rem .85rem;font-weight:750}.link-button{color:#0369a1;background:0 0;border:0;padding:.35rem}.danger-button{color:#be123c;border-color:#fecdd3}.copy-button{flex:none;padding:.5rem .7rem}.alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:.65rem;margin-bottom:1rem;padding:.9rem 1rem}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card,.panel{background:#fff;border:1px solid #dbe4ee;border-radius:.85rem;box-shadow:0 8px 24px #0f172a0a}.metric-card{flex-direction:column;align-items:flex-start;min-height:150px;padding:1.2rem;display:flex}.metric-card>span:first-child{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:750}.metric-card>strong{letter-spacing:-.04em;text-transform:capitalize;margin:.8rem 0 1rem;font-size:2rem}.metric-note{color:#64748b;font-size:.84rem}.pill{text-transform:capitalize;border-radius:999px;padding:.28rem .48rem;font-size:.72rem;font-weight:800;display:inline-flex}.pill-good{color:#166534;background:#dcfce7}.pill-muted{color:#475569;background:#e2e8f0}.panel{margin-bottom:1rem;overflow:hidden}.panel-heading{border-bottom:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.3rem;display:flex}.panel-heading h3{margin-bottom:.25rem;font-size:1.05rem}.panel-heading p{color:#64748b;margin:0;font-size:.84rem}.dependency-list{grid-template-columns:repeat(3,1fr);display:grid}.dependency-list>div{text-transform:capitalize;border-right:1px solid #e7edf4;justify-content:space-between;align-items:center;padding:1rem 1.3rem;display:flex}.dependency-list>div:last-child{border-right:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:.9rem 1.3rem}th{color:#64748b;letter-spacing:.07em;text-transform:uppercase;background:#f8fafc;font-size:.7rem}tbody tr:last-child td{border-bottom:0}td small{color:#64748b;margin-top:.2rem;display:block}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem}.mobile-layout{grid-template-columns:minmax(320px,.72fr) minmax(480px,1.28fr);align-items:start;gap:1rem;display:grid}.enrollment-panel form{padding:0 1.3rem 1.3rem}.enrollment-result{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.7rem;margin:0 1.3rem 1.3rem;padding:1rem}.result-header{color:#475569;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.copy-row{align-items:center;gap:.5rem;display:flex}.copy-row code{text-overflow:ellipsis;background:#fff;border:1px solid #dbe4ee;border-radius:.5rem;flex:1;padding:.65rem;overflow:hidden}.enrollment-result details{margin-top:1rem}.enrollment-result summary{cursor:pointer;font-size:.82rem;font-weight:750}.enrollment-result pre{color:#dbeafe;white-space:pre-wrap;word-break:break-all;background:#071a2f;border-radius:.5rem;max-height:9rem;padding:.75rem;font-size:.68rem;overflow:auto}.hint{color:#475569;margin:1rem 0 0;font-size:.78rem;line-height:1.5}.empty-state{color:#64748b;text-align:center;padding:2rem}.app-download-panel{grid-column:1/-1;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.3rem;display:flex}.app-download-panel h3{margin-bottom:.3rem}.app-download-panel p:not(.eyebrow){color:#64748b;margin:0;font-size:.84rem}.download-button{color:#fff;background:#0369a1;border-radius:.6rem;flex-direction:column;flex:none;align-items:flex-start;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:flex}.download-button:hover{background:#075985}.download-button span{color:#bae6fd;margin-top:.15rem;font-size:.68rem;font-weight:650}.qr-code{background:#fff;border:1px solid #dbe4ee;border-radius:.65rem;width:min(100%,260px);margin:1rem auto .5rem;overflow:hidden;box-shadow:0 6px 18px #0f172a14}.qr-code svg{width:100%;height:auto;display:block}.scan-hint{color:#475569;text-align:center;margin:0 0 1rem;font-size:.76rem;font-weight:700}.sessions-layout{grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);align-items:start;gap:1rem;display:grid}.sessions-list,.session-detail{margin:0}.session-detail{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow:auto}.session-filters{border-bottom:1px solid #e7edf4;grid-template-columns:minmax(0,1fr) 145px auto;gap:.6rem;padding:1rem 1.3rem;display:grid}.session-filters input,.session-filters select{padding:.62rem .75rem}.session-rows{display:grid}.session-row{width:100%;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;display:flex}.session-row:hover,.session-row.selected{background:#f0f9ff}.session-row.selected{box-shadow:inset 3px 0 #0284c7}.session-row:last-child{border-bottom:0}.session-row-main,.session-row-meta{flex-direction:column;display:flex}.session-row-main{min-width:0}.session-row-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-row-main small,.session-row-meta small,.device-card small,.event-list small{color:#64748b;margin-top:.28rem;font-size:.74rem}.session-row-meta{flex:none;align-items:flex-end}.text-icon-button{color:#64748b;background:0 0;border:0;padding:.2rem .55rem;font-size:1.7rem;line-height:1}.detail-body{padding:1.3rem}.detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.detail-metrics>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;padding:.85rem}.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics span{color:#64748b;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.35rem;font-size:.67rem;font-weight:800}.detail-metrics strong{font-size:.9rem}.detail-section{margin-top:1.4rem}.detail-section h4{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem}.detail-grid{border:1px solid #e2e8f0;border-radius:.6rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid;overflow:hidden}.detail-grid>div{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-width:0;padding:.75rem}.detail-grid>div:nth-child(2n){border-right:0}.detail-grid>div:nth-last-child(-n+2){border-bottom:0}.detail-grid dt{color:#64748b;font-size:.7rem}.detail-grid dd{margin:.2rem 0 0;font-size:.83rem;font-weight:700}.mono-break{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:.68rem!important}.muted-line{color:#64748b;margin:0;font-size:.82rem}.device-card{border:1px solid #e2e8f0;border-radius:.6rem;padding:.8rem}.device-card+.device-card{margin-top:.55rem}.device-card strong,.device-card small{display:block}.stream-chips{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.stream-chips span{color:#075985;background:#e0f2fe;border-radius:.35rem;padding:.3rem .45rem;font-size:.69rem;font-weight:750}.event-list{border:1px solid #e2e8f0;border-radius:.6rem;overflow:hidden}.event-list>div{border-bottom:1px solid #edf1f5;align-items:center;gap:.7rem;padding:.65rem .75rem;display:flex}.event-list>div:last-child{border-bottom:0}.event-list strong,.event-list small{display:block}.severity{color:#334155;text-align:center;background:#e2e8f0;border-radius:.3rem;width:4.5rem;padding:.22rem .35rem;font-size:.62rem;font-weight:850}.severity-warning{color:#92400e;background:#fef3c7}.severity-error,.severity-critical{color:#9f1239;background:#ffe4e6}.session-actions{align-items:flex-start;gap:.75rem;display:flex}.danger-zone{background:#fff7f8;border:1px solid #fecdd3;border-radius:.6rem;flex:1;padding:.75rem}.danger-zone summary{cursor:pointer;color:#be123c;font-size:.82rem;font-weight:800}.danger-zone p{color:#64748b;margin:.7rem 0;font-size:.76rem;line-height:1.5}.danger-zone label{margin-top:.6rem}.danger-zone .danger-button{margin-top:.7rem}@media (width<=1000px){.mobile-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}@media (width<=1150px){.sessions-layout{grid-template-columns:1fr}.session-detail{max-height:none;position:static}}@media (width<=720px){.login-shell{grid-template-columns:1fr}.product-panel{display:none}.login-panel{min-height:100vh}.login-download-link,.app-download-panel{flex-direction:column;align-items:stretch}.login-download-link span{white-space:normal}.download-button{align-items:center}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:none}.workspace{padding:1.5rem 1rem 3rem}.metric-grid,.dependency-list{grid-template-columns:1fr}.dependency-list>div{border-bottom:1px solid #e7edf4;border-right:0}.session-filters,.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0}.detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid #e2e8f0}.detail-grid>div:last-child{border-bottom:0}}