:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-primary-light: #eef2ff;--color-danger: #dc2626;--color-danger-light: #fef2f2;--color-success: #16a34a;--color-warning: #d97706;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-bg: #f5f6fa;--color-surface: #ffffff;--radius: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 16px rgba(16, 24, 40, .08)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 12px;font-weight:600}.page{max-width:900px;margin:0 auto;padding:32px 20px 64px}.page-narrow{max-width:460px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px}.card+.card{margin-top:16px}.card-title{font-size:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grow{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font-size:14px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{border-color:#d1d5db;background:#f9fafb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-danger{color:var(--color-danger);border-color:#fecaca;background:var(--color-danger-light)}.btn-danger:hover{background:#fee2e2}.btn-sm{padding:4px 10px;font-size:13px}.btn-block{width:100%}.btn-link{border:none;background:none;padding:0;color:var(--color-primary);cursor:pointer}.field{margin-bottom:18px}.field-label{display:block;margin-bottom:6px;font-weight:500}.field-required:after{content:" *";color:var(--color-danger)}.input,.textarea,.select{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51f}.textarea{min-height:90px;resize:vertical}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;align-items:center;gap:8px;cursor:pointer}.option-item input{cursor:pointer;accent-color:var(--color-primary)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}th{background:#f9fafb;font-weight:600;color:var(--color-text-secondary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafafa}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;line-height:18px;background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#b45309}.badge-muted{background:#f3f4f6;color:#4b5563}.alert{padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:13px}.alert-error{background:var(--color-danger-light);color:var(--color-danger);border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0}.alert-info{background:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid #c7d2fe}.empty{padding:48px 20px;text-align:center;color:var(--color-text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.stat-label{color:var(--color-text-secondary);font-size:13px}.bar-row{margin-bottom:12px}.bar-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.bar-track{height:8px;border-radius:999px;background:#eef2ff;overflow:hidden}.bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .3s}