:root{font-family:Aptos,Segoe UI Variable Text,Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--color-text: rgba(255, 255, 255, .9);--color-bg: #0a1020;--color-link: #7cc4ff;--color-link-hover: #b7e1ff;--color-header: rgba(12, 18, 36, .82);--color-sidebar: rgba(8, 13, 26, .76);--color-panel: rgba(16, 23, 42, .78);--color-accent: #67b4ff;--color-btn-bg: rgba(255, 255, 255, .06);--color-btn-bg-hover: rgba(255, 255, 255, .12);--color-border: rgba(255, 255, 255, .1);--on-header-text: var(--color-text);--on-sidebar-text: var(--color-text);--surface-shadow: 0 18px 50px rgba(3, 8, 20, .42);--surface-shadow-soft: 0 10px 24px rgba(3, 8, 20, .2);--radius-panel: 22px;--radius-card: 18px;--table-wrap-bg: rgba(255, 255, 255, .045);--table-header-bg: rgba(255, 255, 255, .08);--table-row-border: rgba(255, 255, 255, .1);--table-inputrow-bg: rgba(255, 255, 255, .055);--input-bg: rgba(255, 255, 255, .06);--input-bg-focus: rgba(255, 255, 255, .11);--input-border: rgba(255, 255, 255, .15);--input-text: rgba(255, 255, 255, .92);--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: #103125;--color-bg: #edf7f1;--color-link: #157347;--color-link-hover: #0f5d39;--color-header: rgba(23, 93, 61, .9);--color-sidebar: rgba(29, 94, 63, .9);--color-panel: rgba(255, 255, 255, .82);--color-accent: #1a9d5a;--color-btn-bg: rgba(255, 255, 255, .72);--color-btn-bg-hover: rgba(255, 255, 255, .9);--color-border: rgba(21, 115, 71, .16);--on-header-text: #ffffff;--on-sidebar-text: #ffffff;--surface-shadow: 0 18px 50px rgba(22, 71, 49, .14);--surface-shadow-soft: 0 10px 24px rgba(22, 71, 49, .08);--table-wrap-bg: rgba(255, 255, 255, .82);--table-header-bg: rgba(26, 157, 90, .08);--table-row-border: rgba(21, 115, 71, .16);--table-inputrow-bg: rgba(26, 157, 90, .05);--input-bg: rgba(255, 255, 255, .9);--input-bg-focus: #f6fcf8;--input-border: rgba(21, 115, 71, .18);--input-text: #103125;--focus-outline: rgba(34, 163, 90, .5)}body.theme-dark{color-scheme:dark;--color-text: #e8eef8;--color-bg: #09101d;--color-link: #7cc4ff;--color-link-hover: #b9e4ff;--color-header: rgba(12, 18, 32, .84);--color-sidebar: rgba(9, 15, 28, .84);--color-panel: rgba(15, 23, 42, .78);--color-accent: #67b4ff;--color-btn-bg: rgba(255, 255, 255, .06);--color-btn-bg-hover: rgba(255, 255, 255, .12);--color-border: rgba(255, 255, 255, .1);--surface-shadow: 0 18px 50px rgba(3, 8, 20, .42);--surface-shadow-soft: 0 10px 24px rgba(3, 8, 20, .2);--table-wrap-bg: rgba(255, 255, 255, .045);--table-header-bg: rgba(255, 255, 255, .08);--table-row-border: rgba(255, 255, 255, .1);--table-inputrow-bg: rgba(255, 255, 255, .055);--input-bg: rgba(255, 255, 255, .06);--input-bg-focus: rgba(255, 255, 255, .11);--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: #071f3d;--color-link: #9ad1ff;--color-link-hover: #d9efff;--color-header: rgba(10, 44, 80, .88);--color-sidebar: rgba(9, 39, 72, .88);--color-panel: rgba(12, 42, 74, .82);--color-accent: #53a8ff;--color-btn-bg: rgba(255, 255, 255, .08);--color-btn-bg-hover: rgba(255, 255, 255, .14);--color-border: rgba(255, 255, 255, .1);--surface-shadow: 0 18px 50px rgba(5, 17, 35, .38);--surface-shadow-soft: 0 10px 24px rgba(5, 17, 35, .18);--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:radial-gradient(circle at top left,rgba(103,180,255,.12),transparent 32%),radial-gradient(circle at bottom right,rgba(34,197,94,.08),transparent 30%),var(--color-bg);position:relative;isolation:isolate}body:before,body:after{content:"";position:fixed;top:-15vh;right:-10vw;bottom:-15vh;left:-10vw;pointer-events:none;z-index:-1}body:before{background:radial-gradient(circle at 15% 20%,rgba(103,180,255,.22),transparent 28%),radial-gradient(circle at 85% 8%,rgba(39,174,96,.16),transparent 24%),radial-gradient(circle at 72% 78%,rgba(255,255,255,.06),transparent 22%);filter:blur(18px);opacity:.7}body:after{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 92%);opacity:.5}#root{min-height:100vh}button{border-radius:12px;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:transform .18s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}button:hover{border-color:var(--color-accent);background:var(--color-btn-bg-hover);transform:translateY(-1px);box-shadow:var(--surface-shadow-soft)}button:focus,button:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}input,textarea,select{font-family:inherit;color-scheme:inherit}::selection{background:#67b4ff40;color:var(--color-text)}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7f7f7f59;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#7f7f7f80;background-clip:content-box}select option{background-color:#141a22;color:#e5e7eb}body.theme-light select,body.theme-light select option{color-scheme:light;background-color:#f2faf5;color:#0f2a17}body.theme-dark select,body.theme-dark select option{color-scheme:dark;background-color:#141a22;color:#e5e7eb}body.theme-blue select,body.theme-blue select option{color-scheme:dark;background-color:#102a4a;color:#e8f1ff}.as-shell{min-height:100vh;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%)}.as-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--color-border);background:var(--color-header);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--on-header-text);box-shadow:var(--surface-shadow-soft)}.as-headerRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.as-headerMeta{opacity:.8;font-size:.95rem;color:var(--on-header-text)}.as-headerButton{background:var(--color-btn-bg);color:var(--on-header-text);padding:9px 14px;border-radius:999px;border:1px solid var(--color-border);box-shadow:none}.as-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.as-brandMark{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,var(--color-accent),rgba(255,255,255,.9));box-shadow:0 0 0 4px #67b4ff24}.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;min-width:0}.as-sidebar{display:flex;border-right:1px solid var(--color-border);background:var(--color-sidebar);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:16px 14px;min-width:0;max-width:240px;height:100%;overflow-y:auto;overflow-x:hidden;box-shadow:inset -1px 0 #ffffff08}.as-nav{flex:0 0 auto;display:flex;flex-direction:column;gap:14px;width:100%;min-width:0}.as-navGroup{display:flex;flex-direction:column;gap:2px}.as-navGroupLabel{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-sidebar-text);opacity:.4;padding:0 14px 4px}.as-navItem{text-align:left;width:100%;padding:11px 14px;border-radius:14px;border:none;border-left:3px solid transparent;background:#ffffff05;color:var(--on-sidebar-text);opacity:.7;font-size:.95rem;transition:transform .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease,box-shadow .15s ease}.as-navItem:hover{border-left-color:var(--color-accent);background:#ffffff14;opacity:1;transform:translate(2px)}.as-navItemActive{border-left-color:var(--color-accent);background:#67b4ff24;opacity:1;font-weight:600;box-shadow:inset 0 0 0 1px #67b4ff29}.as-content{overflow:auto;min-width:0;padding:clamp(20px,2.4vw,32px);background:radial-gradient(circle at top right,rgba(103,180,255,.08),transparent 22%),radial-gradient(circle at bottom left,rgba(34,197,94,.05),transparent 24%)}.as-contentInner{background:var(--color-panel);color:var(--color-text);padding:24px;max-width:1100px;border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--surface-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.as-contentInnerWide{max-width:none}.as-title{color:var(--color-text);margin:0 0 18px;font-size:34px;line-height:1.1;letter-spacing:-.02em}.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);max-width:none}.as-content{padding:16px}.as-header{align-items:flex-start;flex-direction:column;padding:16px}.as-headerRight{justify-content:flex-start}}body.theme-light .as-navItem:hover{background:#ffffff59}body.theme-light .as-navItemActive{background:#1a9d5a1f}.as-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background-image:radial-gradient(circle at top left,rgba(109,209,255,.24),transparent 34%),radial-gradient(circle at bottom right,rgba(22,163,74,.24),transparent 36%),linear-gradient(135deg,#081327f5,#0b1f39e0 52%,#050d1afa);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(255,255,255,.14);padding:8px 10px;font-size:.9rem;background:#080f1e6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff}.as-connectionBadgeChecking{opacity:.8}.as-connectionBadgeOk{border-color:#67b4ff73}.as-connectionBadgeError{border-color:#f8717180}.as-loginCard{width:min(420px,100%);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;background:#070c1694;box-shadow:0 30px 80px #00000059;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff}.as-loginHeader{display:grid;gap:8px;margin-bottom:18px}.as-loginBrand{display:inline-flex;align-items:center;gap:10px;min-width:0}.as-loginMark{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,#67b4ff,#ffffffe6);box-shadow:0 0 0 4px #67b4ff26}.as-loginBrandText{font-weight:650;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-loginTitle{margin:8px 0 0;font-size:30px;line-height:1.15;letter-spacing:-.02em}.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:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff}.as-input:focus{outline:2px solid rgba(103,180,255,.65);outline-offset:1px;background:#ffffff1a}.as-formError{border:1px solid rgba(255,127,127,.45);border-radius:14px;padding:10px 12px;color:#ff6b6b;background:#ff7f7f14}.as-primaryButton{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(103,180,255,.35);background:linear-gradient(135deg,#67b4ff33,#67b4ff1a);color:#fff;box-shadow:0 10px 24px #070c1633}.as-primaryButton:hover{border-color:#67b4ffbf}.as-linkButton{background:none;border:none;color:#8cc9ff;text-decoration:underline;cursor:pointer;padding:4px 0;font-size:.95rem}.as-linkButton:hover{color:#c6e7ff}.as-formSuccess{border:1px solid rgba(34,197,94,.45);border-radius:14px;padding:10px 12px;color:#22c55e;background:#22c55e14}.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:var(--color-panel, #fff);color:var(--color-text, #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:var(--color-btn-bg, #f3f4f6);color:var(--color-text, #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:var(--color-btn-bg-hover, #e5e7eb);transform:scale(1.05)}.settings-sidebar{width:220px;background:var(--color-bg, #f9fafb);border-right:1px solid var(--color-border, #e5e7eb);display:flex;flex-direction:column;padding:24px 0}.settings-category{padding:14px 24px;cursor:pointer;font-size:15px;color:var(--color-text, #6b7280);transition:all .2s;font-weight:500;border-left:3px solid transparent}.settings-category.selected{background:var(--color-panel, #fff);color:#059669;border-left-color:#059669;font-weight:600}.settings-category:hover{background:var(--color-panel, #fff);color:var(--color-text, #374151)}.settings-content{flex:1;padding:32px 40px;overflow-y:auto}