:root{--primary-50: #e8f5f2;--primary-100: #c5e8e1;--primary-600: #3aa89b;--primary-700: #2e8c81;--primary-800: #1f6860;--bg-page: #f5f7f8;--bg-surface: #ffffff;--bg-muted: #f0f2f4;--text-primary: #1f2933;--text-secondary: #5b6873;--text-tertiary: #94a1ad;--border-subtle: #e5eaee;--border-default: #d5dce2;--success: #3fa66a;--success-soft: #e6f5ed;--warning: #e89b3a;--warning-soft: #fdf2e2;--danger: #d85a4a;--danger-soft: #fdedee;--info: #3a8fe0;--info-soft: #e8f2fd;--shadow-sm: 0 2px 8px rgba(31, 41, 51, .06);--shadow-md: 0 6px 16px rgba(31, 41, 51, .08);--shadow-lg: 0 16px 32px rgba(31, 41, 51, .12)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text-primary);background:var(--bg-page);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:22px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:13px}.admin-app{min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid var(--border-subtle);padding:0 20px;background:var(--bg-surface);z-index:1000}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;background:var(--primary-600);font-weight:700}.topbar__right{display:inline-flex;align-items:center;gap:12px;color:var(--text-secondary)}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--primary-800);background:var(--primary-50);font-weight:600}.admin-body{min-height:100vh}.sidebar{position:fixed;top:56px;left:0;bottom:0;width:220px;border-right:1px solid var(--border-subtle);padding:16px 0;background:var(--bg-surface);overflow-y:auto;z-index:900}.nav-group{display:grid;gap:4px;margin-bottom:12px}.nav-group__title{padding:12px 20px 4px;color:var(--text-tertiary);font-size:11px;font-weight:500;line-height:16px;letter-spacing:.5px}.nav-link{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 20px;color:var(--text-secondary);font-weight:400}.nav-link:before{position:absolute;left:0;width:3px;height:20px;border-radius:0 3px 3px 0;background:transparent;content:""}.nav-link.router-link-active{color:var(--primary-600);background:var(--primary-50);font-weight:500}.nav-link.router-link-active:before{background:var(--primary-600)}.nav-mark,.quick-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff;background:var(--primary-600);font-size:11px;font-weight:600;line-height:1}.content{min-width:0;height:calc(100vh - 56px);margin-top:56px;margin-left:220px;padding:24px;overflow-y:auto}.page{display:grid;gap:16px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-title{margin:0;font-size:24px;font-weight:600;line-height:32px}.page-subtitle{margin:4px 0 0;color:var(--text-secondary)}.actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.card{border:1px solid var(--border-subtle);border-radius:14px;padding:20px;background:var(--bg-surface);box-shadow:var(--shadow-sm)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:16px;font-weight:500;line-height:24px}.section-label{display:flex;align-items:center;gap:8px;color:var(--primary-600);font-size:11px;font-weight:500;line-height:16px;letter-spacing:.5px}.section-label:before{width:4px;height:16px;border-radius:2px;background:var(--primary-600);content:""}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{display:grid;gap:8px}.stat__value{color:var(--primary-600);font-size:32px;font-weight:600;line-height:40px}.stat__label{color:var(--text-secondary);font-size:13px}.stat__caption,.caption{color:var(--text-tertiary);font-size:12px;line-height:18px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;padding:12px 16px}.notice--warning{color:var(--warning);background:var(--warning-soft)}.notice--primary{color:var(--primary-800);background:var(--primary-50)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid transparent;border-radius:10px;padding:0 14px;color:var(--text-primary);background:transparent;font-weight:500;transition:transform 80ms ease,background .12s ease,border-color .12s ease}.btn:active{transform:scale(.98)}.btn--primary{color:#fff;background:var(--primary-600)}.btn--primary:hover{background:var(--primary-700)}.btn--secondary{border-color:var(--border-default);background:var(--bg-surface)}.btn--danger{color:#fff;background:var(--danger)}.btn--ghost{min-height:32px;color:var(--text-secondary)}.btn--text{min-height:auto;border:0;padding:0;color:var(--primary-600);background:transparent}.btn--small{min-height:28px;border-radius:8px;padding:0 10px;font-size:12px}.field{display:grid;gap:6px}.field label,.field__label{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:18px}.field--required label:after,.field--required .field__label:after{color:var(--danger);content:" *"}.input,.select,.textarea{width:100%;min-height:36px;border:1px solid var(--border-default);border-radius:10px;padding:0 12px;color:var(--text-primary);background:var(--bg-surface)}.textarea{min-height:100px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary-600);outline:0;box-shadow:0 0 0 3px #3aa89b1f}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.filter-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.filter-bar .field{min-width:120px}.table-wrap{overflow:auto;border:1px solid var(--border-subtle);border-radius:14px;background:var(--bg-surface)}.table-wrap--paged{position:relative;min-height:380px}.table-wrap--loading .table{opacity:.55}.table-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);background:#ffffffb8}.table-loading:before{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--primary-600);border-radius:50%;content:"";animation:table-spin .8s linear infinite}@keyframes table-spin{to{transform:rotate(360deg)}}.table{width:100%;min-width:760px;border-collapse:collapse}.table th{height:36px;padding:0 12px;color:var(--text-secondary);background:var(--bg-muted);font-size:12px;font-weight:500;text-align:left}.table td{height:48px;border-top:1px solid var(--border-subtle);padding:0 12px;vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:var(--primary-50)}.table .right{text-align:right}.table th:last-child{text-align:right}.table td.actions{display:table-cell;text-align:right}.table td.actions .btn+.btn{margin-left:8px}.muted-row{opacity:.5}.tag{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:1px solid transparent;border-radius:999px;padding:0 9px;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}.tag--success{border-color:#3fa66a38;color:var(--success);background:var(--success-soft)}.tag--warning{border-color:#e89b3a38;color:var(--warning);background:var(--warning-soft)}.tag--danger{border-color:#d85a4a38;color:var(--danger);background:var(--danger-soft)}.tag--info{border-color:#3a8fe038;color:var(--info);background:var(--info-soft)}.tag--primary{color:var(--primary-600);background:var(--primary-50)}.tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface)}.tab{border:0;border-bottom:2px solid transparent;padding:12px 16px;color:var(--text-secondary);background:transparent}.tab--active{border-bottom-color:var(--primary-600);color:var(--text-primary);font-weight:500}.empty{display:grid;place-items:center;gap:8px;min-height:180px;color:var(--text-tertiary);text-align:center}.empty__art{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--border-subtle);border-radius:14px;color:#94a1ad8c;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1900;display:grid;place-items:center;padding:24px;background:#0f172a73}.modal{position:relative;z-index:2000;width:min(90vw,560px);max-height:80vh;overflow:auto;border-radius:20px;background:var(--bg-surface);box-shadow:var(--shadow-lg)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 24px 12px}.modal__title{margin:0;font-size:18px;font-weight:600}.modal__body{display:grid;gap:14px;padding:0 24px 24px}.modal__foot{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-subtle);padding:16px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.step{display:grid;justify-items:center;gap:6px;color:var(--text-tertiary);font-size:12px}.step__dot{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:50%}.step--active{color:var(--primary-600)}.step--done{color:var(--success)}.step--active .step__dot{border-color:var(--primary-600);color:#fff;background:var(--primary-600)}.step--done .step__dot{border-color:var(--success);color:#fff;background:var(--success)}.toast-stack{position:fixed;top:20px;left:50%;z-index:3000;display:grid;gap:8px;width:min(420px,calc(100vw - 32px));transform:translate(-50%)}.toast{border-left:4px solid var(--primary-600);border-radius:10px;padding:12px 20px;background:var(--bg-surface);box-shadow:var(--shadow-md)}.toast--success{border-left-color:var(--success)}.toast--warning{border-left-color:var(--warning)}.toast--error{border-left-color:var(--danger)}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.quick-link{display:grid;justify-items:center;gap:8px;color:var(--text-secondary)}.quick-mark{width:48px;height:48px;font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}@media(max-width:1100px){.sidebar{width:64px}.content{margin-left:64px}.nav-group__title,.nav-link span:last-child{display:none}.nav-link{justify-content:center;padding:0}.grid-4,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:720px){.content{padding:16px}.page-header,.topbar{align-items:flex-start;flex-direction:column;height:auto;padding:12px 16px}.topbar{align-items:center;flex-direction:row;height:56px;padding:0 20px}.admin-app{display:block}.form-row{grid-template-columns:1fr}}