:root{--color-blue-600: #0433ff;--color-blue-300: #4cc9ff;--color-pink-700: #ff009e;--color-pink-300: #ff97d7;--color-red-600: #ff0000;--color-yellow-500: #ffce00;--color-green-400: #aad265;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-border: #e9ecef;--color-text: #1f2937;--color-text-muted: #6b7280;--font-title: "Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-body: "Roboto", ui-sans-serif, system-ui, -apple-system, Segoe UI, Montserrat, Helvetica, Arial, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 6px 18px rgba(0,0,0,.12);--shadow-lg: 0 10px 30px rgba(0,0,0,.16)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:var(--font-title)}button{cursor:pointer;border:none;outline:none}input,select,textarea{outline:none;font-family:var(--font-body)}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-weight:600;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-300));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:linear-gradient(135deg,var(--color-pink-700),var(--color-pink-300));color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-success{background:var(--color-green-400);color:#0b3d2a;box-shadow:var(--shadow-sm)}.btn-danger{background:var(--color-red-600);color:#fff}.btn-warning{background:var(--color-yellow-500);color:#3a2e00}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:12px}.badge-active{background:#e7f8ec;color:#166534;border:1px solid #bbf7d0}.badge-inactive{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.badge-info{background:#e6f7ff;color:#0c4a6e;border:1px solid #bae6fd}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.table thead{background:#f8f9fb;font-family:var(--font-title);text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:var(--color-text-muted)}.table th,.table td{padding:12px 16px;border-bottom:1px solid var(--color-border)}.table tbody tr:hover{background:#f8fbff}.table .table-header{background:#f8f9fb;border-bottom:1px solid var(--color-border);font-family:var(--font-title);text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:var(--color-text-muted)}.table .table-row{border-bottom:1px solid var(--color-border)}.table .table-row:hover{background:#f8fbff}.modal-overlay-base{position:fixed;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073}.modal-base{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.modal-header-base{background:#f8f9fb;border-bottom:1px solid var(--color-border);font-family:var(--font-title)}.modal-footer-base{background:#f8f9fb;border-top:1px solid var(--color-border)}.input,.select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus{border-color:var(--color-blue-300);box-shadow:0 0 0 3px #4cc9ff40}.link{color:var(--color-blue-600);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .3s ease}.modal-content{background:linear-gradient(145deg,#fff,#f8fafe);border-radius:16px;box-shadow:0 25px 50px #0003;width:90%;max-width:800px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease;border:2px solid rgba(255,255,255,.6)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:2px solid rgba(255,255,255,.6);background:linear-gradient(135deg,var(--color-blue-600) 0%,var(--color-pink-700) 100%)}.modal-header h1{margin:0;color:#fff;font-size:20px;font-weight:800}.modal-header .modal-close{background:none;border:none;font-size:24px;color:#e9eef9;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-header .modal-close:hover{background:#fff3;color:#fff}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:2px solid rgba(255,255,255,.6);background:linear-gradient(145deg,#fff,#f8fafe)}.btn-cancel,.btn-confirm{padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-confirm{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #28a7454d}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}