#app-root{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,sans-serif}.topbar{height:60px;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;padding:0 24px;gap:0}.logo{font-size:15px;font-weight:700;color:var(--accent-blue);letter-spacing:.5px;white-space:nowrap;margin-right:24px;display:flex;align-items:center;gap:8px}.logo-icon{width:26px;height:26px;flex-shrink:0}.nav-links{display:flex;align-items:center;flex:1;gap:0}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;padding:0 14px;height:48px;display:flex;align-items:center;transition:color .15s;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--text-primary)}.nav-links a.router-link-active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.divider{color:var(--border-primary);font-size:16px;-webkit-user-select:none;user-select:none}.user-info{display:flex;align-items:center;gap:10px;margin-left:auto}.user-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.username{color:var(--text-primary);font-size:13px}.logout-btn{background:var(--border-primary);border:none;color:var(--text-secondary);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:background .15s}.logout-btn:hover{background:var(--accent-red-dark);color:#fff}main{flex:1;overflow:hidden;display:flex;flex-direction:column}.toast-container{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{padding:7px 18px;font-size:13px;text-align:center;border-radius:20px;white-space:nowrap;box-shadow:0 4px 12px #0006;opacity:1}.toast-success{background:#276749;color:#c6f6d5}.toast-error{background:#742a2a;color:#fed7d7}.toast-info{background:#2a4365;color:#bee3f8}.toast-enter-active{transition:opacity .2s ease}.toast-leave-active{transition:opacity .4s ease}.toast-enter-from,.toast-leave-to{opacity:0}:root{--sidebar-bg: #1a1f2e;--sidebar-text: #a0aec0;--sidebar-active: #4299e1;--sidebar-active-bg: rgba(66, 153, 225, .15);--sidebar-hover-bg: rgba(255,255,255,.05);--sidebar-width: 220px;--bg: #f7f8fa;--surface: #ffffff;--border: #e2e8f0;--text: #2d3748;--text-muted: #718096;--text-light: #a0aec0;--primary: #4299e1;--primary-dark: #2b6cb0;--primary-light: #bee3f8;--success: #48bb78;--warning: #ed8936;--danger: #f56565;--info: #4299e1;--radius: 8px;--radius-sm: 4px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);--domain-tech: #4299e1;--domain-product: #ed8936;--domain-biz: #9f7aea;--domain-tech-l2: #38b2ac;--domain-product-l2: #f6ad55;--domain-biz-l2: #b794f4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:14px}input,textarea,select{font-family:inherit;font-size:14px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#c53030}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--text)}.form-input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4299e126}.form-input::placeholder{color:var(--text-light)}textarea.form-input{resize:vertical;min-height:80px}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:15px;font-weight:600;color:var(--text)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg)}.table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-success{background:#c6f6d5;color:#276749}.badge-warning{background:#feebc8;color:#7b341e}.badge-danger{background:#fed7d7;color:#742a2a}.badge-info{background:#bee3f8;color:#2a4365}.badge-gray{background:#e2e8f0;color:#4a5568}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;background:var(--primary-light);color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;min-width:400px;max-width:560px;width:90%;box-shadow:var(--shadow-md)}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.page{padding:24px;max-width:1200px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:700}:root{--bg-primary: #0f1117;--bg-secondary: #1a1f2e;--bg-tertiary: #161b27;--bg-card: #1a1f2e;--bg-hover: #2d3748;--text-primary: #e2e8f0;--text-secondary: #a0aec0;--text-tertiary: #718096;--text-muted: #4a5568;--accent-blue: #63b3ed;--accent-blue-dark: #3182ce;--accent-blue-darker: #2b6cb0;--accent-green: #68d391;--accent-green-dark: #48bb78;--accent-red: #fc8181;--accent-red-dark: #e53e3e;--accent-orange: #f6ad55;--accent-orange-dark: #f6ad55;--accent-purple: #805ad5;--accent-purple-dark: #6b46c1;--border-primary: #2d3748;--border-secondary: #4a5568;--status-draft: #fbd38d;--status-pending: #a0aec0;--status-processing: #90cdf4;--status-complete: #68d391;--status-failed: #fc8181;--status-bg-draft: #2d3748;--status-bg-pending: #2d3748;--status-bg-processing: #1a365d;--status-bg-complete: #1c4532;--status-bg-failed: #742a2a}