:root{--brand: #6d5efc;--brand-hover: #5b4bf0;--brand-soft: oklch(.96 .022 275);--brand-line: oklch(.88 .045 275);--brand-2: #a855f7;--brand-3: #2dd4bf;--gold: #f5c56b;--gold-deep: #c9963d;--ok: #16a34a;--ok-soft: oklch(.96 .035 155);--warn: #d97706;--warn-soft: oklch(.96 .045 75);--danger: #dc2626;--danger-soft: oklch(.96 .035 25);--info: #2563eb;--info-soft: oklch(.96 .03 260);--side-bg: oklch(.185 .016 272);--side-bg-2: oklch(.225 .018 272);--side-text: oklch(.78 .012 272);--side-text-dim: oklch(.58 .014 272);--side-active-bg: oklch(.3 .045 275);--side-active-text: #ffffff;--side-hover: oklch(.255 .02 272);--side-border: oklch(.3 .018 272);--bg: oklch(.984 .003 265);--surface: oklch(1 .0015 265);--surface-2: oklch(.975 .004 265);--surface-sunken: oklch(.968 .005 265);--text: oklch(.24 .012 272);--text-2: oklch(.44 .014 272);--text-3: oklch(.6 .012 272);--text-inv: oklch(.97 .005 265);--line: oklch(.918 .006 265);--line-2: oklch(.945 .005 265);--line-strong: oklch(.86 .008 265);--shadow-xs: 0 1px 2px oklch(.24 .02 272 / .04);--shadow-sm: 0 1px 3px oklch(.24 .02 272 / .06), 0 1px 2px oklch(.24 .02 272 / .03);--shadow-md: 0 4px 16px -4px oklch(.24 .02 272 / .1), 0 2px 6px -2px oklch(.24 .02 272 / .05);--shadow-lg: 0 18px 44px -12px oklch(.24 .03 272 / .18), 0 6px 14px -6px oklch(.24 .02 272 / .08);--shadow-glow: 0 0 0 3px oklch(.62 .15 275 / .14);--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-full: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--font: "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-num: "SF Mono", "DIN Alternate", "Roboto Mono", ui-monospace, monospace;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--ease: cubic-bezier(.165, .84, .44, 1);--ease-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .34s;--side-w: 250px;--side-w-collapsed: 68px;--topbar-h: 62px;--content-max: 1440px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-.011em}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}::selection{background:#6d7cdf2e}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c8cad0;border-radius:var(--r-full);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#a8abb1}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--line-2)}.panel-title{font-size:14.5px;font-weight:600;letter-spacing:-.008em}.panel-sub{font-size:12.5px;color:var(--text-3);margin-top:2px;font-weight:400}.panel-body{padding:var(--s-6)}.panel-body--flush{padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover{background:var(--surface-2);border-color:#c4c7ce}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 1px 2px #4c55bc47}.btn-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 2px 8px #4c55bc52}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:#1c1f290e;border-color:transparent}.btn-danger{color:var(--danger);border-color:#f1ceca}.btn-danger:hover{background:var(--danger-soft);border-color:#e9b6b1}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;gap:5px}.btn-lg{height:42px;padding:0 22px;font-size:14.5px}.btn-block{width:100%}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--r-sm)}.field{display:flex;flex-direction:column;gap:7px}.label{font-size:12.5px;font-weight:500;color:var(--text-2);letter-spacing:.004em}.label .req{color:var(--danger);margin-left:2px}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.textarea{height:auto;padding:10px 12px;line-height:1.65;resize:vertical;min-height:92px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371807f' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}.input:hover,.select:hover,.textarea:hover{border-color:#c4c7ce}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--shadow-glow)}.input::placeholder,.textarea::placeholder{color:#9c9ea4}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-sunken);color:var(--text-3);cursor:not-allowed}.input--err{border-color:var(--danger)}.hint{font-size:12px;color:var(--text-3);line-height:1.5}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:var(--r-xs);font-size:11.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;background:var(--surface-sunken);color:var(--text-2);border:1px solid var(--line-2)}.badge--ok{background:var(--ok-soft);color:#005d33;color:oklch(.42 .13 155);border-color:#b9e4c6}.badge--warn{background:var(--warn-soft);color:#7e5400;color:oklch(.48 .13 75);border-color:#f3d2a4}.badge--danger{background:var(--danger-soft);color:#ac1922;border-color:#ffcdc8;border-color:oklch(.89 .06 25)}.badge--brand{background:var(--brand-soft);color:#434ab8;border-color:var(--brand-line)}.badge--gold{background:#fff0d2;background:oklch(.96 .045 85);color:var(--gold-deep);border-color:#edd5a3}.badge--dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th{text-align:left;font-weight:500;font-size:12px;color:var(--text-3);letter-spacing:.03em;padding:10px 16px;background:var(--surface-sunken);border-bottom:1px solid var(--line);white-space:nowrap}.table th:first-child{padding-left:var(--s-6);border-top-left-radius:var(--r-lg)}.table th:last-child{padding-right:var(--s-6);border-top-right-radius:var(--r-lg)}.table td{padding:13px 16px;border-bottom:1px solid var(--line-2);vertical-align:middle}.table td:first-child{padding-left:var(--s-6)}.table td:last-child{padding-right:var(--s-6)}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table .ta-r{text-align:right}.table .ta-c{text-align:center}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-16) var(--s-6);text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--r-lg);background:var(--surface-sunken);border:1px solid var(--line-2);color:var(--text-3);margin-bottom:var(--s-1)}.empty-title{font-size:14.5px;font-weight:600}.empty-desc{font-size:13px;color:var(--text-3);max-width:380px;line-height:1.65}.spinner{width:15px;height:15px;border:2px solid oklch(1 0 0 / .25);border-top-color:currentColor;border-radius:50%;animation:spin .62s linear infinite;flex-shrink:0}.spinner--dark{border-color:#1c1f2929;border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--line-2) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-xs)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.row{display:flex;align-items:center;gap:var(--s-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mt-8{margin-top:var(--s-8)}.mb-4{margin-bottom:var(--s-4)}.hr{height:1px;background:var(--line-2);border:0;margin:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}