:root{color:#192426;background:#f4f6f3;font-family:Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f4f6f3;--surface: #ffffff;--surface-soft: #f7f9f6;--ink: #192426;--muted: #6f7d7e;--faint: #9aa6a6;--line: #dce3df;--line-strong: #c8d2cd;--teal: #087e71;--teal-dark: #07594f;--teal-soft: #dff3ec;--blue: #3567a5;--blue-soft: #e7effb;--amber: #aa6d14;--amber-soft: #fff2d8;--red: #bd4e47;--red-soft: #fff0ed;--shadow: 0 18px 46px rgba(30, 53, 48, .07)}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid rgba(53,103,165,.25);outline-offset:2px}h1,h2,p{margin:0}.app-shell{min-height:100vh}.center-state,.login-page{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.center-state{gap:10px;font-size:13px}.login-page{padding:24px;background:#eef3ef}.login-panel{width:min(390px,100%);padding:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.login-mark,.brand-mark,.provider-icon{display:grid;place-items:center}.login-mark{width:48px;height:48px;margin-bottom:24px;color:var(--teal);border:1px solid #bfe2d8;border-radius:8px;background:var(--teal-soft)}.kicker{color:var(--teal);font-size:10px;font-weight:850;letter-spacing:.12em}.login-panel h1{margin-top:7px;font-size:26px;letter-spacing:0}.login-form{display:grid;gap:15px;margin-top:28px}.login-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.login-form input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);background:var(--surface-soft)}.login-button{justify-content:center;width:100%;min-height:42px;margin-top:5px}.form-error{display:flex;gap:7px;align-items:center;color:var(--red);font-size:12px}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:70px;padding:12px max(22px,calc((100vw - 1400px)/2));border-bottom:1px solid var(--line);background:#f4f6f3f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar>*{min-width:0}.brand-lockup,.topbar-source,.topbar-actions,.button,.icon-button,.mode-badge,.card-identity,.card-metric span,.availability-row,.history-head,.history-axis,.usage-line,.card-actions,.cooldown,.toast,.search-box{display:flex;align-items:center}.brand-lockup{gap:10px}.brand-mark{width:36px;height:36px;color:#fff;border-radius:7px;background:var(--teal)}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:14px;letter-spacing:0}.brand-lockup span{margin-top:3px;color:var(--muted);font-size:10px}.topbar-source{justify-content:center;gap:7px;color:var(--teal-dark);font-size:12px;font-weight:800;white-space:nowrap}.topbar-source small{color:var(--muted);font-weight:500}.live-dot{width:8px;height:8px;border:2px solid #c8eadf;border-radius:50%;background:#28a480}.topbar-actions{justify-content:flex-end;gap:8px}.button,.icon-button{justify-content:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);background:var(--surface);font-size:12px;font-weight:800;transition:border-color .14s ease,transform .14s ease,background .14s ease}.button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:var(--teal);transform:translateY(-1px)}.primary-button{color:#fff;border-color:var(--teal);background:var(--teal)}.primary-button:hover:not(:disabled){border-color:var(--teal-dark);background:var(--teal-dark)}.icon-button{width:36px;padding:0}.danger-icon:hover:not(:disabled){color:var(--red);border-color:#dfaaa4}.credential-button{color:var(--muted)}.credential-button.configured{color:var(--teal);border-color:#afd9cd;background:var(--teal-soft)}.workspace{width:min(1400px,calc(100% - 44px));margin:0 auto;padding:20px 0 48px}.summary-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.summary-band>div{min-height:82px;padding:13px 16px;border-right:1px solid var(--line)}.summary-band>div:last-child{border-right:0}.summary-band span,.summary-band small{display:block;color:var(--muted);font-size:11px}.summary-band strong{display:block;margin-top:6px;color:var(--ink);font-size:25px;line-height:1;letter-spacing:0}.summary-band strong small{display:inline;margin-left:3px;color:var(--muted);font-size:13px;font-weight:650}.summary-band small{margin-top:6px;color:var(--faint)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:25px 2px 13px}.section-head h1{margin-top:5px;font-size:22px;letter-spacing:0}.mode-badge{gap:6px;min-height:28px;padding:0 9px;border:1px solid #d8deda;border-radius:5px;color:var(--muted);background:var(--surface-soft);font-size:11px;font-weight:800}.mode-badge.writable{color:var(--teal-dark);border-color:#afd9cd;background:var(--teal-soft)}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-card{width:100%;min-width:0;padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.account-identity{display:flex;gap:11px;min-width:0}.provider-icon{flex:0 0 auto;width:34px;height:34px;color:var(--teal);border:1px solid #c7e8df;border-radius:6px;background:#e9f8f2}.account-identity h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:0}.account-identity p{margin-top:5px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:12px;font-size:10px;font-weight:850}.status-pill.operational{color:#087255;background:#d7f5e7}.status-pill.degraded{color:#9a6111;background:var(--amber-soft)}.status-pill.failed,.status-pill.error{color:#ad403b;background:var(--red-soft)}.status-pill.stale{color:#756c5a;background:#eeeae1}.status-pill.unknown{color:var(--muted);background:#eef1ef}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}.card-metric{min-width:0;min-height:59px;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft)}.card-metric span{gap:5px;color:var(--muted);font-size:9px;font-weight:750}.card-metric strong{display:block;overflow:hidden;margin-top:7px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;line-height:1;letter-spacing:0}.card-metric strong small{margin-left:3px;color:var(--muted);font-size:12px;font-weight:650}.card-metric .metric-balance{color:var(--teal);font-size:13px}.card-metric .metric-rate{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.metric-note{display:block;margin-top:5px;overflow:hidden;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.upstream-row{display:grid;grid-template-columns:1.35fr .9fr 1fr;gap:9px;margin-top:9px;padding:10px 0;border-bottom:1px solid var(--line)}.upstream-row span,.upstream-row strong{display:block}.upstream-row span{color:var(--muted);font-size:9px}.upstream-row strong{overflow:hidden;margin-top:4px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.upstream-row em{color:var(--red);font-style:normal;font-weight:750}.availability-row{justify-content:space-between;gap:15px;padding:11px 0 8px;color:var(--muted);font-size:10px}.availability-row strong{color:#2ba423;font-size:25px;line-height:1;letter-spacing:0}.availability-row strong small{margin-left:2px;font-size:15px}.availability-copy{display:grid;gap:3px}.availability-copy small{color:var(--faint);font-size:9px}.availability-warn{color:var(--amber)!important}.availability-good{color:#2ba423}.availability-stale{color:var(--faint)!important}.history-block{padding-top:3px}.history-head,.history-axis{justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800}.history-head span:last-child{color:var(--faint);font-weight:650}.history-bars{display:flex;align-items:end;gap:2px;height:32px;margin-top:7px}.history-bar{flex:1 1 0;min-width:2px;max-width:5px;border-radius:2px 2px 0 0;background:#dce3df}.history-bar.operational{background:#18b982}.history-bar.degraded{background:#e5a017}.history-bar.failed,.history-bar.error{background:#ef4b4b}.history-bar.empty{background:#e3e8e5}.history-axis{margin-top:6px;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:600}.cooldown{gap:6px;margin-top:12px;padding:8px 9px;border:1px solid #efd7aa;border-radius:4px;color:var(--amber);background:var(--amber-soft);font-size:10px;line-height:1.4}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.usage-line{gap:6px;color:var(--muted);font-size:10px;white-space:nowrap}.schedule-state{width:7px;height:7px;border-radius:50%;background:#aab5b1}.schedule-state.on{background:#2aa07c}.usage-line strong{color:var(--red);font-weight:750}.card-actions{gap:7px}.test-button{width:32px;min-height:32px;color:#fff;border-color:var(--teal);background:var(--teal)}.test-button:hover:not(:disabled){border-color:var(--teal-dark);background:var(--teal-dark)}.schedule-switch{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 9px;border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);background:var(--surface);font-size:10px;font-weight:800}.schedule-switch span{width:8px;height:8px;border-radius:50%;background:#aab5b1}.schedule-switch.on{color:var(--teal-dark);border-color:#afd9cd;background:var(--teal-soft)}.schedule-switch.on span{background:#2aa07c}.empty-state{display:grid;justify-items:center;gap:12px;padding:95px 20px;border:1px dashed var(--line-strong);border-radius:7px;color:var(--faint);background:var(--surface)}.empty-state h2{color:var(--ink);font-size:18px}.toast-stack{position:fixed;top:82px;right:22px;z-index:40;display:grid;gap:8px;width:min(390px,calc(100% - 44px))}.toast{gap:8px;padding:11px 12px;border:1px solid;border-radius:5px;box-shadow:var(--shadow);font-size:12px;line-height:1.4}.toast span{flex:1}.toast button{display:grid;place-items:center;padding:0;border:0;color:inherit;background:transparent}.error-toast{color:var(--red);border-color:#e5b7b1;background:var(--red-soft)}.success-toast{color:var(--teal-dark);border-color:#acd8cb;background:var(--teal-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1924266b}.add-dialog{width:min(470px,100%);padding:23px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);box-shadow:0 28px 70px #19242640}.credential-dialog{width:min(520px,100%);padding:23px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);box-shadow:0 28px 70px #19242640}.credential-dialog-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.credential-dialog h2{margin-top:5px;font-size:20px;letter-spacing:0}.credential-status{display:flex;gap:8px;align-items:center;min-height:38px;margin-top:20px;padding:0 11px;border:1px solid var(--line);border-radius:5px;color:var(--muted);background:var(--surface-soft);font-size:12px}.credential-status.configured{color:var(--teal-dark);border-color:#afd9cd;background:var(--teal-soft)}.credential-field{display:grid;gap:7px;margin-top:17px;color:var(--muted);font-size:11px;font-weight:800}.credential-field input{width:100%;min-height:42px;padding:0 11px;border:1px solid var(--line-strong);border-radius:5px;color:var(--ink);background:var(--surface-soft)}.credential-note{margin-top:9px;color:var(--faint);font-size:10px}.credential-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:22px}.danger-button{color:var(--red);border-color:#dfaaa4}.danger-button:hover:not(:disabled){background:var(--red-soft)}.add-dialog header{display:flex;justify-content:space-between;align-items:start;gap:15px}.add-dialog h2{margin-top:5px;font-size:20px;letter-spacing:0}.search-box{gap:8px;min-height:40px;margin-top:21px;padding:0 10px;border:1px solid var(--line-strong);border-radius:5px;color:var(--muted);background:var(--surface-soft)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.search-results{max-height:310px;margin-top:10px;overflow:auto;border:1px solid var(--line);border-radius:5px}.search-results-label{padding:8px 12px;border-bottom:1px solid var(--line);color:var(--muted);background:var(--surface-soft);font-size:10px;font-weight:800}.search-results>button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:54px;padding:9px 12px;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:var(--surface)}.search-results>button:last-child{border-bottom:0}.search-results>button:hover:not(:disabled){background:var(--teal-soft)}.search-results>button.selected{background:#f0f8f5}.watch-checkbox{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line-strong);border-radius:4px;color:#fff;background:var(--surface)}.watch-checkbox.checked{border-color:var(--teal);background:var(--teal)}.search-result-copy{min-width:0}.search-results strong,.search-results small{display:block}.search-results strong{font-size:12px}.search-results small{margin-top:4px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.result-action{color:var(--teal);font-size:11px;font-weight:850}.search-empty{padding:20px 12px;color:var(--faint);text-align:center;font-size:12px}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.topbar{display:flex;flex-wrap:wrap;gap:10px;padding:11px 15px}.brand-lockup{flex:1 1 auto;min-width:0}.topbar-source{flex:1 0 100%;order:3;justify-content:flex-start}.topbar-actions{flex:0 0 auto}.topbar-actions .button{width:36px;padding:0;font-size:0}.topbar-actions .button svg{margin:0}.workspace{width:min(calc(100% - 26px),600px);padding-top:20px}.account-grid{grid-template-columns:1fr}.summary-band{grid-template-columns:1fr 1fr}.summary-band>div:nth-child(2){border-right:0}.summary-band>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-head{padding-top:28px}.account-card{padding:15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-metric:nth-child(3),.card-metric:nth-child(4){grid-column:span 1}.upstream-row{grid-template-columns:1.25fr .8fr}.upstream-row div:last-child{grid-column:1 / -1}.card-footer{align-items:flex-start;flex-direction:column}.card-actions{width:100%;justify-content:flex-end}.history-bars{gap:2px}.history-bar{max-width:none}.credential-actions{grid-template-columns:auto 1fr auto}.credential-actions .primary-button{grid-column:1 / -1}}