:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-text: rgba(255, 255, 255, .87);--color-bg: #0f1117;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-header: #11151b;--color-sidebar: #0c1118;--color-panel: #141a22;--color-accent: #3b82f6;--color-btn-bg: #0c1118;--color-btn-bg-hover: #1b2330;--color-border: rgba(255, 255, 255, .08);--on-header-text: var(--color-text);--on-sidebar-text: var(--color-text);--table-wrap-bg: rgba(255, 255, 255, .06);--table-header-bg: rgba(255, 255, 255, .08);--table-row-border: rgba(255, 255, 255, .12);--table-inputrow-bg: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .06);--input-bg-focus: rgba(255, 255, 255, .1);--input-border: rgba(255, 255, 255, .15);--input-text: rgba(255, 255, 255, .87);--focus-outline: rgba(59, 130, 246, .6);color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.theme-light{color-scheme:light;--color-text: #0f2a17;--color-bg: #edf7f0;--color-link: #1f7a3e;--color-link-hover: #166534;--color-header: #1f6f3d;--color-sidebar: #1b5d34;--color-panel: #e7f3ea;--color-accent: #22a35a;--color-btn-bg: #e9f5ee;--color-btn-bg-hover: #d9efe2;--color-border: #b7d6bf;--on-header-text: #ffffff;--on-sidebar-text: #ffffff;--table-wrap-bg: #e5f5ea;--table-header-bg: #d6ead8;--table-row-border: #b7d6bf;--table-inputrow-bg: #eaf6ed;--input-bg: #f2faf5;--input-bg-focus: #e9f6ee;--input-border: #b7d6bf;--input-text: #0f2a17;--focus-outline: rgba(34, 163, 90, .5)}body.theme-dark{color-scheme:dark;--color-text: #e5e7eb;--color-bg: #0f1117;--color-link: #60a5fa;--color-link-hover: #93c5fd;--color-header: #11151b;--color-sidebar: #0c1118;--color-panel: #141a22;--color-accent: #3b82f6;--color-btn-bg: #0c1118;--color-btn-bg-hover: #1b2330;--color-border: rgba(255, 255, 255, .08);--table-wrap-bg: rgba(255, 255, 255, .06);--table-header-bg: rgba(255, 255, 255, .1);--table-row-border: rgba(255, 255, 255, .12);--table-inputrow-bg: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .06);--input-bg-focus: rgba(255, 255, 255, .1);--input-border: rgba(255, 255, 255, .15);--input-text: #e5e7eb;--focus-outline: rgba(59, 130, 246, .6)}body.theme-blue{color-scheme:dark;--color-text: #e8f1ff;--color-bg: #0a2342;--color-link: #8ecaff;--color-link-hover: #d6ecff;--color-header: #0e2e55;--color-sidebar: #0c2748;--color-panel: #102a4a;--color-accent: #4da3ff;--color-btn-bg: #0e2e55;--color-btn-bg-hover: #133865;--color-border: rgba(255, 255, 255, .08);--table-wrap-bg: rgba(255, 255, 255, .05);--table-header-bg: rgba(255, 255, 255, .08);--table-row-border: rgba(255, 255, 255, .12);--table-inputrow-bg: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .06);--input-bg-focus: rgba(255, 255, 255, .1);--input-border: rgba(255, 255, 255, .15);--input-text: #e5e7eb;--focus-outline: rgba(77, 163, 255, .6)}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg)}#root{min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-btn-bg);cursor:pointer;transition:border-color .25s,background .25s}button:hover{border-color:var(--color-accent);background:var(--color-btn-bg-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{font-family:Century Gothic,CenturyGothic,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.as-shell{min-height:100vh;display:flex;flex-direction:column}.as-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--color-border);background:var(--color-header);color:var(--on-header-text)}.as-headerRight{display:flex;align-items:center;gap:10px}.as-headerMeta{opacity:.8;font-size:.95rem;color:var(--on-header-text)}.as-headerButton{background:var(--color-btn-bg);color:var(--color-text);padding:8px 10px;border-radius:10px}.as-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.as-brandMark{width:12px;height:12px;border-radius:3px;background:var(--color-accent);opacity:.75}.as-brandText{font-weight:650;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--on-header-text)}.as-headerLeftMeta{display:flex;align-items:center;gap:12px;min-width:0}.as-body{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0}.as-sidebar{display:flex;border-right:1px solid var(--color-border);background:var(--color-sidebar);padding:12px;min-width:0;max-width:240px;height:100%;overflow-y:auto;overflow-x:hidden}.as-nav{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.as-navItem{text-align:left;width:100%;padding:10px 12px;margin-bottom:1px;border-radius:10px;border:1px solid var(--color-border);background:transparent;color:var(--on-sidebar-text)}.as-navItem:hover,.as-navItemActive{border-color:var(--color-accent)}.as-content{overflow:auto}.as-contentInner{background:var(--color-panel);color:var(--color-text);padding:20px;max-width:1100px}.as-contentInnerWide{max-width:none}.as-title{color:var(--color-text);margin:0;font-size:28px;line-height:1.15}.as-subtitle{color:var(--color-text);margin:8px 0 0;opacity:.8}@media (max-width: 820px){.as-body{grid-template-columns:1fr}.as-sidebar{border-right:none;border-bottom:1px solid rgba(127,127,127,.25)}}.as-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-image:radial-gradient(circle at top left,rgba(180,220,160,.22),transparent 38%),radial-gradient(circle at bottom right,rgba(8,44,24,.45),transparent 42%),linear-gradient(135deg,#0a2c18eb,#195634d1 52%,#081a12f5);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.as-connectionBadge{position:fixed;top:12px;right:12px;border-radius:999px;border:1px solid rgba(127,127,127,.25);padding:8px 10px;font-size:.9rem;background:#7f7f7f14;color:#fff}.as-connectionBadgeChecking{opacity:.8}.as-connectionBadgeOk{border-color:#7f7f7f59}.as-connectionBadgeError{border-color:#ff7f7f73}.as-loginCard{width:min(420px,100%);border:1px solid rgba(127,127,127,.25);border-radius:14px;padding:18px;background:#0000008c;color:#fff}.as-loginHeader{display:grid;gap:6px;margin-bottom:14px}.as-loginBrand{display:inline-flex;align-items:center;gap:10px;min-width:0}.as-loginMark{width:12px;height:12px;border-radius:3px;background:currentColor;opacity:.75}.as-loginBrandText{font-weight:650;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-loginTitle{margin:8px 0 0;font-size:26px;line-height:1.15}.as-loginSubtitle{margin:0;opacity:.8}.as-loginForm{display:grid;gap:12px}.as-field{display:grid;gap:6px}.as-label{font-size:.95rem;font-weight:600}.as-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(127,127,127,.25);background:#ffffff1a;color:#fff}.as-input:focus{outline:2px solid rgba(100,108,255,.6);outline-offset:1px;background:#ffffff26}.as-formError{border:1px solid rgba(255,127,127,.45);border-radius:10px;padding:10px 12px;color:#ff6b6b}.as-primaryButton{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(127,127,127,.25);background:#646cff29;color:#fff}.as-primaryButton:hover{border-color:#646cffb3}.as-linkButton{background:none;border:none;color:#60a5fa;text-decoration:underline;cursor:pointer;padding:4px 0;font-size:.95rem}.as-linkButton:hover{color:#93c5fd}.as-formSuccess{border:1px solid rgba(34,197,94,.45);border-radius:10px;padding:10px 12px;color:#22c55e}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background:#fff;color:#1f2937;border-radius:12px;width:90%;max-width:900px;min-height:600px;max-height:85vh;display:flex;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.settings-close{position:absolute;top:20px;right:20px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;width:36px;height:36px;font-size:20px;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;z-index:10;transition:all .2s}.settings-close:hover{background:#e5e7eb;transform:scale(1.05)}.settings-sidebar{width:220px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:24px 0}.settings-category{padding:14px 24px;cursor:pointer;font-size:15px;color:#6b7280;transition:all .2s;font-weight:500;border-left:3px solid transparent}.settings-category.selected{background:#fff;color:#059669;border-left-color:#059669;font-weight:600}.settings-category:hover{background:#fff;color:#374151}.settings-content{flex:1;padding:32px 40px;overflow-y:auto}