:root{color-scheme:light;--bg: #f9fafb;--bg-mesh: radial-gradient(at 40% 20%, rgb(20 184 166 / .12) 0, transparent 50%), radial-gradient(at 80% 0%, rgb(6 182 212 / .08) 0, transparent 50%), radial-gradient(at 0% 50%, rgb(20 184 166 / .08) 0, transparent 50%);--surface: #ffffff;--surface-subtle: #f9fafb;--surface-raised: #f3f4f6;--surface-glass: rgb(255 255 255 / .8);--line: #e5e7eb;--line-soft: #f3f4f6;--line-strong: #d1d5db;--text: #111827;--muted: #4b5563;--quiet: #6b7280;--disabled: #9ca3af;--accent: #0d9488;--accent-start: #14b8a6;--accent-soft: #f0fdfa;--accent-line: #99f6e4;--accent-strong: #0f766e;--accent-gradient: linear-gradient(to right, #14b8a6, #0d9488);--success: #059669;--success-soft: #d1fae5;--warning: #d97706;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #ffe4e6;--info: #2563eb;--info-soft: #dbeafe;--table-header: #f9fafb;--table-row-hover: #f9fafb;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--control-height: 42px;--control-height-compact: 36px;--header-height: 65px;--sidebar-width: 256px;--radius-small: 8px;--radius-control: 12px;--radius-card: 16px;--radius-pill: 9999px;--focus-ring: 0 0 0 4px rgb(20 184 166 / .28);--card-shadow: 0 1px 3px rgb(0 0 0 / .04), 0 1px 2px rgb(0 0 0 / .06);--control-shadow: 0 1px 2px rgb(0 0 0 / .05);--primary-shadow: 0 4px 6px -1px rgb(20 184 166 / .25), 0 2px 4px -2px rgb(20 184 166 / .25);--header-blur: 24px;--z-header: 30;--z-popover: 40;--z-drawer: 80;--z-modal: 100;--z-toast: 130}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{background:var(--bg)}body{min-width:1280px;background:var(--bg);color:var(--text);font:400 14px/20px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,input,select,textarea,a{transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out,box-shadow .18s ease-out,opacity .18s ease-out,transform .18s ease-out}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:var(--accent-line);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--line-strong);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;padding:0 var(--space-4);font-size:14px;font-weight:600;line-height:20px;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled,.icon-button:disabled,.text-button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--accent-gradient);box-shadow:var(--primary-shadow);color:#fff}.button--primary:hover:not(:disabled){filter:saturate(1.08)}.button--secondary{border-color:var(--line);background:var(--surface);box-shadow:var(--control-shadow);color:var(--text)}.button--secondary:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong)}.button--danger{border-color:var(--danger);background:var(--danger);color:#fff}.button--danger:hover:not(:disabled){background:#dc2626}.icon-button{display:inline-grid;width:var(--control-height-compact);height:var(--control-height-compact);flex:0 0 auto;place-items:center;border:0;border-radius:var(--radius-small);background:transparent;color:var(--quiet);cursor:pointer;padding:0}.icon-button:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.icon-button svg{width:18px;height:18px}.text-button{min-height:28px;border:0;border-radius:var(--radius-small);background:transparent;color:var(--accent-strong);cursor:pointer;padding:4px 6px;font-weight:500;line-height:20px}.text-button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.text-button--danger{color:var(--danger)}.text-button--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}label{color:var(--text);font-weight:500}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--control-shadow);color:var(--text);padding:9px var(--space-4)}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--disabled)}input[readonly],textarea[readonly]{background:var(--surface-subtle);color:var(--muted)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:var(--surface-raised);color:var(--disabled)}input[type=checkbox],input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--accent)}select[multiple]{min-height:112px;padding:var(--space-2)}textarea{min-height:96px;resize:vertical}small{color:var(--quiet);font-size:12px;font-weight:400;line-height:16px}fieldset{min-width:0;margin:0;border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4) var(--space-4)}legend{padding:0 var(--space-2);color:var(--text);font-weight:500}fieldset>div{display:grid;gap:var(--space-2)}fieldset>div>label{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);font-weight:400}.stack-form{display:grid;gap:var(--space-4)}.stack-form>label{display:grid;gap:var(--space-2)}.stack-form>.button:last-child{justify-self:start;min-width:128px}.form-actions{display:flex;align-items:center;gap:var(--space-2)}.member-checklist{display:grid;max-height:240px;gap:2px;overflow:auto;padding-right:var(--space-1)}.member-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:2px var(--space-2);border-radius:var(--radius-small);padding:8px}.member-option:hover{background:var(--surface-raised)}.member-option input{grid-row:1 / 3}.member-option small{grid-column:2;overflow-wrap:anywhere}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--card-shadow);padding:var(--space-4)}.filter-bar label{display:grid;width:180px;gap:var(--space-1);color:var(--muted);font-size:12px;font-weight:500;line-height:16px}.filter-bar input,.filter-bar select{margin-top:2px}.data-panel,.form-panel{min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--card-shadow);padding:var(--space-5)}.data-panel>h2,.form-panel>h2{margin:0 0 var(--space-4);font-size:16px;font-weight:600;line-height:24px}.data-panel .stack-form+.table-wrap,.form-panel .stack-form+.table-wrap{margin-top:var(--space-5)}.data-panel>p:first-child,.load-state{min-height:20px;margin:0 0 var(--space-3);color:var(--quiet)}.page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);align-items:start;gap:var(--space-5)}div.detail-grid{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);align-items:start;gap:var(--space-5)}.page-grid+.data-panel{margin-top:var(--space-5)}.section-heading,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.section-heading h2,.panel-heading h2{margin:0;font-size:16px;font-weight:600;line-height:24px}.section-heading p,.panel-heading p{margin:var(--space-1) 0 0;color:var(--muted)}.table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}th,td{border-bottom:1px solid var(--line-soft);padding:14px var(--space-4);text-align:left;vertical-align:top}th{background:var(--table-header);color:var(--muted);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}td{color:var(--text);line-height:20px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--table-row-hover)}td[colspan]{padding:40px var(--space-4);color:var(--quiet);text-align:center}td a{color:var(--accent-strong);font-weight:500}td a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}code{border-radius:6px;background:var(--accent-soft);color:var(--accent-strong);padding:2px 5px;font-size:12px;overflow-wrap:anywhere}.status,.monitor-status{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}.status--normal{background:var(--success-soft);color:var(--success)}.status--disabled{background:var(--surface-raised);color:var(--quiet)}.danger-zone{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);border-top:1px solid var(--line-soft);padding-top:var(--space-4)}.create-details{margin-top:var(--space-4);border-top:1px solid var(--line-soft);padding-top:var(--space-4)}.create-details summary{width:fit-content;border-radius:var(--radius-small);color:var(--accent-strong);cursor:pointer;font-weight:600;padding:6px 8px}.create-details summary:hover{background:var(--accent-soft)}.create-details>div{margin-top:var(--space-4)}.pagination,.monitor-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.pagination span,.monitor-pagination span{color:var(--muted);font-size:12px}.empty-state{display:grid;min-height:240px;place-content:center;gap:var(--space-2);border:1px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--surface);color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:16px}.toast{width:min(360px,calc(100vw - 32px));border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);box-shadow:0 12px 32px #11182724;padding:var(--space-3) var(--space-4)}.toast--success{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong)}.toast--danger{border-color:#fecdd3;background:var(--danger-soft);color:#be123c}#toast-root{position:fixed;z-index:var(--z-toast);top:var(--space-4);right:var(--space-4);display:grid;gap:var(--space-2)}.dialog-backdrop{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;overflow:auto;background:#00000080;padding:var(--space-6)}.dialog{display:grid;width:min(520px,100%);max-height:calc(100vh - 64px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 24px 64px #11182738}.dialog__header,.dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.dialog__header{border-bottom:1px solid var(--line-soft)}.dialog__header h2{margin:0;font-size:16px;font-weight:600;line-height:24px}.dialog__body{overflow:auto;padding:var(--space-5);color:var(--muted);white-space:pre-line}.dialog__footer{justify-content:flex-end;border-top:1px solid var(--line-soft)}.field-error{min-height:20px;margin:0;color:var(--danger);font-size:12px}.login-mount{display:grid;min-height:100vh;place-items:center;background:var(--bg-mesh),var(--bg);padding:var(--space-5)}.login-card{width:min(420px,100%);border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 16px 48px #1118271a;padding:var(--space-6)}.login-card h1{margin:var(--space-2) 0;font-size:20px;line-height:28px}.login-card p:last-child{color:var(--muted)}.eyebrow{margin:0;color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}#app:has(>.app-header){display:grid;height:100vh;min-height:720px;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr);overflow:hidden}.app-workspace{display:contents}.app-header{position:relative;z-index:var(--z-header);display:flex;grid-column:2;grid-row:1;min-width:0;min-height:var(--header-height);align-items:center;gap:var(--space-4);border-bottom:1px solid rgb(229 231 235 / .8);background:var(--surface-glass);padding:0 var(--space-6);backdrop-filter:blur(var(--header-blur))}.brand{position:absolute;z-index:calc(var(--z-header) + 1);top:0;left:calc(0px - var(--sidebar-width));display:flex;width:var(--sidebar-width);height:var(--header-height);align-items:center;gap:var(--space-3);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:0 var(--space-5);color:var(--text);font-size:17px;font-weight:700;line-height:24px}.brand:before{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--accent-gradient);box-shadow:var(--primary-shadow);color:#fff;content:"A";font-size:15px;font-weight:750}.brand:hover{color:var(--accent-strong)}.app-header__context{min-width:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.app-header__context:before{display:inline-block;width:8px;height:8px;margin-right:var(--space-2);border-radius:var(--radius-pill);background:var(--success);box-shadow:0 0 0 3px var(--success-soft);content:"";vertical-align:1px}.app-header__actions{margin-left:auto}.app-header__actions .button{min-height:var(--control-height-compact);padding:0 var(--space-3);font-size:13px}.sidebar{z-index:1;display:flex;min-height:0;grid-column:1;grid-row:1 / 3;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);background:var(--surface);padding:calc(var(--header-height) + var(--space-3)) var(--space-3) var(--space-4)}.sidebar nav{display:grid;min-height:0;gap:var(--space-1);overflow-y:auto}.sidebar a{display:flex;min-height:40px;align-items:center;border-radius:var(--radius-control);color:var(--muted);padding:10px 14px;font-weight:500;line-height:20px}.sidebar a:nth-child(4),.sidebar a:nth-child(7){margin-top:var(--space-3)}.sidebar a:hover{background:var(--surface-raised);color:var(--text)}.sidebar a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}.sidebar a[aria-current=page]:before{width:3px;height:18px;margin-right:10px;margin-left:-6px;border-radius:var(--radius-pill);background:var(--accent);content:""}.app-content{min-width:0;min-height:0;grid-column:2;grid-row:2;overflow:auto;background:var(--bg-mesh),var(--bg);background-attachment:fixed;padding:var(--space-6)}.app-content:focus{outline:none}.page{width:100%;min-width:0}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-title h1{margin:0;color:var(--text);font-size:18px;font-weight:600;line-height:28px}.page-title p{max-width:820px;margin:var(--space-1) 0 0;color:var(--muted);line-height:20px}.page-title .text-button:first-child{margin:-4px 0 var(--space-2) -6px}@media(max-width:1439px){.app-header,.app-content{padding-right:var(--space-5);padding-left:var(--space-5)}}.drawer-backdrop{position:fixed;z-index:var(--z-drawer);inset:0;display:flex;justify-content:flex-end;background:#0000006b}.detail-drawer{width:min(640px,48vw);height:100%;overflow:auto;border-left:1px solid var(--line);background:var(--surface);box-shadow:-20px 0 56px #1118272e}.detail-drawer__header{position:sticky;z-index:1;top:0;display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--line-soft);background:var(--surface-glass);padding:0 var(--space-5);backdrop-filter:blur(var(--header-blur))}.detail-drawer__header h2{min-width:0;margin:0;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:24px}.detail-drawer__body{display:grid;gap:var(--space-4);padding:var(--space-5)}.money-dialog form{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.money-dialog .field-error{min-height:20px;margin:0;color:var(--danger)}.money-dialog textarea{min-height:96px}.monitor-page{display:grid;gap:var(--space-5)}.monitor-page .page-title{margin-bottom:0}.monitor-filter{align-items:end}.monitor-filter label{width:176px}.monitor-filter label:has(input[name=requestId]),.monitor-filter label:has(input[name=taskId]){width:250px}.monitor-state{min-height:20px;margin:-8px 0;color:var(--quiet)}.monitor-state:empty{min-height:0}.monitor-state--error{border:1px solid #fecdd3;border-radius:var(--radius-control);background:var(--danger-soft);color:#be123c;padding:var(--space-3) var(--space-4)}.monitor-summary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:var(--space-4)}.metric-card{min-width:0;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--card-shadow);padding:var(--space-4)}.metric-card span{display:block;color:var(--quiet);font-size:12px;font-weight:500;line-height:16px}.metric-card strong{display:block;margin-top:var(--space-2);overflow-wrap:anywhere;color:var(--text);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;line-height:28px}.monitor-status--success{background:var(--success-soft);color:var(--success)}.monitor-status--danger{background:var(--danger-soft);color:#be123c}.monitor-status--warning{background:var(--warning-soft);color:var(--warning)}.monitor-status--neutral{background:var(--surface-raised);color:var(--quiet)}.monitor-page table{min-width:1180px}.monitor-page th,.monitor-page td{padding-top:var(--space-3);padding-bottom:var(--space-3)}.monitor-page td code{white-space:nowrap}.detail-section{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-4)}.detail-section h3{margin:0 0 var(--space-3);font-size:14px;font-weight:600;line-height:20px}.detail-section pre{max-height:360px;overflow:auto;margin:var(--space-2) 0 0;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--surface-subtle);padding:var(--space-3);color:var(--text);font-size:12px;line-height:20px;overflow-wrap:anywhere;white-space:pre-wrap}dl.detail-grid{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-2) var(--space-3);margin:0}dl.detail-grid dt{color:var(--quiet)}dl.detail-grid dd{min-width:0;margin:0;overflow-wrap:anywhere}.detail-files{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.detail-files li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}@media(max-width:1439px){.monitor-summary{grid-template-columns:repeat(2,minmax(150px,1fr))}}.billing-page{display:grid;gap:var(--space-5)}.billing-page .page-title{margin-bottom:0}.billing-page .filter-bar label:has(input[name=requestId]){width:250px}.billing-page>p{min-height:20px;margin:-8px 0;color:var(--quiet)}.billing-page>p:empty{min-height:0}.billing-account dl{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));grid-template-rows:auto auto;grid-auto-flow:column;gap:0 var(--space-3);margin:0}.billing-account dt,.billing-account dd{background:var(--surface-subtle);padding-right:var(--space-4);padding-left:var(--space-4)}.billing-account dt{border:1px solid var(--line-soft);border-bottom:0;border-radius:var(--radius-control) var(--radius-control) 0 0;color:var(--quiet);padding-top:var(--space-3);font-size:12px;font-weight:500;line-height:16px}.billing-account dd{margin:0;border:1px solid var(--line-soft);border-top:0;border-radius:0 0 var(--radius-control) var(--radius-control);color:var(--text);padding-top:var(--space-1);padding-bottom:var(--space-3);font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:28px}.billing-page .data-panel:nth-last-child(1) table{min-width:1180px}.traffic-tabs{display:inline-flex;gap:var(--space-1);margin-bottom:var(--space-5);border-radius:var(--radius-control);background:var(--surface-raised);padding:var(--space-1)}.traffic-tab{min-height:40px;border:0;border-radius:var(--radius-small);background:transparent;color:var(--muted);cursor:pointer;padding:0 var(--space-4);font-weight:500;white-space:nowrap}.traffic-tab:hover{color:var(--text)}.traffic-tab[aria-selected=true]{background:var(--surface);box-shadow:var(--control-shadow);color:var(--accent-strong);font-weight:600}.traffic-page .data-panel>p{min-height:20px;margin:0 0 var(--space-4);color:var(--quiet)}.traffic-page .panel-heading label{display:grid;width:240px;flex:0 0 auto;gap:var(--space-1);color:var(--muted);font-size:12px;line-height:16px}.flow-form{display:grid;max-width:960px;gap:var(--space-4)}.flow-form>.button{justify-self:start}.limit-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.8fr) minmax(220px,1fr);align-items:end;gap:var(--space-4);border-bottom:1px solid var(--line-soft);padding:0 0 var(--space-4)}.limit-row:last-child{border-bottom:0}.limit-row label,.flow-form--compact label,.match-form label{display:grid;gap:var(--space-2)}.limit-row small{align-self:center}.limit-row>span:last-child{display:none}.flow-form--compact{max-width:none;grid-template-columns:repeat(3,minmax(200px,1fr));margin-bottom:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle);padding:var(--space-4)}.flow-form--compact select[multiple]{min-height:112px}.flow-form--compact .form-actions{align-self:end}.match-form{display:flex;align-items:end;gap:var(--space-2);margin:var(--space-4) 0}.match-form label{width:340px}.match-form span{min-height:var(--control-height);align-content:center;color:var(--muted)}.traffic-app-table{margin-top:var(--space-5)}.traffic-page table{min-width:900px}.traffic-app-table tr[data-select-app]{cursor:pointer}@media(max-width:1439px){.flow-form--compact{grid-template-columns:repeat(2,minmax(220px,1fr))}}
