:root{--primary: #5b5ea6;--primary-hover: #4a4d8e;--primary-light: rgba(91, 94, 166, .08);--primary-lighter: rgba(91, 94, 166, .04);--success: #2ecc71;--success-bg: #eafaf1;--success-text: #1a7a42;--danger: #e74c3c;--danger-bg: #fdedec;--danger-text: #a93226;--warning: #f39c12;--warning-bg: #fef9e7;--warning-text: #7d6608;--info: #3498db;--info-bg: #ebf5fb;--info-text: #1b6ca8;--bg: #f4f5f9;--bg-card: #ffffff;--sidebar-bg: #1e1e2f;--sidebar-text: rgba(255, 255, 255, .65);--sidebar-active: rgba(91, 94, 166, .25);--text: #2c3e50;--text-secondary: #6c7a89;--text-muted: #a0aec0;--border: #e8ecf1;--border-focus: var(--primary);--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{padding:28px 32px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0;font-size:22px;font-weight:700;color:#4c1d95}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.section{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:20px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{background:#ede9fe;font-size:12px;font-weight:700;color:#5b21b6;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:2px solid #c4b5fd;white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--primary-lighter)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .15s ease;font-family:var(--font);white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#27ae60}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-info{background:#0891b2;color:#fff}.btn-info:hover:not(:disabled){background:#0e7490}.btn-outline{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg);color:var(--text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:6px 10px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-default{background:var(--bg);color:var(--text-secondary)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-primary{background:var(--primary-light);color:var(--primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#4c1d95}input,select,textarea{width:100%;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);color:var(--text);background:var(--bg-card);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}input:disabled,select:disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}code{background:#ede9fe;padding:2px 8px;border-radius:4px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#5b21b6;word-break:break-all}.error-msg{color:var(--danger);font-size:13px;padding:10px 14px;background:var(--danger-bg);border-radius:var(--radius-sm);margin-bottom:12px}.success-msg{color:var(--success-text);font-size:13px;padding:10px 14px;background:var(--success-bg);border-radius:var(--radius-sm);margin-bottom:12px}.empty{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:14px}.checkbox-label{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:var(--radius-sm);transition:background .1s ease}.checkbox-label:hover{background:var(--bg)}.checkbox-label input[type=checkbox]{width:auto;accent-color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.page{padding:16px}.page-header{flex-direction:column;gap:12px;align-items:flex-start}.page-header h2{font-size:18px}.card,.section{padding:16px}table{font-size:12px}th{padding:8px 10px;font-size:11px}td{padding:8px 10px}.form-row{grid-template-columns:1fr;gap:12px}.form-group{margin-bottom:12px}.form-group label{font-size:12px}input,select,textarea{padding:8px 12px;font-size:13px}.btn{padding:7px 14px;font-size:12px}.btn-sm{padding:5px 10px;font-size:11px}.badge{padding:2px 8px;font-size:11px}}@media(max-width:480px){.page{padding:12px}.page-header h2{font-size:16px}.card,.section{padding:12px}table{font-size:11px}th{padding:6px 8px;font-size:10px}td{padding:6px 8px}input,select,textarea{padding:7px 10px;font-size:12px}.btn{padding:6px 12px;font-size:11px}}