:root{--primary-color: #ff5252;--primary-dark: #d32f2f;--primary-light: #ff8a80;--accent-red: #e53e3e;--accent-orange: #f6ad55;--accent-green: #38a169;--accent-blue: #3182ce;--accent-purple: #9f7aea;--white: #ffffff;--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-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #000000;--text-secondary: #000000;--text-tertiary: #000000;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-family-base: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Courier New", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 100;--z-modal-overlay: 1000;--z-modal: 1001;--z-notification: 2000;--z-sticky: 500}body{font-family:var(--font-family-base);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0;color:var(--text-secondary)}small{font-size:var(--text-sm);color:var(--text-tertiary)}button,.btn{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;white-space:nowrap}.btn-primary,button.btn-primary{background-color:var(--primary-color);color:var(--white);border:2px solid var(--primary-color)}.btn-primary:hover,button.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 5px 10px #ff52524d}.btn-primary:active,button.btn-primary:active{transform:scale(.98)}.btn-primary:disabled,button.btn-primary:disabled{background-color:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed;opacity:.6}.btn-secondary,button.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover,button.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--gray-300);box-shadow:var(--shadow-md)}.btn-secondary:disabled,button.btn-secondary:disabled{background-color:var(--gray-100);border-color:var(--gray-200);color:var(--text-tertiary);cursor:not-allowed}.btn-outline,button.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover,button.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.btn-outline:disabled,button.btn-outline:disabled{color:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed}.btn-danger,button.btn-danger{background-color:var(--error-color);color:var(--white);border:2px solid var(--error-color)}.btn-danger:hover,button.btn-danger:hover{background-color:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-md)}.btn-success,button.btn-success{background-color:var(--success-color);color:var(--white);border:2px solid var(--success-color)}.btn-success:hover,button.btn-success:hover{background-color:#059669;border-color:#059669;box-shadow:var(--shadow-md)}.btn-sm,button.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn-lg,button.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}input,textarea,select{font-family:var(--font-family-base);font-size:var(--text-base);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background-color:var(--white);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff52521a}input:disabled,textarea:disabled,select:disabled{background-color:var(--gray-100);color:var(--text-tertiary);cursor:not-allowed}textarea{resize:vertical;min-height:100px}label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-error{color:var(--error-color);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.form-success{color:var(--success-color);font-size:var(--text-sm);margin-top:var(--spacing-xs)}.card{background-color:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--spacing-xs)}.card-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--spacing-md)}.alert-success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#7f1d1d}.alert-warning{background-color:#fffbeb;border-color:#fde68a;color:#78350f}.alert-info{background-color:#ecf0ff;border-color:#bfdbfe;color:#1e40af}table{width:100%;border-collapse:collapse}th{background-color:var(--bg-secondary);font-weight:var(--font-semibold);text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary)}td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:var(--text-sm)}tr:hover{background-color:var(--bg-secondary)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-primary{background-color:#fce4e4;color:#c62828}.badge-success{background-color:#dcfce7;color:#166534}.badge-error{background-color:#fee2e2;color:#991b1b}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-gray{background-color:#f3f4f6;color:#374151}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--text-tertiary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-lg)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.hidden{display:none!important}.visible{display:block!important}@media(max-width:768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--text-3xl: 24px;--text-4xl: 28px}h1{font-size:var(--text-2xl)}.card{padding:var(--spacing-md)}button,.btn{padding:var(--spacing-sm) var(--spacing-md)}}:root{--accent-color: #e63946;--accent-shadow: rgba(230, 57, 70, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%;width:100%}body{margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:active{color:var(--primary-dark)}body{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#1a1a2e;background:#f1f4f8}.table-striped>tbody>tr:nth-of-type(2n){background-color:#f0f4f8!important}.table-striped>tbody>tr:nth-of-type(odd){background-color:#fff!important}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.navbar,.navbar-expand-md{opacity:1!important;background-color:#fff!important;filter:none!important}.navbar-expand-md.navbar{visibility:visible!important;display:flex!important}.collapse.navbar-collapse{opacity:1!important}.navbar *{opacity:1!important;filter:none!important}.nav-link,.navbar-nav .nav-link{opacity:1!important;color:#000!important;filter:none!important}.nav-link:hover,.navbar-nav .nav-link:hover{opacity:1!important;color:#ff5252!important}.dropdown-menu{opacity:1!important}.navbar .dropdown-item.active{color:var(--accent-color)!important;background-color:transparent!important}.navbar .dropdown-item:hover{color:var(--accent-color);background-color:transparent}.btn-primary{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;min-height:35px}.btn-primary:hover{background-color:color-mix(in srgb,var(--accent-color) 90%,black 10%);border-color:color-mix(in srgb,var(--accent-color) 90%,black 10%)}.nav-item.dropdown.active:after{border-bottom:2px solid var(--accent-color)}.page-item.active .page-link{background-color:var(--accent-color);border-color:var(--accent-color)!important}.form-control:focus{border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.form-check-input:checked{background-color:var(--accent-color)!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.form-check-input:focus{box-shadow:0 0 0 .25rem var(--accent-shadow)!important}.btn.dropdown-toggle.align-text-top.show{color:var(--accent-color);border-color:var(--accent-color)}.navbar .dropdown-item:hover,.dropdown-menu .dropdown-item:focus{color:var(--accent-color)}.btn.active{color:var(--accent-color)!important;border:1px solid var(--accent-color);background-color:transparent;transition:none!important}.btn:focus,.btn:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--accent-color)!important}.input-icon .input-icon-addon:first-child,.input-icon .input-icon-addon:last-child{padding-left:1rem}.table-responsive .dropdown-menu{position:absolute;top:auto}.table-fixed-height{min-height:357px;overflow-y:auto;width:100%}.table-responsive{width:100%;overflow-x:auto}.page-wrapper{margin-bottom:20px}body.swal2-shown{overflow-y:auto!important;padding-right:0!important}.dropdown>.btn{background-color:#fff!important;color:#000!important;opacity:1!important;filter:none!important;text-align:left}.dropdown>.btn:hover,.dropdown>.btn:focus{background-color:#fff!important;color:#ff5252!important;opacity:1!important;border-color:var(--accent-color)}.dropdown-menu{background-color:#fff!important;opacity:1!important;filter:none!important;color:var(--text-color)}.dropdown-menu .dropdown-item{color:var(--text-color);opacity:1!important;background-color:#fff!important}.dropdown-menu .dropdown-item:hover{opacity:1!important;background-color:#f5f5f5!important}.icon-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;font-size:1.2rem;color:inherit}.icon-btn:hover{color:var(--accent-color)}.settings-popup{background-color:var(--background-color);color:var(--text-color);border-color:var(--accent-color);min-width:150px;box-shadow:0 4px 12px #00000026;transition:background-color .25s,color .25s}.settings-popup .form-check-label{color:var(--text-color)}.settings-popup .form-check-input:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.form-check-input:checked{background-color:#ff5252!important;border-color:#ff5252!important}.form-check-input:focus{border-color:#ff5252!important;box-shadow:0 0 0 .25rem #ff525240!important}.form-check-input:hover:not(:disabled){cursor:pointer}.card-body::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s ease}.card-body:hover::-webkit-scrollbar{opacity:1}.card-body::-webkit-scrollbar-track{background:transparent}.card-body::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.card-body:hover::-webkit-scrollbar-thumb{background:#00000059}.card-body{scrollbar-width:none}.card-body:hover{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent}.list-group-item{opacity:0;transform:translateY(10px);animation:fadeSlideUp .4s ease forwards}.list-group-item:nth-child(1){animation-delay:.05s}.list-group-item:nth-child(2){animation-delay:.1s}.list-group-item:nth-child(3){animation-delay:.15s}.list-group-item:nth-child(4){animation-delay:.2s}.list-group-item:nth-child(5){animation-delay:.25s}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0)}}.card-body{position:relative;overflow-y:auto}.card-body:before,.card-body:after{content:"";position:sticky;left:0;right:0;height:12px;pointer-events:none;z-index:1}.card-body:before{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent)}.card-body:after{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.1),transparent)}input[readonly]{background-color:#e9ecef;cursor:not-allowed;opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-menu{animation:slideIn .2s ease-out forwards;box-shadow:0 4px 12px #00000026;border:1px solid var(--accent-color);border-radius:.375rem;overflow:hidden;background-color:var(--background-color);z-index:1000}.custom-dropdown-item{transition:all .15s ease;cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;color:var(--text-color)}.custom-dropdown-item:hover{background-color:color-mix(in srgb,var(--accent-color) 10%,var(--background-color));color:var(--accent-color);padding-left:1.25rem}.custom-dropdown-item.active{background-color:color-mix(in srgb,var(--accent-color) 20%,var(--background-color));color:var(--accent-color);font-weight:600}.custom-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--background-color);color:var(--text-color);transition:border-color .2s}.custom-dropdown-trigger.open{border-color:var(--accent-color)!important;box-shadow:0 0 0 .25rem var(--accent-shadow)!important}