:root{--sb-bg:#0b0d14;--sb-hover:hsla(0,0%,100%,.055);--sb-active:rgba(124,111,247,.15);--sb-text:#8890aa;--sb-bright:#c8cadf;--sb-border:hsla(0,0%,100%,.07);--bg:#f4f5fb;--surface:#fff;--surface-2:#eeeffe;--border:rgba(0,0,0,.07);--border-2:rgba(0,0,0,.04);--text:#1a1c2e;--text-2:#626480;--text-3:#9698b0;--accent:#7c6ff7;--accent-h:#6b5ee8;--accent-dim:rgba(124,111,247,.1);--accent-dim2:rgba(124,111,247,.18);--green:#22c78a;--green-dim:rgba(34,199,138,.12);--amber:#f5a523;--amber-dim:rgba(245,165,35,.12);--red:#e85d7a;--red-dim:rgba(232,93,122,.12);--blue:#4b9ef7;--blue-dim:rgba(75,158,247,.12);--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,sans-serif;--mono:"SF Mono","Fira Code","Cascadia Code",monospace;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#0d0f1a;--surface:#131625;--surface-2:#1b1e30;--border:hsla(0,0%,100%,.07);--border-2:hsla(0,0%,100%,.03);--text:#e4e6f4;--text-2:#8a8ca8;--text-3:#52546a}}:root[data-theme=light]{--bg:#f4f5fb;--surface:#fff;--surface-2:#eeeffe;--border:rgba(0,0,0,.07);--border-2:rgba(0,0,0,.04);--text:#1a1c2e;--text-2:#626480;--text-3:#9698b0}:root[data-theme=dark]{--bg:#0d0f1a;--surface:#131625;--surface-2:#1b1e30;--border:hsla(0,0%,100%,.07);--border-2:hsla(0,0%,100%,.03);--text:#e4e6f4;--text-2:#8a8ca8;--text-3:#52546a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);font-size:13px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit}.app{height:100vh}.app,.appMain{display:flex;overflow:hidden}.appMain{flex:1 1;flex-direction:column;min-width:0}.appContent{flex:1 1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.appContent::-webkit-scrollbar{width:4px}.appContent::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-green{background:var(--green);animation:pulse-green 2.8s ease-in-out infinite}.dot-amber{background:var(--amber)}.dot-red{background:var(--red);animation:pulse-red 2s ease-in-out infinite}.dot-gray{background:var(--text-3)}@keyframes pulse-green{0%,to{box-shadow:0 0 0 0 rgba(34,199,138,.4)}50%{box-shadow:0 0 0 4px rgba(34,199,138,0)}}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 rgba(232,93,122,.4)}50%{box-shadow:0 0 0 4px rgba(232,93,122,0)}}@media (prefers-reduced-motion:reduce){.dot-green,.dot-red{animation:none!important}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2147483646}.panelSection{margin-bottom:28px}.sectionHeader{justify-content:space-between;margin-bottom:14px}.sectionHeader,.sectionTitle{display:flex;align-items:center}.sectionTitle{font-size:14.5px;font-weight:600;color:var(--text);letter-spacing:-.2px;gap:8px}.sectionMeta{font-size:11.5px;color:var(--text-3);font-weight:400}.sectionAction{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);cursor:pointer;transition:color .15s;background:none;border:none;padding:5px 10px;border-radius:7px;border:1px solid var(--border)}.sectionAction:hover{color:var(--accent);border-color:var(--accent-dim2)}.panelState{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px;color:var(--text-3);font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.panelError{color:var(--red);background:var(--red-dim);border-color:rgba(232,93,122,.2)}.btnPrimary{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:34px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;background:var(--accent);border:none;cursor:pointer;transition:background .15s,transform .1s}.btnPrimary:hover{background:var(--accent-h)}.btnPrimary:active{transform:scale(.97)}.btnPrimary:disabled{opacity:.6;cursor:not-allowed;transform:none}.topbar{justify-content:space-between;padding:0 22px;height:54px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:14px}.topbar,.topbarLeft{display:flex;align-items:center}.topbarLeft{gap:10px;flex:1 1;min-width:0}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden}.breadcrumbSep{color:var(--text-3);font-size:10px}.breadcrumbCurrent{color:var(--text);font-weight:500}.topbarRight{gap:6px;flex-shrink:0}.iconBtn,.topbarRight{display:flex;align-items:center}.iconBtn{width:32px;height:32px;border-radius:7px;justify-content:center;color:var(--text-2);background:none;border:none;cursor:pointer;transition:background .12s,color .12s;position:relative}.iconBtn:hover{background:var(--surface-2);color:var(--text)}.notifDot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c6ff7,#b8afff);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0}.menuBtn{display:none}.mobileBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:768px){.menuBtn{display:flex}.topbar{padding:0 14px;gap:10px}.breadcrumb{font-size:12px}.appContent{padding:14px}.topbarRight span[style*=capitalize]{display:none}}@media (min-width:769px){.mobileBackdrop{display:none}}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:6px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent);animation:skeleton-shimmer 1.6s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}