:root{--pearl-50: #fbf9f6;--pearl-100: #f4f0eb;--ink-950: #17172c;--ink-900: #202037;--ink-800: #303047;--ink-700: #424258;--ink-600: #5b5b70;--ink-500: #747486;--ink-400: #9695a4;--violet-100: #eceafe;--violet-400: #8b7ff1;--violet-500: #7568eb;--violet-600: #5e50df;--violet-700: #4c3fc0;--mint-100: #e7f6f0;--mint-500: #48aa8c;--mint-600: #308b70;--mint-700: #26725d;--coral-100: #fdebea;--coral-500: #e98174;--coral-600: #d76558;--coral-700: #b84c42;--clay-100: #f7ecdf;--clay-sand: #cdb18a;--clay-stone: #aaa5a1;--clay-700: #946b3e;--glass-border: rgba(255, 255, 255, .84);--glass-shadow: 0 18px 44px rgba(66, 55, 102, .08), inset 0 1px 0 rgba(255,255,255,.92);color:var(--ink-900);background:var(--pearl-100);font-family:Inter,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;background:var(--pearl-100)}a{color:inherit;text-decoration:none}.app-shell{background:var(--pearl-100);min-height:100vh}.app-sider{border-right:1px solid rgba(255,255,255,.76);background:#fbf9f6bd!important;box-shadow:12px 0 36px #4237660d;-webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%)}.brand-block{display:grid;gap:3px;padding:28px 24px 20px}.brand-name{color:var(--ink-950);font-size:20px;letter-spacing:-.04em}.brand-name span{color:var(--violet-600)}.brand-block small{color:var(--ink-400);font-size:10px;letter-spacing:.28em}.app-main{background:transparent!important}.topbar{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 28px;background:#f4f0ebb8!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.workspace-pill,.topbar-status,.user-summary{display:inline-flex;align-items:center;gap:8px;color:var(--ink-600);font-size:12px}.workspace-pill{border:1px solid rgba(255,255,255,.8);border-radius:13px;background:#ffffff7a;padding:9px 12px}.project-switcher-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;max-width:300px;min-height:38px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.project-switcher-trigger:hover,.project-switcher-trigger[aria-expanded=true]{background:#ffffffc2;border-color:#7568eb33;box-shadow:0 10px 28px #42376614}.project-switcher-label{color:var(--ink-800);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switcher-popover{background:transparent!important;border-radius:22px!important;box-shadow:none!important;padding:0!important}.project-switcher-panel{background:#fbf9f6f0;border:1px solid var(--glass-border);border-radius:22px;box-shadow:0 26px 70px #362d562b,inset 0 1px #fffffff0;box-sizing:border-box;padding:12px;width:340px;-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}.project-search-field{align-items:center;background:#ffffffb8;border:1px solid rgba(66,55,102,.09);border-radius:14px;color:var(--ink-400);display:flex;gap:9px;padding:0 12px}.project-search-field:focus-within{border-color:#7568eb6b;box-shadow:0 0 0 3px #7568eb1a}.project-search-field input{background:transparent;border:0;color:var(--ink-900);font:inherit;font-size:13px;min-width:0;outline:0;padding:11px 0;width:100%}.project-options{display:grid;gap:5px;max-height:310px;overflow-y:auto;padding:9px 0}.project-option{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:15px;color:var(--ink-700);cursor:pointer;display:grid;font:inherit;gap:10px;grid-template-columns:34px minmax(0,1fr) 18px;padding:10px;text-align:left;transition:background-color .2s ease,border-color .2s ease,transform .2s ease;width:100%}.project-option:hover{background:#ffffffb3;transform:translateY(-1px)}.project-option.is-current{background:#eceafed1;border-color:#7568eb2e}.project-option-icon{align-items:center;background:#fffc;border-radius:11px;color:var(--violet-600);display:inline-flex;height:34px;justify-content:center;box-shadow:inset 0 0 0 1px #7568eb14;width:34px}.project-option-copy{display:grid;gap:3px;min-width:0}.project-option-copy>span:last-child{color:var(--ink-400);font-size:10px}.project-option-title{align-items:center;display:flex;gap:7px;min-width:0}.project-option-title strong{color:var(--ink-800);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-option-title small{background:#ffffffb3;border-radius:999px;color:var(--violet-600);font-size:9px;padding:2px 6px;white-space:nowrap}.project-option-check{color:var(--violet-600)}.project-switcher-empty,.project-switcher-error{color:var(--ink-400);font-size:12px;margin:14px 6px;text-align:center}.project-switcher-error{color:var(--coral-700)}.project-switcher-footer{border-top:1px solid rgba(66,55,102,.08);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding-top:11px}.project-switcher-action{align-items:center;background:#ffffff94;border:1px solid rgba(66,55,102,.08);border-radius:13px;color:var(--ink-700);display:inline-flex;font-size:12px;font-weight:750;gap:7px;justify-content:center;min-height:40px}.project-switcher-action.is-primary{background:var(--violet-600);border-color:var(--violet-600);color:#fff;box-shadow:0 10px 22px #5e50df33,inset 0 1px #ffffff38}.topbar-actions{display:flex;align-items:center;gap:10px}.system-dot{width:7px;height:7px;border-radius:50%;background:var(--mint-500);box-shadow:0 0 0 4px #48aa8c1a}.user-summary{border-left:1px solid rgba(66,55,102,.1);margin-left:2px;padding-left:12px;color:var(--ink-800);font-weight:700}.content{padding:8px 28px 42px;background:transparent!important}.nav-list{display:grid;gap:3px;padding:4px 12px 18px}.nav-link{align-items:center;border:1px solid transparent;border-radius:13px;color:var(--ink-600);display:flex;gap:11px;font-size:13px;padding:10px 11px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.nav-link:hover{background:#ffffff7a;color:var(--ink-900);transform:translate(2px)}.nav-link.router-link-active{border-color:#7568eb26;background:#eceafec7;color:var(--violet-700);font-weight:750;box-shadow:inset 3px 0 0 var(--violet-500),0 8px 20px #6558e812}.sider-footer{display:flex;align-items:center;gap:8px;margin:2px 18px 24px;padding:12px;border-top:1px solid rgba(66,55,102,.08);color:var(--ink-400);font-size:10px}a:focus-visible,button:focus-visible{outline:3px solid rgba(117,104,235,.25);outline-offset:2px}.page{display:grid;gap:16px}.page-header{display:grid;gap:4px}.page-header h1{font-size:24px;line-height:1.25;margin:0}.page-header p{color:#64748b;margin:0}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.compact-toolbar{margin-bottom:12px}.project-select{min-width:240px}.resource-nav{display:flex;flex-wrap:wrap;gap:8px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.metric-label{color:#64748b;font-size:13px}.metric-value{font-size:28px;font-weight:700;line-height:1.25;margin-top:4px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.full-width{grid-column:1 / -1}.login-page{align-items:center;background:#f5f7fa;display:grid;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 auto;max-width:420px;padding:28px;width:100%}.json-preview{background:#0f172a;border-radius:6px;color:#e2e8f0;max-height:320px;overflow:auto;padding:12px;white-space:pre-wrap}.compact-json{max-height:160px;max-width:360px;overflow-wrap:anywhere}.muted-text{color:#64748b;font-size:12px}.error-text{color:#b91c1c;display:block;font-size:12px;max-width:260px;overflow-wrap:anywhere}.detail-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.detail-summary>div{border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:4px;padding:10px 12px}.settings-list{display:grid;gap:12px}.settings-list>div{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;padding:10px 0}.settings-list>div:last-child{border-bottom:0}.settings-list span{color:#64748b}@media(max-width:960px){.app-sider{width:76px!important;min-width:76px!important;max-width:76px!important}.brand-block{padding-inline:13px;text-align:center}.brand-name{font-size:16px}.brand-name span,.brand-block small,.nav-link span,.sider-footer span{display:none}.nav-link{justify-content:center;padding-inline:8px}.sider-footer{justify-content:center;margin-inline:12px}.content{padding-inline:18px}}@media(max-width:680px){.topbar-status,.user-summary span{display:none}.topbar{padding-inline:16px}.project-switcher-trigger{max-width:190px}.project-switcher-panel{max-width:calc(100vw - 28px);width:340px}.content{padding:18px 14px 32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}