:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dfe4ea;border-radius:8px;gap:14px;width:100%;max-width:360px;padding:24px;display:grid}.login-panel label{color:#394540;gap:6px;font-size:13px;display:grid}.login-panel input{width:100%;padding:0 10px}a{color:inherit;text-decoration:none}button,input,select{color:#202124;font:inherit;border:1px solid #ccd2db;border-radius:6px;min-height:36px}button{color:#fff;cursor:pointer;background:#0f6f5c;padding:0 14px}button:disabled{cursor:not-allowed;background:#8a9692}.app-shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{color:#f4f8f6;background:#16201d;padding:24px 18px}.brand{margin-bottom:32px;font-size:18px;font-weight:700}.sidebar nav{gap:6px;display:grid}.sidebar a{color:#dce6e2;border-radius:6px;padding:10px 12px}.sidebar a[aria-current=page]{color:#fff;background:#2b3a35}.workspace{padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}h1{letter-spacing:0;margin:0;font-size:28px;line-height:1.2}.filter-bar{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));align-items:center;gap:12px;margin-bottom:20px;display:grid}.filter-bar input,.filter-bar select{background:#fff;width:100%;padding:0 10px}.filter-warning{color:#8f1d13;font-size:12px}.environment-badge{color:#fff;letter-spacing:0;text-transform:uppercase;border-radius:999px;margin:0 0 6px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.environment-staging{background:#7a4f05}.environment-production{background:#8f1d13}.environment-all{background:#3b4555}.environment-warning{color:#5e4300;background:#fff8e6;border:1px solid #f0cf78;border-radius:8px;margin-bottom:14px;padding:10px 12px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.card{background:#fff;border:1px solid #dfe4ea;border-radius:8px;gap:12px;min-height:112px;padding:16px;display:grid}.card span{color:#65736f;font-size:13px}.card strong{letter-spacing:0;font-size:20px}.card small{color:#65736f}.panel{background:#fff;border:1px solid #dfe4ea;border-radius:8px;padding:18px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel h2{margin:0;font-size:20px}.panel h3{margin:0 0 12px;font-size:16px}.panel-header span{color:#65736f;font-size:13px}.search-row{grid-template-columns:minmax(260px,1fr) 96px;gap:10px;margin-bottom:16px;display:grid}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-top:1px solid #e6ebf0;padding:10px}.inline-error{color:#8f1d13;background:#fff1f0;border:1px solid #f5b7b1;border-radius:6px;padding:10px 12px}.inline-success{color:#0f5b4d;background:#edf8f3;border:1px solid #9bd2bd;border-radius:6px;padding:10px 12px}.admin-layout,.admin-sections{gap:12px;display:grid}.admin-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:center;gap:10px;margin-bottom:14px;display:grid}.admin-form-wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-form input,.admin-form select{background:#fff;width:100%;padding:0 10px}.admin-note{color:#4d5b56;margin:0;line-height:1.5}.danger-panel{border-color:#efb2a9}.danger-panel h3{color:#8f1d13}.secret-once{color:#5e4300;background:#fff8e6;border:1px solid #f0cf78;border-radius:6px;padding:10px 12px}.secret-once code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-value{-webkit-user-select:all;user-select:all;background:#f8fafb;border:1px solid #dfe4ea;border-radius:6px;margin:10px 0 14px;padding:10px 12px}.copy-value code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.checkbox-row{align-items:center;gap:8px;min-height:36px;display:flex}.checkbox-row input{width:auto;min-height:auto}.replay-layout{gap:12px;display:grid}.replay-columns{grid-template-columns:minmax(280px,360px) 1fr;gap:12px;display:grid}.session-row{color:#202124;text-align:left;background:#fff;border-color:#dfe4ea;gap:4px;width:100%;height:auto;min-height:72px;margin-bottom:8px;padding:10px;display:grid}.session-row strong{color:#0f6f5c;text-transform:uppercase;font-size:13px}.session-row span{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.session-row small{color:#65736f}.replay-player canvas{aspect-ratio:9/16;image-rendering:pixelated;background:#111827;border-radius:6px;width:min(100%,360px);max-height:560px;display:block}.player-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.timeline{border-top:1px solid #e6ebf0;margin-top:16px;padding-top:16px}.timeline button{color:#202124;background:#f8fafb;border-color:#dfe4ea;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.timeline span{color:#65736f;font-size:12px}@media (width<=780px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px}.filter-bar,.search-row,.replay-columns{grid-template-columns:1fr}}