:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ls-bg:#f8f9ff;--ls-surface:#fff;--ls-surface-muted:#eef4ff;--ls-border:#e1e6ef;--ls-border-strong:#c6d0dd;--ls-text:#1a1f27;--ls-muted:#5a6472;--ls-subtle:#7a8493;--ls-primary:#145c7c;--ls-primary-strong:#0e435d;--ls-primary-soft:#dceef6;--ls-accent:#2f7d5c;--ls-warning:#9a5a00;--ls-danger:#b42318;--ls-success:#1f7a4d;--ls-focus:#1b75d0;--ls-shadow-1:0 1px 2px #10182814;--ls-shadow-2:0 12px 28px #1018281f;--ls-shadow-3:0 24px 60px #10182829;--wa-nav:#0e2a36;--wa-nav-text:#cdd9de;--wa-nav-text-strong:#fff;--ink:var(--ls-text);--muted:var(--ls-muted);--subtle:var(--ls-subtle);--line:var(--ls-border);--panel:var(--ls-surface);--surface:var(--ls-surface-muted);--nav:var(--wa-nav);--accent:var(--ls-primary);--accent-strong:var(--ls-primary-strong);--accent-soft:var(--ls-primary-soft);--warn:var(--ls-warning);--warn-bg:#fffaeb;--success:var(--ls-success);--success-bg:#d1fae5;--danger:var(--ls-danger);--danger-bg:#fee4e2;--info:var(--ls-focus);--info-bg:#eff8ff;--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow:var(--ls-shadow-1)}*{box-sizing:border-box}html{min-width:320px}body{background:var(--ls-bg);color:var(--ls-text);margin:0;font-family:Aptos,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:3px;outline:3px solid #1b75d059}code{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:1px 5px;font-family:ui-monospace,monospace;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--wa-nav);color:var(--wa-nav-text-strong);flex-direction:column;gap:28px;padding:24px 16px;display:flex}.sidebar-brand{align-items:center;gap:10px;display:flex}.sidebar-brand-logo{flex-shrink:0;width:auto;height:38px}.sidebar-brand h1{margin:4px 0 0;font-size:20px;line-height:1.2}nav{gap:2px;display:grid}nav a{color:var(--wa-nav-text);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .1s,color .1s;display:flex}nav a:hover{color:var(--wa-nav-text-strong);background:#ffffff14}nav a svg{flex:none}.sidebar-user{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.sidebar-user-id{min-width:0}.sidebar-user-name{color:var(--wa-nav-text);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:13px;overflow:hidden}.sidebar-logout{color:var(--wa-nav-text);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:8px;flex:none;align-items:center;gap:7px;padding:7px 11px;font-family:inherit;font-size:13px;font-weight:600;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.sidebar-logout:hover{color:var(--wa-nav-text-strong);background:#ffffff14;border-color:#ffffff47}.sidebar-logout svg{flex:none}.nav-toggle{border:1px solid var(--ls-border);background:var(--ls-surface);color:var(--ls-text);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:none}.nav-toggle:hover{background:var(--ls-surface-muted)}.workspace{align-content:start;gap:20px;padding:24px 28px;display:grid}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.page-header-left h2{margin:0;font-size:22px}.page-header-left .eyebrow{margin-bottom:4px}.page-header-actions{align-items:center;gap:8px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--ink)}.breadcrumb-sep{color:var(--line)}.breadcrumb-current{color:var(--ink);font-weight:600}.eyebrow{color:var(--ls-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.sidebar .eyebrow{color:var(--wa-nav-text)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{border:1px solid var(--ls-border);box-shadow:var(--ls-shadow-1);background:#fbfcff;border-radius:10px;min-height:132px;padding:16px}.metric p,.metric span{color:var(--ls-muted);margin:0;font-size:12px}.metric strong{color:var(--ls-text);margin:8px 0 4px;font-size:30px;font-weight:700;line-height:1;display:block}.panel{border:1px solid var(--ls-border);background:var(--ls-surface);box-shadow:var(--ls-shadow-1);border-radius:14px}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-header h3{margin:0;font-size:15px;font-weight:600}.panel-body{padding:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--panel);z-index:1;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.th-app{line-height:1.25}.th-app small{color:var(--subtle);letter-spacing:0;text-transform:none;margin-top:2px;font-family:ui-monospace,monospace;font-size:10px;font-weight:600;display:block}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--ls-surface-muted)}.td-mono{color:var(--muted);font-family:ui-monospace,monospace;font-size:12px}.td-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.td-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.role-cell{gap:2px;min-width:150px;display:grid}.role-cell .role-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:2px 4px;font-size:12px;line-height:1.4;display:flex}.role-cell .role-row:hover{background:var(--accent-soft)}.role-cell .role-row input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent);cursor:pointer;margin:0}.role-cell .role-row.is-checked{color:var(--ink);font-weight:500}.role-cell .role-row.is-busy{opacity:.55;cursor:progress}.role-cell-empty{color:var(--subtle);font-size:12px;font-style:italic}.role-cell-clear{margin-top:4px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-state strong{color:var(--ink);font-size:15px}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{color:var(--ls-success);background:#e3f3ea}.badge-danger{color:var(--ls-danger);background:#fdecea}.badge-warn{color:var(--ls-warning);background:#fbf1de}.badge-muted{background:var(--ls-surface-muted);color:var(--ls-muted)}.badge-info,.badge-accent{background:var(--ls-primary-soft);color:var(--ls-primary)}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-icon{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;line-height:1;transition:background .1s,border-color .1s;display:inline-flex}.btn-primary{background:var(--ls-primary);color:#fff}.btn-primary:hover{background:var(--ls-primary-strong)}.btn-secondary{background:var(--ls-surface);border-color:var(--ls-border);color:var(--ls-text)}.btn-secondary:hover{background:var(--ls-surface-muted)}.btn-danger{background:var(--ls-danger);color:#fff}.btn-danger:hover{background:#9a1e15}.btn-ghost{color:var(--ls-muted);background:0 0}.btn-ghost:hover{background:var(--ls-surface-muted);color:var(--ls-text)}.btn-icon{color:var(--ls-muted);border-color:var(--ls-border);background:0 0;border-radius:999px;padding:6px}.btn-icon:hover{color:var(--ls-primary);background:var(--ls-surface-muted)}.btn-full{width:100%}.btn-sm{padding:5px 10px;font-size:12px}.form{gap:18px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{gap:5px;display:grid}.form-label{color:var(--ink);font-size:13px;font-weight:600}.form-hint{color:var(--muted);margin:0;font-size:12px}.input,.select,.textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .1s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none}.textarea{resize:vertical;min-height:80px;font-family:ui-monospace,monospace;font-size:12px}.input-error{border-color:var(--danger)!important}.form-error{color:var(--danger);margin:0;font-size:12px}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent)}.form-actions{gap:8px;padding-top:4px;display:flex}.alert{border-radius:6px;padding:10px 14px;font-size:13px}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-success{background:var(--success-bg);color:var(--success)}.alert-warn{background:var(--warn-bg);color:var(--warn)}.alert-info{background:var(--info-bg);color:var(--info)}.alert strong{margin-bottom:2px;font-size:13px;display:block}.login-shell{background:var(--nav);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;gap:16px;width:100%;max-width:360px;padding:40px 36px;display:grid}.login-title{margin:0;font-size:24px}.login-subtitle{color:var(--muted);margin:0;font-size:13px}.dev-login-form{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.dev-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:700}.dev-row{gap:6px;display:flex}.dev-row .input{flex:1;min-width:0}.filters-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters-bar .select{width:auto;min-width:140px}.filters-bar .input{width:auto;min-width:160px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.pagination-nav{gap:6px;display:flex}.add-form-panel{border:1px solid var(--accent);background:var(--info-bg);border-radius:8px;gap:14px;padding:16px;display:grid}.add-form-panel h4{color:var(--accent);margin:0;font-size:14px}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-info strong{font-size:13px;font-weight:600}.toggle-info small{color:var(--muted);font-size:12px;display:block}input[type=checkbox].toggle{width:40px;height:22px;accent-color:var(--accent);cursor:pointer}.test-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.test-form{gap:16px;display:grid}.test-payload{min-height:320px;font-size:12px;line-height:1.5}.test-results{display:grid}.test-result{border-bottom:1px solid var(--line)}.test-result:last-child{border-bottom:none}.test-result-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 16px;list-style:none;display:flex}.test-result-summary::-webkit-details-marker{display:none}.test-result-summary:hover{background:var(--ls-surface-muted)}.test-result-summary svg{flex:none}.test-result-name{color:var(--ink);font-size:14px;font-weight:600}.test-result-meta{margin-left:auto;font-size:11px}.test-result-body{gap:8px;padding:0 16px 16px;display:grid}.test-result-url{max-width:100%;margin:0;font-size:12px}.test-result-reason{color:var(--ls-warning);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.test-result-label{color:var(--muted);margin:0;font-size:12px}.json-viewer{color:#d7e3e8;white-space:pre;background:#0e2a36;border-radius:8px;max-height:360px;margin:0;padding:12px 14px;font-family:ui-monospace,monospace;font-size:12px;line-height:1.5;overflow-x:auto}@media (max-width:1100px){.test-layout{grid-template-columns:1fr}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:auto;padding:12px 16px}.sidebar-brand{flex:1}.sidebar-brand h1{font-size:17px}.nav-toggle{display:inline-flex}.sidebar nav,.sidebar-user{flex-basis:100%;margin:0}.sidebar-user{padding-top:12px}.shell:not([data-nav-open=true]) nav,.shell:not([data-nav-open=true]) .sidebar-user{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.form-grid-2{grid-template-columns:1fr}}@media (max-width:560px){.workspace{padding:16px}.metrics{grid-template-columns:1fr}}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;margin-top:4px;display:grid}
