:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #475569;--color-border: #cbd5e1;--color-border-subtle: #f1f5f9;--color-surface: #ffffff;--color-bg-subtle: #f1f5f9;--color-danger: #c00;--color-danger-border: #fca5a5;--color-danger-bg: #fee2e2;--color-success: #16a34a;--color-success-bg: #dcfce7;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 12px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08)}.h2{margin-top:0;margin-bottom:24px;font-size:1.4em}.h3{margin-top:0;margin-bottom:12px;font-size:16px}.input{padding:8px 10px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit}.btn{padding:8px 16px;font-size:14px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{padding:8px 16px;font-size:14px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.btn-secondary:hover{background:var(--color-bg-subtle)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-border)}.badge{padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;display:inline-block}.card-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.card-table th{padding:10px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-subtle)}.card-table td{padding:12px 16px;border-top:1px solid var(--color-border-subtle);font-size:14px}.err-text{color:var(--color-danger);font-size:13px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}