:root{--primary-50: #eef4fb;--primary-100: #d6e4f5;--primary-200: #aec8e8;--primary-300: #7fa6d6;--primary-400: #4f81bf;--primary-500: #2563a6;--primary-600: #1f548f;--primary-700: #194574;--primary-800: #143659;--primary-900: #0f2840;--gray-50: #f6f7f9;--gray-100: #eceef2;--gray-200: #dfe3e9;--gray-300: #cbd2db;--gray-400: #9aa4b2;--gray-500: #6b7686;--gray-600: #515c6b;--gray-700: #3c4654;--gray-800: #2a313c;--gray-900: #1b212a;--success: #2e7d54;--success-bg: #e7f3ec;--success-border:#bfe0cd;--warning: #b9830d;--warning-bg: #fdf4e1;--warning-border:#f0d9a3;--danger: #c0392b;--danger-bg: #fbeae8;--danger-border:#f0c2bc;--info: #2563a6;--info-bg: #eef4fb;--info-border:#c5dbf0;--bg-app: #f3f5f8;--bg-surface: #ffffff;--bg-subtle: #f6f7f9;--bg-hover: #eef4fb;--text-strong: #1b212a;--text-primary: #2a313c;--text-secondary:#515c6b;--text-muted: #8a94a3;--text-on-primary:#ffffff;--border: #e1e5ec;--border-strong:#cbd2db;--src-auto: #2563a6;--src-manual:#6b7686;--src-override:#b9830d;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", Consolas, "Courier New", monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 25px;--fs-3xl: 31px;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--lh-tight: 1.2;--lh-base: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-pill: 999px;--sh-xs: 0 1px 1px rgba(27,33,42,.05);--sh-sm: 0 1px 2px rgba(27,33,42,.04), 0 1px 3px rgba(27,33,42,.05);--sh-md: 0 2px 4px rgba(27,33,42,.05), 0 5px 14px rgba(27,33,42,.08);--sh-lg: 0 4px 10px rgba(27,33,42,.06), 0 14px 34px rgba(27,33,42,.13);--sh-hover: 0 4px 14px rgba(37,99,166,.14), 0 2px 6px rgba(27,33,42,.06);--sh-drawer: -10px 0 30px rgba(27,33,42,.12);--ease: cubic-bezier(.4,0,.2,1);--dur: .18s;--sidebar-w: 224px;--topbar-h: 56px;--ctxbar-h: 52px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-base);color:var(--text-primary);background:var(--bg-app);background-image:radial-gradient(1100px 560px at 80% -10%,#fff,#fff0 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary-500);text-decoration:none}a:hover{color:var(--primary-600)}button{font-family:inherit;cursor:pointer}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid var(--primary-400);outline-offset:1px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(178deg,var(--gray-900) 0%,#161d27 55%,var(--primary-900) 100%);color:var(--gray-300);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:inset -1px 0 #ffffff0d}.sidebar__brand{height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-lg);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand .logo{width:26px;height:26px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--primary-400),var(--primary-600));display:grid;place-items:center;font-size:14px;color:#fff}.sidebar__nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2)}.nav-group__label{font-size:var(--fs-xs);color:var(--gray-500);text-transform:none;padding:var(--sp-3) var(--sp-3) var(--sp-2);letter-spacing:.04em}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--r-md);color:var(--gray-300);font-size:var(--fs-md);transition:background var(--dur) var(--ease),color var(--dur)}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.is-active{background:linear-gradient(90deg,var(--primary-600),var(--primary-500));color:#fff;font-weight:var(--fw-semibold);box-shadow:0 3px 10px #2563a661}.nav-item .ico{width:18px;text-align:center;opacity:.9}.nav-item.is-sub{padding-left:var(--sp-6);font-size:var(--fs-sm)}.sidebar__foot{padding:var(--sp-3) var(--sp-4);border-top:1px solid rgba(255,255,255,.08);font-size:var(--fs-xs);color:var(--gray-500)}.topbar{height:var(--topbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);position:sticky;top:0;z-index:20}.topbar__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.topbar__right{display:flex;align-items:center;gap:var(--sp-4)}.user-chip{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary)}.user-chip .avatar{width:30px;height:30px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--primary-400),var(--primary-600));color:#fff;display:grid;place-items:center;font-weight:var(--fw-semibold);box-shadow:0 2px 6px #2563a64d}.role-tag{font-size:var(--fs-xs);padding:2px 8px;border-radius:var(--r-pill);background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-100)}.main{display:flex;flex-direction:column;min-width:0}.content{padding:var(--sp-5);flex:1}.ctxbar{height:var(--ctxbar-h);background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-5);gap:var(--sp-4)}.ctxbar__info{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary);min-width:0}.ctxbar__info b{color:var(--text-strong);font-weight:var(--fw-semibold)}.ctxbar__info .sep{color:var(--border-strong)}.cart-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-100);padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.stepbar{display:flex;align-items:center;gap:var(--sp-1)}.step{display:flex;align-items:center;gap:var(--sp-2);padding:5px 12px;border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.step .num{width:18px;height:18px;border-radius:var(--r-pill);background:var(--gray-200);color:var(--gray-600);display:grid;place-items:center;font-size:11px;font-weight:var(--fw-semibold)}.step.is-done{color:var(--success)}.step.is-done .num{background:var(--success);color:#fff}.step.is-active{color:var(--primary-700);background:var(--primary-50);font-weight:var(--fw-medium)}.step.is-active .num{background:var(--primary-500);color:#fff}.step-arrow{color:var(--border-strong);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:var(--fw-medium);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);transition:all var(--dur) var(--ease);white-space:nowrap;box-shadow:var(--sh-xs)}.btn:hover{background:var(--gray-50);transform:translateY(-1px);box-shadow:var(--sh-sm)}.btn:active{transform:translateY(0);box-shadow:var(--sh-xs)}.btn--primary{background:linear-gradient(180deg,var(--primary-400),var(--primary-500));color:#fff;border-color:transparent;box-shadow:0 1px 2px #2563a64d}.btn--primary:hover{background:linear-gradient(180deg,var(--primary-500),var(--primary-600));box-shadow:0 5px 14px #2563a657}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-secondary);box-shadow:none}.btn--ghost:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--text-primary);box-shadow:var(--sh-xs)}.btn--danger{background:var(--bg-surface);color:var(--danger);border-color:var(--danger-border)}.btn--danger:hover{background:var(--danger-bg)}.btn--sm{height:28px;padding:0 10px;font-size:var(--fs-sm)}.btn--lg{height:40px;padding:0 20px;font-size:var(--fs-lg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium)}.label .req{color:var(--danger);margin-left:2px}.input,.select,.textarea{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:var(--fs-md);color:var(--text-primary);background:var(--bg-surface);width:100%;transition:border var(--dur),box-shadow var(--dur)}.textarea{height:auto;padding:8px 10px;line-height:var(--lh-base);resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-50);outline:none}.input::placeholder{color:var(--text-muted)}.hint{font-size:var(--fs-xs);color:var(--text-muted)}.range-row{display:flex;align-items:center;gap:6px}.range-row .input{padding:0 8px}.range-row .tilde{color:var(--text-muted)}.checkset{display:flex;flex-wrap:wrap;gap:6px}.chip-check{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border-strong);border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:all var(--dur)}.chip-check:hover{border-color:var(--primary-300)}.chip-check.is-on{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-700);font-weight:var(--fw-medium)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);transition:box-shadow var(--dur) var(--ease),border-color var(--dur)}.card--hover:hover{box-shadow:var(--sh-md);border-color:var(--border-strong)}.card__head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-strong)}.card__body{padding:var(--sp-4)}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg)}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.table{font-size:var(--fs-sm)}.table thead th{background:linear-gradient(180deg,var(--gray-50),#eaeef3);color:var(--text-secondary);font-weight:var(--fw-semibold);text-align:left;padding:11px 12px;border-bottom:1px solid var(--border-strong);white-space:nowrap;position:sticky;top:0;letter-spacing:.01em}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table thead th.sortable:hover{color:var(--primary-600)}.table thead th .arrow{opacity:.5;font-size:10px}.table tbody td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--bg-hover);box-shadow:inset 3px 0 0 var(--primary-400)}.table tbody tr.is-selected{background:var(--primary-50)}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.table .col-check{width:36px;text-align:center}.table .expand-btn{background:none;border:none;color:var(--text-muted);font-size:12px;padding:2px 6px;border-radius:var(--r-sm)}.table .expand-btn:hover{background:var(--gray-100);color:var(--primary-600)}.row-detail td{background:var(--bg-subtle);padding:var(--sp-4)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:1.6}.badge--gray{background:var(--gray-100);color:var(--gray-600)}.badge--blue{background:var(--primary-50);color:var(--primary-700)}.badge--green{background:var(--success-bg);color:var(--success)}.badge--yellow{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge--red{background:var(--danger-bg);color:var(--danger)}.dot{width:8px;height:8px;border-radius:var(--r-pill);display:inline-block}.src{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:var(--fw-medium)}.src:before{content:"";width:9px;height:9px;border-radius:var(--r-pill)}.src--auto{color:var(--src-auto)}.src--auto:before{background:var(--src-auto)}.src--manual{color:var(--src-manual)}.src--manual:before{background:var(--src-manual);border:1.5px solid var(--src-manual);background:transparent}.src--override{color:var(--src-override)}.src--override:before{background:linear-gradient(90deg,var(--src-override) 50%,transparent 50%);border:1.5px solid var(--src-override)}.stale{background:var(--warning-bg)!important;color:var(--warning);position:relative}.stale-flag{display:inline-flex;align-items:center;gap:4px;color:var(--warning);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.drawer-mask,.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b212a5c;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--dur)}.drawer-mask.is-open,.modal-mask.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100vh;width:520px;max-width:92vw;background:var(--bg-surface);box-shadow:var(--sh-drawer);z-index:101;transform:translate(100%);transition:transform var(--dur) var(--ease);display:flex;flex-direction:column}.drawer.is-open{transform:translate(0)}.drawer__head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.drawer__body{padding:var(--sp-5);overflow-y:auto;flex:1}.drawer__foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--sp-2)}.x-btn{background:none;border:none;font-size:20px;color:var(--text-muted);line-height:1;padding:4px;border-radius:var(--r-sm)}.x-btn:hover{background:var(--gray-100);color:var(--text-primary)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);z-index:101;background:var(--bg-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);width:440px;max-width:92vw;opacity:0;pointer-events:none;transition:opacity var(--dur),transform var(--dur) var(--ease)}.modal.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.modal__head{padding:var(--sp-4) var(--sp-5) 0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-strong)}.modal__body{padding:var(--sp-4) var(--sp-5);color:var(--text-secondary);font-size:var(--fs-md)}.modal__foot{padding:0 var(--sp-5) var(--sp-5);display:flex;justify-content:flex-end;gap:var(--sp-2)}.alert{display:flex;align-items:flex-start;gap:var(--sp-2);padding:10px 14px;border-radius:var(--r-md);font-size:var(--fs-sm);border:1px solid}.alert--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert--info{background:var(--info-bg);border-color:var(--info-border);color:var(--primary-700)}.alert--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.empty{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--text-muted)}.empty__icon{font-size:40px;opacity:.35;margin-bottom:var(--sp-3)}.empty__title{font-size:var(--fs-md);color:var(--text-secondary);margin-bottom:var(--sp-2)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar__left,.toolbar__right{display:flex;align-items:center;gap:var(--sp-2)}.count-pill{font-size:var(--fs-sm);color:var(--text-secondary)}.count-pill b{color:var(--primary-600);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-strong);margin-bottom:2px}.page-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-5)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-head__l{min-width:0}.page-head .ph-title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--text-strong);display:flex;align-items:center;gap:10px;line-height:1.25}.page-head .ph-title:before{content:"";width:4px;height:19px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--primary-400),var(--primary-600));flex-shrink:0}.page-head .ph-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:5px;max-width:760px}.page-head__r{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.strong{color:var(--text-strong);font-weight:var(--fw-semibold)}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.cost-line{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:var(--fs-md)}.cost-line.total{border-top:2px solid var(--gray-300);margin-top:6px;padding-top:12px;font-weight:var(--fw-bold);font-size:var(--fs-lg)}.cost-line .op{color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}