:root{--primary-50: #f0f4ff;--primary-100: #e0eaff;--primary-200: #c7d7fe;--primary-300: #a5b9fc;--primary-400: #8191f8;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4652b8;--primary-800: #3a4295;--primary-900: #333876;--secondary-500: #764ba2;--secondary-600: #663d91;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:.5em}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--gray-700)}.container{max-width:1400px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform var(--transition-base)}.btn:hover:before{transform:translate(0)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--secondary-500) 100%);color:#fff;box-shadow:0 4px 14px #667eea63}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-success{background:var(--success-500);color:#fff;box-shadow:0 4px 14px #22c55e63}.btn-success:hover:not(:disabled){background:var(--success-600);box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px)}.btn-danger{background:var(--danger-500);color:#fff;box-shadow:0 4px 14px #ef444463}.btn-danger:hover:not(:disabled){background:var(--danger-600);box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--primary-500);color:var(--primary-500)}.btn-outline:hover:not(:disabled){background:var(--primary-50)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-danger{background:var(--danger-100);color:var(--danger-700)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-info{background:var(--info-100);color:var(--info-600)}.badge-secondary{background:var(--gray-100);color:var(--gray-700)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.table-container{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-100) 100%)}th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.8125rem;color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200)}td{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.875rem}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--gray-700)}.form-control{width:100%;padding:.75rem 1rem;font-size:.875rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-base)}.form-control:hover{border-color:var(--gray-300)}.form-control:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a}.form-control.error{border-color:var(--danger-500)}.form-control.error:focus{box-shadow:0 0 0 3px #ef44441a}textarea.form-control{resize:vertical;min-height:100px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.error-text{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--danger-600)}.help-text{display:block;margin-top:.375rem;font-size:.8125rem;color:var(--gray-500)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);border-left:4px solid;margin-bottom:1.5rem;font-size:.875rem}.alert-icon{font-size:1.25rem;line-height:1}.alert-content{flex:1}.alert-success{background:var(--success-50);border-color:var(--success-500);color:var(--success-700)}.alert-danger{background:var(--danger-50);border-color:var(--danger-500);color:var(--danger-700)}.alert-warning{background:var(--warning-50);border-color:var(--warning-500);color:var(--warning-600)}.alert-info{background:var(--info-50);border-color:var(--info-500);color:var(--info-600)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem}.page-btn{padding:.5rem 1rem;border:2px solid var(--gray-200);background:#fff;color:var(--gray-700);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.page-btn:hover:not(:disabled){border-color:var(--primary-500);color:var(--primary-500);background:var(--primary-50)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:2px solid transparent;background:#fff;color:var(--gray-700);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.page-number:hover{border-color:var(--gray-200);background:var(--gray-50)}.page-number.active{border-color:var(--primary-500);background:var(--primary-500);color:#fff}.page-info{padding:.5rem 1rem;font-weight:600;color:var(--gray-700);font-size:.875rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:3rem;height:3rem;border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:1rem;height:1rem;border-width:2px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90%;max-height:90vh;overflow-y:auto;z-index:1001;animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--gray-500)}.text-primary{color:var(--primary-500)}.text-success{color:var(--success-500)}.text-danger{color:var(--danger-500)}.text-warning{color:var(--warning-500)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (max-width: 1024px){.container{padding:1.5rem}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container,.card{padding:1rem}.table-container{overflow-x:auto}th,td{padding:.75rem 1rem;font-size:.8125rem}}