:root{--ink: #1f2937;--ink-strong: #0f172a;--muted: #64748b;--surface: #f4f7fb;--surface-2: #edf2f9;--card: #ffffff;--border: rgba(148, 163, 184, .28);--border-strong: rgba(100, 116, 139, .45);--shadow: 0 10px 24px rgba(15, 23, 42, .07);--shadow-soft: 0 4px 12px rgba(15, 23, 42, .05);--accent: #2563eb;--accent-2: #16a34a;--accent-3: #06b6d4;--danger: #e04545;--ok: #19a86b;--warn: #f59e0b;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--paper: var(--surface);--paper-2: var(--surface-2);--top-nav-bg: rgba(255, 255, 255, .88);--btn-primary-bg: #2563eb;--btn-primary-shadow: 0 6px 14px rgba(37, 99, 235, .28);--btn-secondary-bg: #ffffff;--btn-pad-y: 8px;--btn-pad-x: 14px;--btn-font-size: 12px;--btn-line-height: 1.25;--pill-nav-bg: rgba(255, 255, 255, .9);--pill-active-bg: #2563eb;--pill-active-shadow: 0 6px 14px rgba(37, 99, 235, .26);--content-max-width: none;--page-max-width: none}body[data-theme=business]{--ink: #273244;--ink-strong: #0f172a;--muted: #697790;--surface: #f3f6fb;--surface-2: #e9eff8;--card: #ffffff;--border: rgba(148, 163, 184, .3);--border-strong: rgba(100, 116, 139, .46);--shadow: 0 10px 24px rgba(15, 23, 42, .08);--shadow-soft: 0 4px 12px rgba(15, 23, 42, .05);--accent: #c78d2f;--accent-2: #4f9d78;--accent-3: #6b9dbf;--danger: #d14f4f;--ok: #2f9468;--warn: #e09a2b;--top-nav-bg: rgba(255, 255, 255, .88);--btn-primary-bg: #c78d2f;--btn-primary-shadow: 0 6px 14px rgba(199, 141, 47, .24);--btn-secondary-bg: #ffffff;--pill-nav-bg: rgba(255, 255, 255, .9);--pill-active-bg: #c78d2f;--pill-active-shadow: 0 6px 14px rgba(199, 141, 47, .24)}body[data-theme=mint]{--ink: #20413e;--ink-strong: #102a28;--muted: #5e807b;--surface: #ecfffb;--surface-2: #ddf7f0;--accent: #15bfa0;--accent-2: #1bbf77;--accent-3: #4ad6d6;--top-nav-bg: linear-gradient(180deg, rgba(247, 255, 253, .9), rgba(231, 255, 250, .82));--btn-primary-bg: linear-gradient(135deg, #16c4a4, #0fae91);--btn-primary-shadow: 0 10px 24px rgba(15, 174, 145, .28);--pill-nav-bg: linear-gradient(180deg, #fcfffe, #e8fff8);--pill-active-bg: linear-gradient(135deg, #0fae91, #0e8b75);--pill-active-shadow: 0 10px 20px rgba(14, 139, 117, .28)}body[data-theme=sunset]{--ink: #4a2e23;--ink-strong: #2c1a14;--muted: #8f6e60;--surface: #fff4ed;--surface-2: #ffe8da;--accent: #f0723c;--accent-2: #e59b2a;--accent-3: #f7a766;--top-nav-bg: linear-gradient(180deg, rgba(255, 249, 244, .9), rgba(255, 236, 222, .8));--btn-primary-bg: linear-gradient(135deg, #f57f49, #df5f2c);--btn-primary-shadow: 0 10px 24px rgba(223, 95, 44, .3);--pill-nav-bg: linear-gradient(180deg, #fffaf5, #ffeede);--pill-active-bg: linear-gradient(135deg, #df5f2c, #c54d1c);--pill-active-shadow: 0 10px 20px rgba(197, 77, 28, .3)}body[data-theme=grape]{--ink: #312c4d;--ink-strong: #1f1a39;--muted: #766f9c;--surface: #f5f0ff;--surface-2: #ece4ff;--accent: #7b61ff;--accent-2: #8a5adb;--accent-3: #9e83ff;--top-nav-bg: linear-gradient(180deg, rgba(251, 248, 255, .9), rgba(241, 232, 255, .8));--btn-primary-bg: linear-gradient(135deg, #8a6dff, #6f4ff0);--btn-primary-shadow: 0 10px 24px rgba(111, 79, 240, .3);--pill-nav-bg: linear-gradient(180deg, #fdfbff, #efe5ff);--pill-active-bg: linear-gradient(135deg, #6f4ff0, #593bc9);--pill-active-shadow: 0 10px 20px rgba(89, 59, 201, .3)}body[data-theme=ocean]{--ink: #1f3750;--ink-strong: #10253c;--muted: #5e7f9f;--surface: #ecf9ff;--surface-2: #ddf1ff;--accent: #1c92d2;--accent-2: #18a9b8;--accent-3: #58b4ea;--top-nav-bg: linear-gradient(180deg, rgba(247, 254, 255, .9), rgba(229, 245, 255, .82));--btn-primary-bg: linear-gradient(135deg, #2ba6e8, #1a86c4);--btn-primary-shadow: 0 10px 24px rgba(26, 134, 196, .3);--pill-nav-bg: linear-gradient(180deg, #fcfeff, #e6f6ff);--pill-active-bg: linear-gradient(135deg, #1a86c4, #136ca3);--pill-active-shadow: 0 10px 20px rgba(19, 108, 163, .3)}body[data-theme=forest]{--ink: #263d2f;--ink-strong: #16291e;--muted: #6e8a78;--surface: #effaf1;--surface-2: #e0f2e4;--accent: #2f9d57;--accent-2: #17a173;--accent-3: #73c48e;--top-nav-bg: linear-gradient(180deg, rgba(248, 255, 249, .9), rgba(231, 247, 235, .82));--btn-primary-bg: linear-gradient(135deg, #39ac61, #248a49);--btn-primary-shadow: 0 10px 24px rgba(36, 138, 73, .28);--pill-nav-bg: linear-gradient(180deg, #fdfffd, #e9f8ec);--pill-active-bg: linear-gradient(135deg, #248a49, #1b6f39);--pill-active-shadow: 0 10px 20px rgba(27, 111, 57, .28)}body[data-theme=rose]{--ink: #4b3040;--ink-strong: #2d1a25;--muted: #916f81;--surface: #fff2f7;--surface-2: #ffe6f0;--accent: #e65f97;--accent-2: #d45086;--accent-3: #f38bbb;--top-nav-bg: linear-gradient(180deg, rgba(255, 248, 252, .9), rgba(255, 232, 243, .8));--btn-primary-bg: linear-gradient(135deg, #ec70a5, #d9558f);--btn-primary-shadow: 0 10px 24px rgba(217, 85, 143, .3);--pill-nav-bg: linear-gradient(180deg, #fffdfd, #ffe9f3);--pill-active-bg: linear-gradient(135deg, #d9558f, #bc3f77);--pill-active-shadow: 0 10px 20px rgba(188, 63, 119, .3)}body[data-theme=slate]{--ink: #2e3743;--ink-strong: #181f29;--muted: #6f7d8f;--surface: #f1f5f9;--surface-2: #e4ecf3;--accent: #5d7ea8;--accent-2: #4f739f;--accent-3: #7b97bb;--top-nav-bg: linear-gradient(180deg, rgba(251, 253, 255, .88), rgba(236, 243, 250, .8));--btn-primary-bg: linear-gradient(135deg, #6d8ab1, #55759f);--btn-primary-shadow: 0 10px 24px rgba(85, 117, 159, .3);--pill-nav-bg: linear-gradient(180deg, #ffffff, #edf3f9);--pill-active-bg: linear-gradient(135deg, #55759f, #415f86);--pill-active-shadow: 0 10px 20px rgba(65, 95, 134, .3)}body[data-theme=aurora]{--ink: #213a44;--ink-strong: #11262f;--muted: #5f808a;--surface: #ecfffd;--surface-2: #dcf7f2;--accent: #18b5a8;--accent-2: #2ea9df;--accent-3: #70d3cd;--top-nav-bg: linear-gradient(180deg, rgba(247, 255, 254, .9), rgba(227, 250, 247, .82));--btn-primary-bg: linear-gradient(135deg, #24c1b4, #1a9fca);--btn-primary-shadow: 0 10px 24px rgba(26, 159, 202, .3);--pill-nav-bg: linear-gradient(180deg, #fdffff, #e7fbf8);--pill-active-bg: linear-gradient(135deg, #1a9fca, #167ea1);--pill-active-shadow: 0 10px 20px rgba(22, 126, 161, .3)}*{box-sizing:border-box}body{margin:0;font-family:HarmonyOS Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(42% 52% at 0% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 78%),radial-gradient(40% 48% at 100% 0%,color-mix(in srgb,var(--accent-3) 5%,transparent),transparent 76%),linear-gradient(180deg,#fbfdff,color-mix(in srgb,var(--surface) 55%,#ffffff) 52%,color-mix(in srgb,var(--surface-2) 28%,#ffffff));min-height:100vh;letter-spacing:.01em}input,select,button{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 44%,transparent);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-shell:before,.app-shell:after{content:"";position:fixed;width:min(28vw,340px);height:min(28vw,340px);border-radius:50%;filter:blur(56px);opacity:.06;z-index:0;pointer-events:none}.app-shell:before{top:-120px;left:-90px;background:color-mix(in srgb,var(--accent) 55%,#ffffff)}.app-shell:after{top:42vh;right:-120px;background:color-mix(in srgb,var(--accent-3) 62%,#ffffff)}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 84%,#6ecbff),color-mix(in srgb,var(--accent) 92%,#1f4bb5));box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 34%,transparent)}.brand-meta h1{margin:0;font-size:20px;letter-spacing:.02em;color:var(--ink-strong)}.brand-meta span{font-size:12px;color:var(--muted)}.content{width:100%;max-width:var(--content-max-width, none);margin:0 auto;padding:86px clamp(14px,1.8vw,26px) 28px;display:flex;flex-direction:column;gap:18px;position:relative;z-index:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-title h2{margin:0;font-size:clamp(28px,1.8vw + 18px,38px);line-height:1.1;color:var(--ink-strong)}.page-title .hint{margin:6px 0 0;font-size:13px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start;margin-left:auto;min-width:0;flex:0 1 auto}.top-actions::-webkit-scrollbar{display:none}.service-setup{display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--card);box-shadow:none;flex:0 0 auto;min-width:0}.service-setup input{border:none;background:transparent;width:clamp(108px,10vw,154px);min-width:90px;padding:6px 2px;font-size:13px;color:var(--ink-strong)}.service-setup input:focus{outline:none}.service-toggle-control{display:inline-flex;align-items:center;gap:6px}.service-toggle-control input:disabled+.switch-track{opacity:.72}.service-meta{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:0 0 auto}.update-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.update-auto-check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--muted);-webkit-user-select:none;user-select:none}.update-auto-check input{margin:0}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-track{width:38px;height:22px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--accent) 12%,#e8edf6);display:inline-flex;align-items:center;padding:2px;transition:background-color .18s ease,border-color .18s ease}.switch-thumb{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a38;transform:translate(0);transition:transform .18s ease}.switch-control input:checked+.switch-track{background:color-mix(in srgb,var(--accent) 68%,#ffffff);border-color:color-mix(in srgb,var(--accent) 46%,#8fc4ff)}.switch-control input:checked+.switch-track .switch-thumb{transform:translate(16px)}.update-actions button{border-radius:999px;padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);line-height:var(--btn-line-height);white-space:nowrap}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;align-items:stretch}.settings-sheet{width:100%;padding:14px 18px;gap:0}.settings-sheet:hover{transform:none;border-color:var(--border);box-shadow:var(--shadow)}#pageSettings.page.active{gap:10px}#pageSettings .hint{font-size:11px;line-height:1.35}.settings-card{min-height:auto;justify-content:flex-start;gap:10px}.settings-grid>.settings-card{border:none;border-radius:0;box-shadow:none;background:transparent;padding:14px 2px}.settings-grid>.settings-card+.settings-card{border-top:1px solid color-mix(in srgb,var(--border) 90%,#ffffff)}.settings-grid>.settings-card[style*="display: none"]+.settings-card{border-top:none;padding-top:2px}.settings-grid>.settings-card:first-child{padding-top:2px}.settings-grid>.settings-card:last-child{padding-bottom:2px}.settings-grid>.settings-card:hover{transform:none;border-color:transparent;box-shadow:none}.settings-card-update,.settings-card-gateway{grid-column:1}.settings-card-background,.settings-card-theme{grid-column:1;grid-row:auto}.settings-card .panel-header h3{margin:0;font-size:20px;line-height:1.18}.settings-card .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-card .panel-header p{margin:2px 0 0;font-size:12px;color:var(--muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.settings-field-label{margin-right:auto;font-size:12px}.settings-field-label-with-tip,.settings-switch-text-with-tip{display:inline-flex;align-items:center;gap:6px}.settings-inline-tip{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 78%,#ffffff);color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}.settings-inline-tip:hover,.settings-inline-tip:focus-visible{color:var(--text);border-color:var(--border-strong);background:color-mix(in srgb,var(--surface-2) 64%,#ffffff);outline:none}.settings-inline-select{width:100%;min-width:0;min-height:36px;font-size:12px}.settings-card-gateway .settings-inline-select{width:100%;min-width:0}.settings-card-gateway .settings-row{align-items:center}.settings-card-gateway .settings-field-label{margin-right:0}.settings-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;padding:2px 0 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 90%,#ffffff)}.settings-top-grid .settings-card{grid-column:auto;grid-row:auto;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 32%,#ffffff);box-shadow:none;padding:12px;min-height:170px;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.settings-card-update .settings-row{justify-content:flex-start;gap:12px}.settings-card-update .settings-row>button{margin-left:2px}.settings-card-background{gap:10px}.settings-subtitle{margin:0;font-size:11px;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.settings-poll-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.settings-poll-item{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 52%,#ffffff);padding:6px 8px}.settings-poll-item .update-auto-check{font-size:12px;color:var(--ink)}.settings-interval-field{display:flex;flex-direction:column;gap:4px;width:100%;max-width:128px;justify-self:end}.settings-interval-label{margin-right:0;font-size:10px;color:var(--muted)}.settings-inline-number-field{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-inline-number{width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:12px}.settings-workers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.settings-workers-grid .settings-inline-number-field{min-width:0}.settings-workers-grid .settings-inline-number{width:100%}.settings-row-actions{margin-top:2px;align-items:center;justify-content:flex-start;gap:8px 10px}.settings-row-actions .hint{flex:0 1 auto;min-width:0;margin:0;display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 8%,#ffffff);color:color-mix(in srgb,var(--accent) 70%,var(--ink));overflow-wrap:anywhere}.settings-row-actions>button{flex:0 0 auto}.settings-theme{width:100%}.settings-theme .theme-panel{position:static;margin-top:0;width:100%;justify-content:flex-start;border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:none;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,#ffffff),color-mix(in srgb,var(--surface) 70%,#ffffff));padding:8px;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;border-radius:12px}.settings-theme .theme-panel button{min-width:92px;flex:0 0 auto;padding:7px 12px;font-size:var(--btn-font-size);line-height:var(--btn-line-height);display:inline-flex;align-items:center;gap:8px;border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:color-mix(in srgb,#ffffff 88%,var(--surface))}.settings-theme .theme-panel button:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--theme-chip, var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-chip, var(--accent)) 30%,#ffffff)}.settings-theme .theme-panel button[data-theme=tech]{--theme-chip: #2563eb}.settings-theme .theme-panel button[data-theme=business]{--theme-chip: #c78d2f}.settings-theme .theme-panel button[data-theme=mint]{--theme-chip: #15bfa0}.settings-theme .theme-panel button[data-theme=sunset]{--theme-chip: #f0723c}.settings-theme .theme-panel button[data-theme=grape]{--theme-chip: #7b61ff}.settings-theme .theme-panel button[data-theme=ocean]{--theme-chip: #1c92d2}.settings-theme .theme-panel button[data-theme=forest]{--theme-chip: #2f9d57}.settings-theme .theme-panel button[data-theme=rose]{--theme-chip: #e65f97}.settings-theme .theme-panel button[data-theme=slate]{--theme-chip: #5d7ea8}.settings-theme .theme-panel button[data-theme=aurora]{--theme-chip: #18b5a8}.settings-theme .theme-panel button.is-active{border-color:color-mix(in srgb,var(--theme-chip, var(--accent)) 72%,#ffffff);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-chip, var(--accent)) 20%,#ffffff),color-mix(in srgb,var(--theme-chip, var(--accent)) 12%,#ffffff));color:color-mix(in srgb,var(--ink) 88%,#0f172a);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-chip, var(--accent)) 28%,transparent),0 8px 16px color-mix(in srgb,var(--theme-chip, var(--accent)) 18%,transparent)}.hint{color:var(--muted);font-size:12px}.status-pill{font-size:12px;border-radius:999px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--accent) 75%,#214167);background:color-mix(in srgb,var(--accent) 14%,#ffffff);border:1px solid color-mix(in srgb,var(--accent) 26%,#d7e5f8)}.top-nav{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:nowrap;padding:12px clamp(16px,2.2vw,30px);position:fixed;left:0;right:0;top:0;z-index:10;background:var(--top-nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(130%) blur(8px);backdrop-filter:saturate(130%) blur(8px)}button{padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--radius-sm);border:1px solid transparent;background:var(--btn-primary-bg);color:#fff;font-weight:600;font-size:var(--btn-font-size);line-height:var(--btn-line-height);cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease;box-shadow:var(--btn-primary-shadow)}button.secondary{background:var(--btn-secondary-bg);color:color-mix(in srgb,var(--ink) 88%,#0f172a);border:1px solid var(--border);box-shadow:none}button.ghost{background:color-mix(in srgb,var(--surface-2) 78%,#ffffff);color:var(--ink);border:1px solid var(--border);box-shadow:none}button.danger{background:linear-gradient(180deg,#fff3f3,#ffe9e9);color:#bd2f2f;border:1px solid #f7c4c4;box-shadow:none}button:hover{transform:translateY(-1px);opacity:.96}button:active{transform:translateY(0)}button[disabled]{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}button.is-loading{position:relative;padding-right:34px}button.is-loading:after{content:"";position:absolute;right:12px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}button.secondary.is-loading:after{border-color:#0f172a33;border-top-color:var(--ink)}.icon-btn{border-radius:999px;padding:8px 13px;background:linear-gradient(180deg,#fff,#f4f8fd);border:1px solid var(--border);color:var(--ink);font-weight:700;box-shadow:var(--shadow-soft)}.pill-nav{display:flex;gap:8px;flex-wrap:nowrap;flex:0 1 auto;width:fit-content;max-width:min(760px,calc(100vw - 220px));min-width:0;padding:8px;background:var(--pill-nav-bg);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-soft);overflow-x:auto;scrollbar-width:none}.pill-nav::-webkit-scrollbar{display:none}.pill-nav button{padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:999px;border:none;background:transparent;color:color-mix(in srgb,var(--ink) 76%,#334155);font-weight:600;box-shadow:none;white-space:nowrap;flex:0 0 auto}.pill-nav button.active{background:var(--pill-active-bg);color:#fff;box-shadow:var(--pill-active-shadow);position:relative}.pill-nav button.active:after{content:none}.theme-popover{position:relative;flex:0 0 auto}.theme-toggle{white-space:nowrap}.theme-toggle:after{content:"▾";margin-left:8px;font-size:11px;transition:transform .18s ease}.theme-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.theme-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--border-strong);border-radius:14px;background:var(--pill-nav-bg);box-shadow:var(--shadow);z-index:20}.theme-panel[hidden]{display:none}.theme-panel button{min-width:70px;padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:999px;font-size:var(--btn-font-size);line-height:var(--btn-line-height);box-shadow:none}.theme-panel button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.service-setup button.secondary,.theme-toggle{border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,#cfe0f6);color:color-mix(in srgb,var(--accent) 72%,#244466);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 8%,#ffffff));box-shadow:var(--shadow-soft)}.service-setup button.secondary:hover,.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 40%,#bdd5f5)}.service-setup button.secondary:active,.theme-toggle[aria-expanded=true]{background:var(--pill-active-bg);color:#fff;border-color:transparent;box-shadow:var(--pill-active-shadow)}.theme-panel button.secondary{border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 28%,#d1e2f7);color:color-mix(in srgb,var(--accent) 70%,#244466);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 7%,#ffffff))}.theme-panel button.secondary.is-active{background:var(--pill-active-bg);color:#fff;border-color:transparent;box-shadow:var(--pill-active-shadow)}.page{display:none;animation:rise .45s ease forwards}.page.active{display:flex;flex-direction:column;gap:16px}#pageDashboard .stats-grid,#pageDashboard .dashboard-duo,#pageAccounts .accounts-toolbar,#pageAccounts .panel,#pageApiKeys .panel,#pageRequestLogs .panel,#pageSettings .settings-grid{width:100%;margin-inline:auto}#pageDashboard.page.active{gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease}.stat-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#d1e7ff,#c2efff);box-shadow:inset 0 1px #ffffffb3}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#d5f9e9,#bff2df)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#ffe8d9,#ffe0c8)}.stat-body{display:flex;flex-direction:column;gap:2px}.stat-body h3{margin:0;font-size:13px;line-height:1.25;color:var(--muted)}.stat{font-size:24px;font-weight:700;color:var(--ink-strong);text-shadow:0 1px 0 color-mix(in srgb,var(--accent) 14%,transparent)}.metric-sub{font-size:11px;color:var(--muted);margin-top:0}.dashboard-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-compact .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dashboard-compact .stat-card{min-height:72px;padding:8px 12px;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--shadow-soft)}.dashboard-compact .stat-card:hover{transform:none}.dashboard-compact .stat-icon{display:none}.dashboard-compact .stat-body{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;width:100%}.dashboard-compact .stat-body h3{grid-column:1;grid-row:1;font-size:12px;letter-spacing:.01em}.dashboard-compact .metric-sub{grid-column:1;grid-row:2;max-width:100%;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-compact .stat{grid-column:2;grid-row:1 / span 2;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:none}@media (min-width: 1201px){.dashboard-compact .stat-card.stat-card-cost{grid-column:span 2}}.dashboard-compact .dashboard-duo{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px}.dashboard-compact .card{padding:12px;border-radius:12px;gap:8px}.dashboard-compact .panel-header{gap:8px}.dashboard-compact .panel-header h3{margin:0;font-size:14px;line-height:1.2}.dashboard-compact .cell{padding:8px 10px;border-radius:10px;gap:4px}.dashboard-compact .cell strong{font-size:13px;line-height:1.2}.dashboard-compact .cell small{font-size:10px;line-height:1.2}.dashboard-compact .mini-usage{gap:6px;margin-top:2px}.dashboard-compact .progress-line{grid-template-columns:56px 1fr;gap:6px;font-size:10px}.dashboard-compact .progress-line .track{height:6px}.dashboard-compact .status-tag{padding:3px 8px;font-size:11px}.dashboard-compact .hint{font-size:11px}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.card,.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 97%,#ffffff),color-mix(in srgb,var(--card) 92%,var(--surface)));border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,border-color .2s ease}.stat-card:hover,.card:hover,.panel:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 12px 20px #0f172a14}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--border) 85%,#ffffff);flex-wrap:wrap}.panel-header h3{margin:0;font-size:18px;line-height:1.2}.panel-header p{margin:2px 0 0;font-size:12px;color:var(--muted)}.toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-actions input{min-width:280px;border-radius:var(--radius-sm);border:1px solid var(--border);padding:9px 12px;font-size:13px;background:#fff}.accounts-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--card);box-shadow:var(--shadow-soft)}.accounts-refresh-progress{grid-column:1 / -1;font-size:13px;line-height:1.45;color:color-mix(in srgb,var(--text) 82%,#1d4ed8);background:color-mix(in srgb,#e0ecff 72%,#ffffff);border:1px solid color-mix(in srgb,#c8ddff 82%,#ffffff);border-radius:var(--radius-sm);padding:6px 10px}#pageAccounts .actions{position:relative;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.account-ops{position:relative}.account-ops-toggle{min-width:108px}.account-ops-toggle:after{content:"▾";margin-left:8px;font-size:11px;transition:transform .18s ease}.account-ops.is-open .account-ops-toggle:after{transform:rotate(180deg)}.account-ops-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;border:1px solid var(--border-strong);background:var(--card);box-shadow:var(--shadow);z-index:25}.account-ops-menu[hidden]{display:none}.account-ops-menu button{width:100%;display:flex;justify-content:flex-start;text-align:left;box-shadow:none}#pageApiKeys .api-keys-toolbar>button,#pageRequestLogs .toolbar-actions>button,#pageSettings .settings-row>button,#pageDashboard .dashboard-actions>button{padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);line-height:var(--btn-line-height)}#pageApiKeys .api-keys-toolbar{justify-content:flex-end}.table-wrap{width:100%;overflow-x:auto}.requestlog-wrap{min-height:min(46vh,420px);max-height:62vh;overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0 10px}.data-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:0 14px 5px}.requestlog-table thead th{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--panel-bg, #ffffff) 92%,#ffffff);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.data-table tbody td{padding:12px 14px;background:linear-gradient(180deg,#fff,#f5faff);border:1px solid var(--border);font-size:13px;vertical-align:top;transition:border-color .16s ease,background-color .16s ease}.data-table tbody tr:nth-child(2n) td{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface) 36%,#ffffff))}.data-table tbody tr:hover td{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,#ffffff),color-mix(in srgb,var(--accent) 4%,#f7fbff))}.requestlog-table tbody td:nth-child(5),.requestlog-table tbody td:nth-child(9){max-width:360px}.requestlog-col-account .cell-stack{min-width:180px}.requestlog-col-model,.requestlog-col-path{min-width:140px}.requestlog-col-key,.requestlog-col-method,.requestlog-col-effort,.requestlog-col-status{white-space:nowrap}.requestlog-col-error{max-width:360px}.request-path-wrap{display:flex;align-items:center;gap:8px;min-width:0}.request-path{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.path-copy{padding:4px 8px;border-radius:8px;font-size:11px;line-height:1.2;flex:0 0 auto}.request-error{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.data-table tbody td:first-child{border-radius:14px 0 0 14px}.data-table tbody td:last-child{border-radius:0 14px 14px 0}.cell-stack{display:flex;flex-direction:column;gap:8px}.cell-actions{display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.cell-actions button{white-space:nowrap}.account-table .cell-actions button{padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);line-height:var(--btn-line-height);min-width:72px}.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.search-field input{width:clamp(180px,22vw,280px);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 10px;font-size:13px;background:#fff}.search-field select{width:clamp(150px,18vw,220px);border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 10px;font-size:13px;background:#fff}.segmented{display:inline-flex;border-radius:999px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#fff,#edf6ff);padding:4px 5px;gap:4px;box-shadow:var(--shadow-soft)}.segmented button{border:none;background:transparent;color:color-mix(in srgb,var(--accent) 65%,#4c6582);padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:999px;font-weight:600;font-size:var(--btn-font-size);box-shadow:none}.segmented button.active{background:var(--pill-active-bg);color:#fff;box-shadow:var(--pill-active-shadow)}.log-segmented button{min-width:52px}#pageAccounts .actions button{padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size)}.table{display:grid;gap:12px}.table.account-table{grid-template-columns:2.2fr 1.1fr 1.1fr .7fr 1fr 1.4fr 1fr}.table.api-table{grid-template-columns:1.4fr 1.2fr .8fr 1.2fr 1fr}.table-header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cell{padding:12px 14px;border-radius:12px;background:linear-gradient(180deg,#fff,#f5faff);border:1px solid var(--border);font-size:13px;display:flex;flex-direction:column;gap:8px}.cell strong{display:block;font-size:14px}.cell small{color:var(--muted);font-size:11px}.sort-input{width:100%;border:1px solid var(--border);border-radius:9px;padding:6px 8px;font-size:13px;background:#fff}.account-table thead th:nth-child(3),.account-table tbody td:nth-child(3){width:120px}.account-table thead th:nth-child(4),.account-table tbody td:nth-child(4){width:160px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-ok{background:#0abf7a2e;color:#109c64}.status-warn{background:#f59e0b38;color:var(--warn)}.status-bad{background:#e0454533;color:var(--danger)}.status-unknown{background:#0f172a1f;color:var(--ink-strong)}.mini-usage{display:flex;flex-direction:column;gap:10px;margin-top:8px}.progress-line{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.progress-line .track{height:8px;background:#0f172a14;border-radius:999px;overflow:hidden}.progress-line .fill{height:100%;background:linear-gradient(90deg,#1d7df2,#48b2ff)}.progress-line.secondary .fill{background:linear-gradient(90deg,#0abf7a,#56e9b4)}.progress-row{display:flex;flex-direction:column;gap:8px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress-track{height:9px;background:#0f172a14;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1d7df2,#48b2ff)}.progress-fill.warn{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a85;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.active{display:flex}.modal-card{background:linear-gradient(170deg,#fff,#f7fbff);border-radius:var(--radius-lg);padding:20px;width:min(520px,100%);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;gap:14px}#modalApiKey .modal-card{width:min(640px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{display:flex;flex-direction:column;gap:10px}.modal-field{display:flex;flex-direction:column;gap:6px}.azure-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.azure-fields-grid[hidden]{display:none}.modal-body input,.modal-body select{border-radius:var(--radius-sm);border:1px solid var(--border);padding:9px 10px;font-size:13px;background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-footer button{padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);line-height:var(--btn-line-height);min-width:92px}.modal-body .login-url button{padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);line-height:var(--btn-line-height);min-width:88px}.confirm-card{width:min(460px,100%)}.confirm-card .modal-body{min-height:72px;justify-content:center}.confirm-card .modal-body p{margin:0;color:var(--ink-strong);font-size:15px;line-height:1.6}.app-toast{position:fixed;top:14px;left:50%;transform:translate(-50%) translateY(-8px);max-width:min(620px,calc(100vw - 24px));padding:10px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,#d1e2f7);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 8%,#ffffff));color:var(--ink-strong);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:40;transition:opacity .2s ease,transform .2s ease}.app-toast.active{opacity:1;transform:translate(-50%) translateY(0)}.app-toast.is-error{border-color:#f4b4b4;background:linear-gradient(180deg,#fff5f5,#ffecec);color:#b42323}.login-url{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.inline-select{width:100%;min-width:180px;border-radius:var(--radius-sm);border:1px solid var(--border);padding:8px 9px;font-size:12px;background:#fff}@media (max-width: 760px){#modalApiKey .modal-card{width:min(560px,100%)}.azure-fields-grid{grid-template-columns:1fr}}.startup-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 86%,rgba(255,255,255,.6));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.startup-mask.active{display:flex}.startup-mask-card{min-width:min(460px,calc(100vw - 32px));border-radius:var(--radius-md);border:1px solid var(--border-strong);background:linear-gradient(170deg,#fff,#eef7ff);box-shadow:var(--shadow);padding:18px 20px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:4px}.startup-spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 25%,#ffffff);border-top-color:var(--accent);animation:spin .8s linear infinite;flex:0 0 auto}.startup-mask-card strong{font-size:14px;color:var(--ink-strong);align-self:end}.startup-mask-card .hint{font-size:12px;grid-column:2}.startup-mask-detail{grid-column:1 / -1;font-size:12px;color:var(--muted);border-top:1px dashed color-mix(in srgb,var(--accent) 20%,var(--border));padding-top:6px;margin-top:2px;overflow-wrap:anywhere}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar-actions input{min-width:210px}.top-actions{gap:10px}.service-setup input{width:108px;min-width:84px}.update-auto-check span{max-width:none}.settings-grid{grid-template-columns:1fr}.settings-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{flex-wrap:wrap;justify-content:flex-start;left:0;width:100%;transform:none;border-radius:0;border-left:none;border-right:none}.top-actions{width:100%;justify-content:flex-start}.theme-panel{right:auto;left:0;justify-content:flex-start}.settings-theme .theme-panel{right:auto;left:auto;width:100%}.content{padding:92px 14px 26px}.settings-grid{grid-template-columns:1fr}.settings-poll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-top-grid .settings-card{min-height:auto}.settings-workers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.table-wrap{overflow-x:auto}.requestlog-table thead th,.requestlog-table tbody td{padding:10px;font-size:12px}.requestlog-table .request-path-wrap{align-items:flex-start;gap:6px}.requestlog-table .path-copy{padding:3px 6px}.requestlog-table thead th:nth-child(3),.requestlog-table thead th:nth-child(7),.requestlog-table thead th:nth-child(9),.requestlog-table tbody td.requestlog-col-key,.requestlog-table tbody td.requestlog-col-effort,.requestlog-table tbody td.requestlog-col-error{display:none}}@media (max-width: 960px){.dashboard-duo{grid-template-columns:1fr}}@media (max-width: 860px){.page-head,.accounts-toolbar{flex-direction:column;align-items:flex-start}#pageAccounts .actions{flex-wrap:wrap;width:100%;justify-content:flex-start}.account-ops-menu{left:0;right:auto;width:min(280px,calc(100vw - 56px))}.toolbar-left{width:100%;flex-wrap:wrap}.search-field input,.search-field select,.toolbar-actions{width:100%}.toolbar-actions input{width:100%;min-width:0}.settings-sheet{padding:12px 14px}.settings-top-grid{grid-template-columns:1fr}.settings-sheet .settings-card{padding-left:0;padding-right:0}.settings-poll-item{grid-template-columns:minmax(0,1fr) 104px;align-items:center}.settings-poll-grid,.settings-workers-grid{grid-template-columns:1fr}.settings-row-actions .hint{min-width:0}}@media (max-width: 720px){.pill-nav{width:100%;justify-content:flex-start;padding:4px}.service-setup,.service-setup input{width:100%}.theme-panel{width:min(320px,calc(100vw - 24px))}.settings-theme .theme-panel{width:100%}.stats-grid,.dashboard-duo{grid-template-columns:1fr}.dashboard-compact .stat-body{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:2px}.dashboard-compact .stat{grid-column:1;grid-row:2;font-size:24px}.dashboard-compact .metric-sub{grid-column:1;grid-row:3;white-space:normal}.table.account-table,.table.api-table,.table.requestlog-table{grid-template-columns:1fr}.requestlog-table thead th:nth-child(1),.requestlog-table thead th:nth-child(4),.requestlog-table tbody td.requestlog-col-time,.requestlog-table tbody td.requestlog-col-method{display:none}.requestlog-table .requestlog-col-account .cell-stack{min-width:120px;gap:4px}.requestlog-table .requestlog-col-path,.requestlog-table .request-path{min-width:200px}.requestlog-table .requestlog-col-model{min-width:150px}.table-header{display:none}.panel,.card{padding:14px}}body.cm-low-transparency{--top-nav-bg: linear-gradient( 180deg, color-mix(in srgb, var(--card) 96%, #ffffff), color-mix(in srgb, var(--card) 92%, var(--surface)) );--pill-nav-bg: linear-gradient( 180deg, color-mix(in srgb, var(--card) 96%, #ffffff), color-mix(in srgb, var(--card) 90%, var(--surface-2)) )}body.cm-low-transparency .app-shell:before,body.cm-low-transparency .app-shell:after{content:none}body.cm-low-transparency .top-nav,body.cm-low-transparency .requestlog-table thead th{-webkit-backdrop-filter:none;backdrop-filter:none}body.cm-low-transparency .startup-mask{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffeb}