:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#111827;background:#f9fafb;font-synthesis:none;letter-spacing:0;--ink: #111827;--muted: #6b7280;--faint: #9ca3af;--line: #e5e7eb;--line-strong: #d1d5db;--surface: #ffffff;--canvas: #f9fafb;--teal: #14b8a6;--teal-dark: #0f766e;--teal-hover: #0d9488;--teal-soft: #f0fdfa;--amber: #b45309;--amber-soft: #fffbeb;--red: #dc2626;--red-soft: #fef2f2;--blue: #2563eb;--blue-soft: #eff6ff;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .035)}*{box-sizing:border-box}html,body,#root{min-height:100%;max-width:100%;margin:0}body{min-width:0;min-height:100vh;overflow-x:hidden;background:var(--canvas)}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.25}h2{font-size:20px;line-height:1.35}h3{font-size:14px;line-height:1.4}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--faint);font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--teal-hover);font-weight:750}.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#fff;background:var(--teal);box-shadow:0 6px 16px #14b8a633}.brand-mark.small{width:36px;height:36px;border-radius:10px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#11182773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-panel{position:relative;width:min(100%,400px);padding:32px;border:1px solid rgba(229,231,235,.9);border-radius:16px;background:var(--surface);box-shadow:0 24px 60px #0f172a2e}.login-panel>.brand-mark{margin-bottom:20px}.login-panel>div:nth-child(3){margin-bottom:26px}.login-panel p{margin-top:5px;font-size:13px}.login-panel form{display:grid;gap:10px}.login-panel label,.field>span{color:#374151;font-size:12px;font-weight:650}.dialog-close{position:absolute!important;top:14px;right:14px}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;left:13px;top:50%;color:var(--faint);transform:translateY(-50%)}.input-with-icon input{padding-left:40px}input,select{width:100%;height:42px;border:1px solid var(--line-strong);border-radius:10px;outline:0;padding:0 12px;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:#9ca3af}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #14b8a621}input::placeholder{color:#9ca3af}.password-field{position:relative}.password-field input{width:100%;padding-right:38px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;color:var(--faint);background:transparent;cursor:pointer}.password-toggle:hover{color:var(--ink);background:#0f172a0f}.form-error{display:flex;align-items:center;gap:7px;color:var(--red);font-size:12px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:0 15px;font-size:13px;font-weight:650;white-space:nowrap;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.button.primary{color:#fff;background:var(--teal-hover);box-shadow:0 1px 2px #0f766e2e}.button.primary:hover:not(:disabled){background:var(--teal-dark)}.button.secondary{color:#374151;border-color:var(--line);background:#fff}.button.secondary:hover:not(:disabled){color:var(--teal-dark);border-color:#99f6e4;background:var(--teal-soft)}.button.full{width:100%;margin-top:8px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.icon-button{width:38px;height:38px;position:relative;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;color:#6b7280;background:#fff;transition:color .15s,background .15s,border-color .15s}.icon-button:hover:not(:disabled){color:var(--teal-dark);border-color:#99f6e4;background:var(--teal-soft)}.icon-button.small{width:28px;height:28px;border:0;background:transparent}.icon-button.danger{color:var(--red);border-color:#fecaca}.icon-button.danger:hover:not(:disabled){color:#b91c1c;border-color:#fca5a5;background:var(--red-soft)}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:256px;display:flex;flex-direction:column;padding:16px 14px;border-right:1px solid rgba(229,231,235,.9);color:#374151;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-brand{height:48px;display:flex;align-items:center;gap:12px;padding:0 8px;color:#111827;font-size:17px;font-weight:760}.sidebar nav{display:grid;gap:5px;margin-top:27px}.sidebar nav:before{content:"导航";padding:0 12px 7px;color:#9ca3af;font-size:10px;font-weight:700}.sidebar nav button,.logout-button{width:100%;height:44px;display:flex;align-items:center;gap:12px;border:0;border-radius:11px;padding:0 13px;color:#6b7280;background:transparent;font-size:13px;font-weight:600;text-align:left;transition:color .15s,background .15s}.sidebar nav button:hover,.logout-button:hover{color:var(--teal-dark);background:#f3f4f6}.sidebar nav button.active{color:var(--teal-dark);background:#ccfbf1}.sidebar nav button.active svg{color:var(--teal-hover)}.nav-lock{margin-left:auto;opacity:.65}.logout-button{margin-top:auto;border:1px solid transparent}.workspace{width:calc(100% - 256px);min-width:0;max-width:100%;margin-left:256px}.topbar{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid rgba(229,231,235,.85);background:#ffffffd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.runtime-state{display:flex;align-items:center;gap:9px;min-width:0}.runtime-state strong{font-size:13px;font-weight:650}.runtime-state small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--faint)}.status-dot.idle,.status-dot.running{background:#10b981;box-shadow:0 0 0 4px #10b9811c}.status-dot.error{background:var(--red);box-shadow:0 0 0 4px #dc262617}.status-dot.disabled{background:var(--faint)}.content{width:min(100%,1440px);min-width:0;margin:0 auto;padding:28px 32px 56px}.page-stack{min-width:0;display:grid;gap:28px}.page-stack>*{min-width:0}.section-heading,.page-title-row{min-width:0;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading>div,.page-title-row>div{min-width:0}.section-heading h2,.page-title-row h2{margin-top:2px}.source-id{color:var(--muted);font-size:12px;font-weight:600}.monitor-title-meta{display:flex;align-items:center;gap:12px}.text-button{display:inline-flex;align-items:center;gap:3px;border:0;color:var(--teal-dark);background:transparent;font-size:12px;font-weight:650}.quota-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.quota-panel{min-width:0;min-height:218px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--surface);box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}.quota-panel:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a12;transform:translateY(-1px)}.quota-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quota-head h3{margin-top:3px;font-size:19px;text-transform:uppercase}.availability{border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700}.availability.online{color:#047857;background:#d1fae5}.availability.limited{color:var(--red);background:var(--red-soft)}.availability.pending{color:var(--amber);background:var(--amber-soft)}.usage-row{display:flex;align-items:baseline;gap:9px;margin-top:18px}.usage-row strong{font-size:32px;line-height:1;font-variant-numeric:tabular-nums}.usage-row span{color:var(--muted);font-size:11px}.progress-track{height:7px;min-height:7px;max-height:7px;overflow:hidden;margin-top:14px;border-radius:999px;background:#f1f5f9}.progress-track span{display:block;height:7px;min-height:7px;max-height:7px;min-width:0;border-radius:inherit;background:var(--teal);transition:width .3s}.sparkline{display:block;width:100%;height:34px;margin-top:12px;color:var(--teal);opacity:.85}.quota-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:11px;border-top:1px solid #f1f5f9;color:var(--muted);font-size:11px}.quota-meta span{display:flex;align-items:center;gap:5px;min-width:0}.concurrency-card{display:flex;align-items:center;gap:16px;margin-top:14px;padding:13px 18px;border:1px solid color-mix(in srgb,var(--amber) 30%,transparent);border-radius:16px;background:var(--amber-soft)}.concurrency-head{display:flex;align-items:baseline;gap:7px}.concurrency-head span{font-size:11px;font-weight:650;color:var(--amber)}.concurrency-head strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--amber)}.concurrency-head em{font-style:normal;font-size:13px;color:var(--amber);opacity:.75}.concurrency-track{flex:1;height:7px;overflow:hidden;border-radius:999px;background:var(--line)}.concurrency-track span{display:block;height:100%;border-radius:inherit;background:var(--amber);transition:width .3s}.monitor-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.monitor-picker>button{min-width:0;min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;border:1px solid var(--line);border-radius:13px;padding:12px 14px;color:var(--ink);background:var(--surface);box-shadow:0 1px 2px #0f172a06;text-align:left;transition:border-color .15s,background .15s,box-shadow .15s}.monitor-picker>button:hover{border-color:#99f6e4;background:#fcfffe}.monitor-picker>button.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #14b8a614}.monitor-picker>button>span:first-child{min-width:0;display:grid;gap:3px}.monitor-picker strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.monitor-picker small{color:var(--muted);font-size:10px}.picker-metric{grid-row:span 2;font-size:18px;font-weight:750;font-variant-numeric:tabular-nums}.runtime-badge{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap}.runtime-badge i{width:6px;height:6px;border-radius:50%;background:var(--faint)}.runtime-badge.idle i,.runtime-badge.running i{background:#10b981}.runtime-badge.error{color:var(--red)}.runtime-badge.error i{background:var(--red)}.metrics-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.metrics-band>div{min-width:0;display:grid;gap:6px;padding:17px 18px;border-right:1px solid var(--line)}.metrics-band>div:last-child{border-right:0}.metrics-band span{color:var(--muted);font-size:10px;font-weight:600}.metrics-band strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{height:42px;padding:0 15px;color:var(--muted);background:#f9fafb;font-size:10px;font-weight:650;text-align:left;text-transform:uppercase}td{height:52px;padding:0 15px;border-top:1px solid #f0f2f4;color:#374151}th:last-child,td:last-child{width:38px;padding-left:4px;padding-right:10px;color:var(--faint)}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f8fffd}.window-pill{display:inline-block;min-width:36px;border:1px solid var(--line);border-radius:7px;padding:3px 7px;color:#374151;background:#f9fafb;font-weight:700;text-align:center;text-transform:uppercase}.arrow{padding:0 3px;color:var(--faint)}.action-count{font-variant-numeric:tabular-nums}.count-failed{color:var(--red);font-weight:700;font-variant-numeric:tabular-nums}.status-badge{display:inline-flex;align-items:center;min-height:23px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.status-complete,.status-success{color:#047857;background:#d1fae5}.status-preview,.status-skipped,.status-cancelled{color:var(--blue);background:var(--blue-soft)}.status-pending,.status-in_progress{color:var(--amber);background:var(--amber-soft)}.status-failed{color:var(--red);background:var(--red-soft)}.empty-state{min-height:176px;display:grid;place-content:center;justify-items:center;gap:10px;border:1px dashed var(--line-strong);border-radius:14px;color:var(--faint);font-size:12px;background:#ffffffa6}.audit-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.audit-row{min-height:64px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line)}.audit-row:last-child{border-bottom:0}.audit-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--teal-dark);background:var(--teal-soft)}.audit-icon.warn{color:var(--amber);background:var(--amber-soft)}.audit-icon.error{color:var(--red);background:var(--red-soft)}.audit-row>div{min-width:0;display:grid;gap:3px}.audit-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.audit-row small,.audit-row time{color:var(--muted);font-size:10px}.admin-layout{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:20px}.monitor-admin-list{position:sticky;top:84px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.admin-list-head{height:65px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 0 16px;border-bottom:1px solid var(--line)}.admin-list-head h3{margin-top:2px}.monitor-admin-list>div:last-child{display:grid;padding:7px}.monitor-admin-list>div:last-child>button{width:100%;min-width:0;min-height:54px;display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:8px 10px;color:#4b5563;background:transparent;text-align:left}.monitor-admin-list>div:last-child>button:hover{background:#f9fafb}.monitor-admin-list>div:last-child>button.active{color:var(--teal-dark);background:var(--teal-soft)}.monitor-admin-list>div:last-child>button>span:first-child{min-width:0;display:grid;gap:3px;flex:1}.monitor-admin-list strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.monitor-admin-list small{color:var(--muted);font-size:10px}.admin-form-area{min-width:0}.settings-form{display:grid;gap:16px}.settings-form>.page-title-row{align-items:center;min-height:64px;margin-bottom:0;padding:0 2px}.form-section{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.form-section-title{display:flex;align-items:flex-start;gap:10px;color:#374151}.form-section-title>svg{color:var(--teal-hover)}.form-section-title>div{display:grid;gap:4px}.form-section-title span{color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.subscription-config{min-width:0;display:grid;gap:21px}.field{min-width:0;display:grid;align-content:start;gap:7px}.field.wide{grid-column:span 2}.field em{margin-left:5px;color:var(--teal-dark);font-size:10px;font-style:normal}.field em.invalid{color:var(--red)}.field-warning{display:flex;align-items:center;gap:6px;color:var(--red);font-size:11px;font-weight:550}.segmented{width:fit-content;max-width:100%;display:flex;overflow-x:auto;border:1px solid var(--line);border-radius:10px;padding:3px;background:#f3f4f6}.segmented button{min-width:64px;height:34px;border:0;border-radius:7px;padding:0 11px;color:var(--muted);background:transparent;font-size:11px;font-weight:650;white-space:nowrap}.segmented button:hover{color:#374151}.segmented button.active{color:var(--teal-dark);background:#fff;box-shadow:0 1px 3px #0f172a1a}.segmented.compact button{min-width:54px;height:31px}.mode-section{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:238px}.mode-section>div{display:grid;gap:6px}.mode-section small{padding-left:51px;color:var(--muted);font-size:10px}.setting-toggle{display:grid;gap:6px}.setting-toggle small{padding-left:51px;color:var(--muted);font-size:10px}.security-section{align-items:start}.security-config{min-width:0;display:grid;gap:16px}.security-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.security-heading>div{min-width:0;display:grid;gap:5px}.security-heading strong{font-size:13px}.security-heading small{color:var(--muted);font-size:10px}.security-status{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:10px;font-weight:700}.security-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.security-status.enabled{color:#047857}.security-status.enabled i{background:#10b981}.security-status.disabled{color:var(--muted)}.security-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.security-actions .muted{font-size:11px}.security-enroll{display:grid;gap:14px}.security-secret{display:flex;align-items:center;gap:12px;min-width:0;border:1px solid #99f6e4;border-radius:10px;padding:10px 12px;color:var(--teal-dark);background:var(--teal-soft)}.security-secret span{flex:0 0 auto;font-size:10px;font-weight:700}.security-secret code{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:750;letter-spacing:1px}.security-code-row{display:flex;align-items:end;gap:12px}.security-code-row .field{flex:1 1 180px}.security-code-row .button{flex:0 0 auto}.toggle{width:fit-content;display:flex;align-items:center;gap:9px;border:0;padding:0;color:#4b5563;background:transparent}.toggle>span{width:42px;height:24px;position:relative;border:1px solid #d1d5db;border-radius:999px;background:#e5e7eb;transition:.15s}.toggle>span:after{content:"";width:18px;height:18px;position:absolute;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.15s}.toggle.on>span{border-color:var(--teal-hover);background:var(--teal-hover)}.toggle.on>span:after{transform:translate(18px)}.toggle strong{font-size:12px}.subscriber-preview{min-width:0;padding-top:18px;border-top:1px solid var(--line)}.subscriber-preview-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px}.subscriber-preview-head>div{min-width:0;display:grid;gap:3px}.subscriber-preview-head strong{font-size:12px}.subscriber-preview-head small{color:var(--muted);font-size:10px}.subscriber-message{min-height:78px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--faint);font-size:11px}.subscriber-message.error{color:var(--red)}.subscriber-message .text-button{margin-left:5px}.homepage-subscribers{min-width:0}.subscriber-home-state{min-height:112px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:11px;color:var(--faint);background:var(--surface);font-size:11px}.subscriber-home-state.error{color:var(--red)}.subscriber-list{max-height:360px;margin-top:8px;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line);border-radius:11px;background:#fcfdfd}.homepage-subscribers .subscriber-list{max-height:440px;margin-top:0;background:var(--surface)}.subscriber-row{min-height:62px;display:grid;grid-template-columns:32px minmax(150px,1fr) minmax(100px,auto) minmax(160px,220px) 54px;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--line)}.subscriber-row:last-child{border-bottom:0}.subscriber-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--teal-dark);background:#ccfbf1;font-size:11px;font-weight:750}.subscriber-identity{min-width:0;display:grid;gap:3px}.subscriber-identity small{color:var(--muted);font-size:9px}.masked-identity{min-width:0;display:flex;align-items:baseline;color:#374151;font-size:11px;font-weight:650;white-space:nowrap}.masked-fragment{display:inline-block;padding:0 2px;color:#94a3b8;filter:blur(2.2px);-webkit-user-select:none;user-select:none}.masked-identity>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.subscriber-group{overflow:hidden;border-radius:999px;padding:4px 8px;color:var(--teal-dark);background:var(--teal-soft);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.subscriber-usage{min-width:0;display:grid;gap:4px}.subscriber-usage-row{display:grid;grid-template-columns:14px minmax(70px,1fr) 42px;align-items:center;gap:6px;color:var(--muted);font-size:9px}.subscriber-usage-row strong{color:#374151;font-size:9px;font-variant-numeric:tabular-nums;text-align:right}.subscriber-usage-track{height:5px;min-height:5px;overflow:hidden;border-radius:999px;background:#e5e7eb}.subscriber-usage-track i{display:block;height:5px;border-radius:inherit;background:var(--teal)}.subscriber-usage-empty{color:var(--faint);font-size:10px;text-align:center}.subscriber-status{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:#047857;font-size:9px;font-weight:650;white-space:nowrap}.subscriber-status i{width:6px;height:6px;border-radius:50%;background:#10b981}.subscriber-limit{padding:9px 12px;color:var(--amber);background:var(--amber-soft);font-size:10px;text-align:center}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#11182761;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{width:min(100%,520px);height:100%;overflow-y:auto;padding:26px;background:var(--surface);box-shadow:-16px 0 40px #0f172a26}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-head h2{margin-top:3px;font-size:20px}.event-hero{display:flex;align-items:center;gap:10px;padding:18px 0}.event-hero strong{margin-left:auto;font-size:12px}.event-hero time{color:var(--muted);font-size:11px}.event-delta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#f9fafb}.event-delta>div{min-width:0;display:grid;gap:5px}.event-delta span,.event-delta small{color:var(--muted);font-size:10px}.event-delta strong{font-size:25px}.public-action-summary{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;margin-top:16px;border:1px solid var(--line);border-radius:13px}.public-action-summary>div{min-width:0;display:grid;gap:5px;padding:15px;border-right:1px solid var(--line)}.public-action-summary>div:last-child{border-right:0}.public-action-summary span{color:var(--muted);font-size:10px}.public-action-summary strong{font-size:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:110;max-width:min(440px,calc(100vw - 44px));min-height:48px;display:flex;align-items:center;gap:9px;border:1px solid #99f6e4;border-radius:12px;padding:7px 8px 7px 13px;color:var(--teal-dark);background:#f0fdfa;box-shadow:0 14px 32px #0f172a24;font-size:12px}.toast span{min-width:0;overflow-wrap:anywhere}.toast .icon-button{margin-left:auto;color:inherit}.toast-error{border-color:#fecaca;color:var(--red);background:#fff7f7}@media(max-width:1100px){.content{padding-left:24px;padding-right:24px}.metrics-band{grid-template-columns:repeat(3,1fr)}.metrics-band>div:nth-child(3){border-right:0}.metrics-band>div:nth-child(n+4){border-top:1px solid var(--line)}.admin-layout{grid-template-columns:220px minmax(0,1fr)}.form-section{grid-template-columns:150px minmax(0,1fr);gap:20px}.mode-section{padding-left:192px}}@media(max-width:820px){.app-shell{display:block;padding-bottom:68px}.sidebar{width:100%;height:68px;inset:auto 0 0;flex-direction:row;align-items:center;padding:7px 8px;border:solid var(--line);border-width:1px 0 0;box-shadow:0 -8px 24px #0f172a0f}.sidebar-brand,.logout-button{display:none}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0}.sidebar nav.guest-nav{width:min(100%,280px);grid-template-columns:repeat(2,minmax(0,1fr));margin-left:auto;margin-right:auto}.sidebar nav:before{display:none}.sidebar nav button{height:54px;justify-content:center;flex-direction:column;gap:3px;padding:3px;border-radius:9px;font-size:9px}.sidebar nav button.active{background:var(--teal-soft)}.nav-lock{position:absolute;margin:-20px 0 0 25px}.workspace{width:100%;margin-left:0}.topbar{height:60px;padding:0 16px}.topbar .button{width:40px;padding:0;font-size:0;gap:0}.runtime-state small{display:none}.content{padding:22px 16px 40px}.page-stack{gap:25px}.section-heading,.page-title-row{align-items:center}.section-heading{flex-wrap:wrap}.section-heading>:last-child{max-width:100%}.page-title-row{flex-wrap:wrap}.quota-panel{min-height:218px}.metrics-band{grid-template-columns:repeat(2,1fr)}.metrics-band>div,.metrics-band>div:nth-child(3){border-right:1px solid var(--line);border-top:1px solid var(--line)}.metrics-band>div:nth-child(odd){border-left:0}.metrics-band>div:nth-child(2n){border-right:0}.metrics-band>div:first-child,.metrics-band>div:nth-child(2){border-top:0}.admin-layout{grid-template-columns:1fr}.monitor-admin-list{position:static}.monitor-admin-list>div:last-child{display:flex;overflow-x:auto}.monitor-admin-list>div:last-child>button{min-width:180px}.form-section{grid-template-columns:1fr;gap:17px;padding:18px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.mode-section{grid-template-columns:1fr;padding-left:18px}.security-actions,.security-code-row{align-items:stretch;flex-direction:column}.security-actions .button,.security-code-row .button{width:100%}.subscriber-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto auto}.subscriber-group{grid-column:2;grid-row:2;width:fit-content;max-width:100%}.subscriber-usage{grid-column:2 / span 2;grid-row:3;margin-top:2px}.subscriber-usage-empty{grid-column:2;grid-row:3;text-align:left}.subscriber-status{grid-column:3;grid-row:1 / span 2}.settings-form>.page-title-row{align-items:flex-start}.button-row{width:100%}.button-row .button{flex:1 1 120px}.drawer{padding:20px 16px}.event-delta{padding:14px}.audit-row{grid-template-columns:32px minmax(0,1fr);padding:8px 13px}.audit-row time{grid-column:2;margin-top:-7px}}@media(max-width:480px){.login-panel{padding:28px 22px}.section-heading{align-items:flex-start}.monitor-title-meta{align-items:flex-end;flex-direction:column-reverse;gap:4px}.quota-grid,.monitor-picker{grid-template-columns:1fr}.segmented{width:100%}.segmented button{min-width:max-content;flex:1}.segmented.compact{width:100%}.page-title-row .segmented.compact{order:2}.metrics-band strong{font-size:14px}.button-row .icon-button{width:40px}.public-action-summary>div{padding:12px}.toast{right:12px;bottom:80px;max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.topbar-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.theme-switcher{min-width:0;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:10px;padding:3px;background:#f3f4f6}.theme-choice{min-width:34px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;padding:0 8px;color:var(--muted);background:transparent;font-size:10px;font-weight:650;white-space:nowrap}.theme-choice:hover{color:var(--ink)}.theme-choice.active{color:var(--teal-dark);background:var(--surface);box-shadow:0 1px 3px #0f172a1a}html[data-theme=dark]{color-scheme:dark;color:#e5e7eb;background:#0f141a;--ink: #e5e7eb;--muted: #9ca3af;--faint: #6b7280;--line: #2a3441;--line-strong: #465362;--surface: #161c24;--canvas: #0f141a;--teal: #2dd4bf;--teal-dark: #5eead4;--teal-hover: #14b8a6;--teal-soft: #123b38;--amber: #fbbf24;--amber-soft: #3d2e10;--red: #f87171;--red-soft: #3a2025;--blue: #60a5fa;--blue-soft: #1e2e48;--shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 5px 18px rgba(0, 0, 0, .18)}html[data-theme=dark] body{color:var(--ink);background:var(--canvas)}html[data-theme=dark] .login-panel,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] .button.secondary,html[data-theme=dark] .icon-button,html[data-theme=dark] .theme-choice.active{color:var(--ink);background:var(--surface)}html[data-theme=dark] .login-panel{border-color:var(--line);box-shadow:0 24px 60px #0000006b}html[data-theme=dark] .login-panel label,html[data-theme=dark] .field>span,html[data-theme=dark] .form-section-title,html[data-theme=dark] .masked-identity,html[data-theme=dark] td{color:var(--ink)}html[data-theme=dark] input:hover,html[data-theme=dark] select:hover{border-color:var(--line-strong)}html[data-theme=dark] input::placeholder{color:var(--faint)}html[data-theme=dark] .button.secondary,html[data-theme=dark] .icon-button{border-color:var(--line)}html[data-theme=dark] .button.secondary:hover:not(:disabled),html[data-theme=dark] .icon-button:hover:not(:disabled){color:var(--teal-dark);border-color:var(--teal-hover);background:var(--teal-soft)}html[data-theme=dark] .icon-button.danger{color:var(--red);border-color:#71343d}html[data-theme=dark] .icon-button.danger:hover:not(:disabled){border-color:#a84855;background:var(--red-soft)}html[data-theme=dark] .sidebar{color:var(--ink);border-color:var(--line);background:#161c24f2}html[data-theme=dark] .sidebar-brand{color:var(--ink)}html[data-theme=dark] .sidebar nav button:hover,html[data-theme=dark] .logout-button:hover{background:#202934}html[data-theme=dark] .sidebar nav button.active{background:var(--teal-soft)}html[data-theme=dark] .topbar{border-color:var(--line);background:#161c24db}html[data-theme=dark] .theme-switcher,html[data-theme=dark] .segmented{background:#202832}html[data-theme=dark] .theme-choice.active,html[data-theme=dark] .segmented button.active{background:var(--surface)}html[data-theme=dark] .segmented button:hover{color:var(--ink)}html[data-theme=dark] .quota-panel:hover{border-color:var(--line-strong);box-shadow:0 8px 24px #0000003d}html[data-theme=dark] .progress-track,html[data-theme=dark] .subscriber-usage-track{background:#29333f}html[data-theme=dark] .quota-meta{border-color:#27313c}html[data-theme=dark] .monitor-picker>button{box-shadow:0 1px 2px #0003}html[data-theme=dark] .monitor-picker>button:hover{border-color:var(--teal-hover);background:#172b2a}html[data-theme=dark] .monitor-picker>button.active{background:var(--teal-soft)}html[data-theme=dark] th{background:#171e27}html[data-theme=dark] td{border-color:#27313c}html[data-theme=dark] .clickable-row:hover td{background:#172b2a}html[data-theme=dark] .window-pill{color:var(--ink);background:#202832}html[data-theme=dark] .availability.online,html[data-theme=dark] .status-complete,html[data-theme=dark] .status-success{color:#6ee7b7;background:#123c2d}html[data-theme=dark] .empty-state{background:#161c249e}html[data-theme=dark] .monitor-admin-list>div:last-child>button{color:var(--ink)}html[data-theme=dark] .monitor-admin-list>div:last-child>button:hover{background:#202934}html[data-theme=dark] .security-secret{border-color:#17675f}html[data-theme=dark] .toggle{color:var(--ink)}html[data-theme=dark] .toggle>span{border-color:#465362;background:#303a46}html[data-theme=dark] .toggle>span:after{background:#e5e7eb}html[data-theme=dark] .subscriber-list{background:#12181f}html[data-theme=dark] .subscriber-avatar{background:#164743}html[data-theme=dark] .subscriber-usage-row strong{color:var(--ink)}html[data-theme=dark] .subscriber-status,html[data-theme=dark] .security-status.enabled{color:#6ee7b7}html[data-theme=dark] .drawer-backdrop,html[data-theme=dark] .dialog-backdrop{background:#0000009e}html[data-theme=dark] .event-delta{background:#171e27}html[data-theme=dark] .toast{background:#123b38;border-color:#17675f}html[data-theme=dark] .toast-error{background:var(--red-soft);border-color:#71343d}@media(max-width:820px){.topbar-actions{gap:6px}.theme-choice{width:32px;min-width:32px;padding:0}.theme-choice span{display:none}}