*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #e0f2f1;--primary-100: #b2dfdb;--primary-200: #80cbc4;--primary-300: #4db6ac;--primary-400: #26a69a;--primary-500: #009688;--primary-600: #00897b;--primary-700: #00796b;--primary-800: #00695c;--primary-900: #004d40;--secondary-400: #ffca28;--secondary-500: #ffc107;--secondary-600: #ffb300;--accent-400: #29b6f6;--accent-500: #03a9f4;--accent-600: #0288d1;--success-500: #43a047;--success-100: #c8e6c9;--warning-500: #fb8c00;--warning-100: #ffe0b2;--error-500: #e53935;--error-100: #ffcdd2;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #eeeeee;--neutral-300: #e0e0e0;--neutral-400: #bdbdbd;--neutral-500: #9e9e9e;--neutral-600: #757575;--neutral-700: #616161;--neutral-800: #424242;--neutral-900: #212121;--font-family: "Inter", sans-serif;--font-sm: .75rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}html,body{height:100%;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--neutral-900);background:var(--neutral-100);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-200)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-700);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-800)}.btn-secondary:hover:not(:disabled){background:var(--neutral-300)}.btn-danger{background:var(--error-500);color:#fff}.btn-danger:hover:not(:disabled){background:#c62828}.btn-success{background:var(--success-500);color:#fff}.btn-success:hover:not(:disabled){background:#2e7d32}.btn-warning{background:var(--secondary-500);color:var(--neutral-900)}.btn-warning:hover:not(:disabled){background:var(--secondary-600)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--primary-700);box-shadow:var(--shadow-md)}.btn-icon.sm{width:28px;height:28px}.btn-icon.lg{width:44px;height:44px;font-size:1.25rem}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-sm);font-weight:600;color:var(--neutral-700);letter-spacing:.02em}.form-control{width:100%;padding:var(--space-2) var(--space-3);border:1.5px solid var(--neutral-300);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-base);color:var(--neutral-900);background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #00968826}.form-control.is-invalid{border-color:var(--error-500)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px #e5393526}.form-control:disabled{background:var(--neutral-100);cursor:not-allowed;color:var(--neutral-500)}select.form-control{cursor:pointer}.invalid-feedback{font-size:var(--font-sm);color:var(--error-500);margin-top:2px}.form-row{display:grid;gap:var(--space-4)}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}@media(max-width:640px){.form-row.cols-2,.form-row.cols-3{grid-template-columns:1fr}}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.card-body{padding:var(--space-6)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--neutral-200)}table.data-table{width:100%;border-collapse:collapse;font-size:var(--font-base)}table.data-table thead th{background:var(--primary-700);color:#fff;padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-sm);letter-spacing:.04em;white-space:nowrap}table.data-table tbody tr{border-bottom:1px solid var(--neutral-200);transition:background var(--transition-fast);cursor:pointer}table.data-table tbody tr:last-child{border-bottom:none}table.data-table tbody tr:hover{background:var(--primary-50)}table.data-table td{padding:var(--space-3) var(--space-4);color:var(--neutral-800);vertical-align:middle}table.data-table td .actions{display:flex;gap:var(--space-2);align-items:center}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.04em}.badge-success{background:var(--success-100);color:#1b5e20}.badge-warning{background:var(--warning-100);color:#e65100}.badge-danger{background:var(--error-100);color:#b71c1c}.badge-info{background:#e3f2fd;color:#0d47a1}.badge-neutral{background:var(--neutral-200);color:var(--neutral-700)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp var(--transition-base) ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-box.sm{max-width:420px}.modal-box.md{max-width:620px}.modal-box.lg{max-width:860px}.modal-box.xl{max-width:1100px}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h2{font-size:var(--font-lg);font-weight:600;color:var(--neutral-900)}.modal-header .header-actions{display:flex;gap:var(--space-2);align-items:center}.modal-close{background:none;border:none;cursor:pointer;color:var(--neutral-500);display:flex;align-items:center;border-radius:var(--radius-full);padding:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast)}.modal-close:hover{color:var(--neutral-900);background:var(--neutral-200)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--neutral-200);display:flex;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.search-box{position:relative;flex:1;max-width:320px}.search-box .material-icons{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--neutral-500);font-size:18px}.search-box input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 36px;border:1.5px solid var(--neutral-300);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-base);outline:none;transition:border-color var(--transition-fast)}.search-box input:focus{border-color:var(--primary-500)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-base);margin-bottom:var(--space-4)}.alert-error{background:var(--error-100);color:#b71c1c}.alert-success{background:var(--success-100);color:#1b5e20}.alert-warning{background:var(--warning-100);color:#e65100}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:600}.text-muted{color:var(--neutral-500)}.text-sm{font-size:var(--font-sm)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.d-flex{display:flex}.align-center{align-items:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.spinner{width:36px;height:36px;border:3px solid var(--neutral-300);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--neutral-500)}.empty-state .material-icons{font-size:48px;margin-bottom:var(--space-3);color:var(--neutral-400)}