:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #dc2626;--color-info: #06b6d4;--color-info-light: #cffafe;--color-info-dark: #0891b2;--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--sidebar-bg: var(--color-gray-900);--sidebar-text: var(--color-gray-300);--sidebar-hover: var(--color-gray-800);--sidebar-active: var(--color-primary-600);--header-height: 64px;--content-max-width: 1400px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--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);--transition-fast: .15s ease-in-out;--transition: .25s ease-in-out;--transition-slow: .35s ease-in-out;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);background:var(--color-gray-100);color:var(--color-gray-900);line-height:1.6;overflow-x:clip;width:100%;max-width:100vw}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.admin-layout{display:flex;min-height:100vh;width:100%;max-width:100vw;overflow-x:visible}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);transition:all var(--transition);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .nav-item-text,.sidebar.collapsed .nav-section-title{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-md);gap:0}.sidebar.collapsed .nav-item-icon{width:auto;margin:0}.sidebar.collapsed .sidebar-header{padding:var(--spacing-lg) var(--spacing-sm)}.sidebar.collapsed .sidebar-footer .nav-item{justify-content:center}.sidebar.collapsed .nav-section{margin-bottom:var(--spacing-lg)}.sidebar.collapsed .sidebar-nav{padding:var(--spacing-md) var(--spacing-xs)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);height:var(--header-height)}.sidebar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.sidebar-logo-icon{width:32px;height:32px;background:var(--color-primary-600);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sidebar-logo-image{max-width:180px;height:40px;border-radius:var(--border-radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-image img{max-width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.sidebar.collapsed .sidebar-logo-image{width:32px;height:32px;max-width:32px}.sidebar.collapsed .sidebar-logo-image img{width:100%;height:100%;object-fit:contain}.sidebar-nav{flex:1;padding:var(--spacing-md)}.nav-section{margin-bottom:var(--spacing-xl)}.nav-section-title{font-size:.75rem;text-transform:uppercase;color:var(--color-gray-500);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600;letter-spacing:.05em}.nav-item{display:flex;align-items:center;padding:var(--spacing-md);color:var(--sidebar-text);text-decoration:none;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);gap:var(--spacing-md);cursor:pointer;margin-bottom:var(--spacing-xs);width:100%;text-align:left;border:none;background:transparent;font-family:inherit;font-size:inherit}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item-text{flex:1}.nav-item-badge{background:var(--color-danger);color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:all var(--transition);display:flex;flex-direction:column;min-height:100vh;width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));overflow-x:visible}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));max-width:calc(100vw - var(--sidebar-collapsed-width))}.main-content>.header{background:#fff;height:var(--header-height);border-bottom:1px solid var(--color-gray-200);padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}header.header{background:#fff;min-height:var(--header-height);border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:var(--header-height);z-index:90}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0;overflow:hidden}.header-left>h1,.header-left .header-subtitle{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-gray-50);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.user-info:hover{background:var(--color-gray-100)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-100);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-name{font-size:.875rem;font-weight:500;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-gray-700);padding:var(--spacing-sm);line-height:0;transition:color var(--transition-fast)}.menu-toggle:hover{color:var(--color-primary-600)}.sidebar-collapse-btn{display:inline-flex;color:var(--color-gray-700);flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--color-primary-600)}.content{flex:1;padding:var(--spacing-xl);max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.card{background:#fff;border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg)}.card-sm{padding:var(--spacing-lg)}.card-lg{padding:var(--spacing-2xl)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.card-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0}.card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.card-body{margin-bottom:var(--spacing-lg)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.filter-summary-bar{position:sticky;top:72px;z-index:90}.filter-summary-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.filter-summary-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.filter-summary-item{display:flex;flex-direction:column;gap:2px}.filter-summary-label{font-size:.75rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em}.filter-summary-value{font-size:.95rem;font-weight:600;color:var(--color-gray-900)}.filter-panel,.filter-panel-row{margin-top:var(--spacing-md)}.filter-panel-actions{min-height:0;margin-bottom:0}.filter-panel-actions .btn{padding:.4rem}.filter-panel.filter-panel-sticky{padding:var(--spacing-md)}.filter-panel.filter-panel-sticky:has(.filter-panel-actions){padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.filter-panel.filter-panel-sticky:has(.filter-panel-actions):not(:has(.form-row)){padding:var(--spacing-sm)}@media(min-width:1024px){.filter-panel-sticky{position:sticky;top:var(--header-height);z-index:95;align-self:flex-start;margin-top:0}}.filter-panel-actions{justify-content:flex-end;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.filter-summary-content{flex-direction:column;align-items:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;border:none;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;box-sizing:border-box}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-gray-600);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-gray-700)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:var(--color-success-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn-outline{background:transparent;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50)}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;font-size:1.25rem;background:transparent;border:none;cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast);border-radius:var(--border-radius-sm)}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-icon.danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.btn-icon.success:hover{background:var(--color-success-light);color:var(--color-success)}.btn-icon-label{font-size:.85rem;font-weight:500;margin-left:var(--spacing-xs)}.btn-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-group{position:relative}.btn-group-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);z-index:10;min-width:180px;padding:var(--spacing-xs) 0;display:flex;flex-direction:column}.btn-group-menu-item{text-align:left;padding:.5rem 1rem;font-size:.875rem;background:none;border:none;cursor:pointer;width:100%;color:var(--color-gray-700)}.btn-group-menu-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-gray-700);font-weight:500;font-size:.875rem}.form-label-required:after{content:"*";color:var(--color-danger);margin-left:.25rem}.form-input,.form-textarea,.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;transition:all var(--transition-fast);background:#fff;color:var(--color-gray-900)}.form-input-group{display:flex;align-items:stretch;width:100%}.form-input-addon{display:inline-flex;align-items:center;padding:.625rem .75rem;background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-700);font-size:.875rem;white-space:nowrap}.form-input-addon.prefix{border-right:0;border-top-left-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm)}.form-input-addon.suffix{border-left:0;border-top-right-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.form-input.with-prefix{border-top-left-radius:0;border-bottom-left-radius:0}.form-input.with-suffix{border-top-right-radius:0;border-bottom-right-radius:0}.form-input-group .form-input{flex:1}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background:var(--color-gray-100);cursor:not-allowed}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{color:var(--color-danger);font-size:.8rem;margin-top:var(--spacing-xs)}.form-help{color:var(--color-gray-500);font-size:.8rem;margin-top:var(--spacing-xs)}fieldset{border:none}.form-row{display:grid;gap:var(--spacing-lg)}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.form-check{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-check-input{width:1.125rem;height:1.125rem;cursor:pointer}.form-check-label{cursor:pointer;font-size:.875rem;color:var(--color-gray-700)}.form-file{display:block;width:100%;padding:.625rem .875rem;border:1px dashed var(--color-gray-300);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.form-file:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.select-filter{padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;background:#fff;color:var(--color-gray-900);cursor:pointer;transition:all var(--transition-fast);min-width:200px}.select-filter:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.select-filter:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.6}.image-preview{margin-top:var(--spacing-md);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;background:var(--color-gray-50)}.image-preview img{max-width:200px;max-height:200px;border-radius:var(--border-radius-sm);object-fit:cover}.file-upload-zone{position:relative;border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-gray-50);transition:all var(--transition-fast);min-height:200px;display:flex;align-items:center;justify-content:center}.file-upload-zone:hover:not(.disabled){border-color:var(--color-primary-400);background:var(--color-primary-50)}.file-upload-zone.dragging{border-color:var(--color-primary-600);background:var(--color-primary-100);border-width:3px}.file-upload-zone.disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-100)}.file-upload-zone.disabled .file-upload-label{cursor:not-allowed;pointer-events:none}.file-input-hidden{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);cursor:pointer;color:var(--color-gray-600);text-align:center;width:100%}.file-upload-label:hover{color:var(--color-primary-600)}.file-upload-text{font-size:1rem;font-weight:500;color:var(--color-gray-700)}.file-upload-hint{font-size:.875rem;color:var(--color-gray-500)}.file-preview-container{position:relative;padding:var(--spacing-lg);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.file-remove-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-danger);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.file-remove-btn:hover:not(:disabled){background:var(--color-danger-dark);transform:scale(1.1)}.file-remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-preview-image{width:100%;max-width:300px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md)}.file-preview-image img{width:100%;height:auto;max-height:300px;object-fit:contain;display:block}.file-preview-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.file-icon{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);min-width:150px;transition:all var(--transition-fast)}.file-icon:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.file-extension{font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-top:var(--spacing-sm)}.file-icon-pdf{background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--color-danger);border:2px solid var(--color-danger-light)}.file-icon-excel{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:2px solid #6ee7b7}.file-icon-word{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--color-primary-700);border:2px solid var(--color-primary-300)}.file-icon-generic{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:var(--color-gray-600);border:2px solid var(--color-gray-300)}.file-info{text-align:center;width:100%;max-width:300px}.file-name{font-size:.875rem;color:var(--color-gray-700);font-weight:500;word-break:break-all;display:block;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-100);border-radius:var(--border-radius-sm)}.file-upload-compact{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);background:#fff;transition:all var(--transition-fast)}.file-upload-compact:hover:not(.disabled){border-color:var(--color-primary-400)}.file-upload-compact.disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-100)}.file-upload-compact.disabled .file-upload-compact-label{cursor:not-allowed;pointer-events:none}.file-upload-compact-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:.625rem .875rem;cursor:pointer;color:var(--color-gray-700);transition:all var(--transition-fast);width:100%}.file-upload-compact-label:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.file-upload-compact-text{font-size:.875rem;font-weight:500}.file-compact-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:.625rem .875rem;position:relative}.file-compact-thumbnail{width:40px;height:40px;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--color-gray-200)}.file-compact-thumbnail img{width:100%;height:100%;object-fit:cover}.file-compact-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);flex-shrink:0}.file-compact-icon :global(.icon-pdf){color:var(--color-danger)}.file-compact-icon :global(.icon-excel){color:#047857}.file-compact-icon :global(.icon-word){color:var(--color-primary-700)}.file-compact-icon :global(.icon-generic){color:var(--color-gray-600)}.file-compact-name{flex:1;font-size:.875rem;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-compact-remove{background:transparent;border:none;color:var(--color-gray-400);cursor:pointer;padding:.25rem;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-compact-remove:hover:not(:disabled){background:var(--color-danger-light);color:var(--color-danger)}.file-compact-remove:disabled{opacity:.5;cursor:not-allowed}.file-upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-primary-600);font-size:.875rem;font-weight:500}.file-upload-loading :global(.spinner){animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-search{position:relative;width:100%}.select-search.disabled{opacity:.6;cursor:not-allowed}.select-search.select-filter{border:none;padding:0;width:auto;min-width:250px;max-width:400px}.select-search-input-wrapper{position:relative;display:flex;align-items:center}.select-search-icon{position:absolute;left:.75rem;color:var(--color-gray-500);display:flex;align-items:center;pointer-events:none}.select-search-input{width:100%;padding:.625rem 2.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;transition:all var(--transition-fast);background:#fff;color:var(--color-gray-900);cursor:pointer}.select-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;cursor:text}.select-search-input:disabled{background:var(--color-gray-100);cursor:not-allowed}.select-search-clear,.select-search-chevron{position:absolute;right:.75rem;background:transparent;border:none;padding:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-gray-500);transition:color var(--transition-fast)}.select-search-clear>:global(*),.select-search-chevron>:global(*){pointer-events:none}.select-search-clear:hover{color:var(--color-danger)}.select-search-chevron:hover{color:var(--color-gray-700)}.select-search-chevron :global(.rotate){transform:rotate(180deg)}.select-search-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);z-index:1000}.select-search-loading,.select-search-empty{padding:.75rem;text-align:center;color:var(--color-gray-500);font-size:.875rem}.select-search-empty{display:flex;flex-direction:column;gap:.5rem;align-items:center}.select-search-option{width:100%;padding:.625rem .75rem;border:none;background:#fff;text-align:left;cursor:pointer;font-size:.875rem;color:var(--color-gray-900);transition:background-color var(--transition-fast)}.select-search-option:hover,.select-search-option.highlighted{background:var(--color-primary-50)}.select-search-option.selected{background:var(--color-primary-100);font-weight:500;color:var(--color-primary-700)}.table-container{overflow-x:auto;border-radius:var(--border-radius);border:1px solid var(--color-gray-200)}.table{width:100%;border-collapse:collapse;background:#fff}.table thead{background:var(--color-gray-50)}.table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--color-gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-gray-200)}.table td{padding:.875rem 1rem;color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-200)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-gray-50)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(odd){background:var(--color-gray-50)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--color-gray-200)}.table-actions{display:flex;gap:var(--spacing-xs)}.table-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200)}.table-image-button{padding:0;border:none;background:transparent;cursor:pointer;display:inline-block;transition:transform var(--transition-fast)}.table-image-button:hover{transform:scale(1.05)}.table-image-button:active{transform:scale(.98)}.table-image-button:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--border-radius-sm)}.table-no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--border-radius-sm);font-size:.7rem;color:var(--color-gray-400);text-align:center}.table-header-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.search-input-wrapper{position:relative;display:flex;align-items:center;flex-grow:1;max-width:320px}.search-input-icon{position:absolute;left:12px;color:var(--color-gray-400);pointer-events:none}.search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);background:#fff;color:var(--color-gray-800);font-size:.875rem;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.pagination-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding:var(--spacing-md) 0;border-top:1px solid var(--color-gray-200)}.pagination-details{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;flex-grow:1}.pagination-limit{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-600);font-size:.875rem}.pagination-limit-label{color:var(--color-gray-600);font-size:.875rem}.pagination-limit-select{padding:.375rem .75rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);background:#fff;color:var(--color-gray-700);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.pagination-limit-select:hover{border-color:var(--color-primary-500)}.pagination-limit-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;max-width:100%}.pagination-button{padding:.5rem .75rem;border:1px solid var(--color-gray-300);background:#fff;color:var(--color-gray-700);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;min-width:36px;text-align:center}.pagination-ellipsis{padding:.5rem .25rem;color:var(--color-gray-500);font-size:.875rem;-webkit-user-select:none;user-select:none}.pagination-button:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary-500);color:var(--color-primary-600)}.pagination-button.active{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-gray-600);font-size:.875rem;padding:0 var(--spacing-md);text-align:left}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{background:var(--color-gray-100)}.th-content{display:flex;align-items:center;gap:var(--spacing-xs)}.sort-icon{display:inline-flex;color:var(--color-primary-600)}.sort-icon-default{color:var(--color-gray-400);opacity:.5}.table th.sortable:hover .sort-icon-default{opacity:1}.table-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.chart-container{display:flex;align-items:center;justify-content:center;min-height:220px}.chart-canvas{width:100%;height:260px}.chart-explainer{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;background:var(--muted-bg, #f3f4f6);color:var(--text, #111827)}.chart-explainer-title{font-size:.95rem;font-weight:600;margin-bottom:.35rem}.chart-explainer-text{font-size:.9rem;color:var(--text-muted, #4b5563);margin-bottom:.5rem}.chart-explainer-list{margin:0;padding-left:1.1rem;color:var(--text-muted, #4b5563);font-size:.88rem;line-height:1.4}.chart-explainer-list li{margin-bottom:.25rem}.chart-explainer-note{margin-top:.5rem;font-size:.88rem;color:var(--text-muted, #4b5563)}.table-explainer{margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;background:var(--muted-bg, #f3f4f6);color:var(--text, #111827)}.table-explainer-title{font-size:.95rem;font-weight:600;margin-bottom:.35rem}.table-explainer-text{font-size:.9rem;color:var(--text-muted, #4b5563);margin-bottom:.5rem}.table-explainer-list{margin:0;padding-left:1.1rem;color:var(--text-muted, #4b5563);font-size:.88rem;line-height:1.4}.table-explainer-list li{margin-bottom:.25rem}.heatmap-table td,.heatmap-table th{text-align:center}.heatmap-scroll{max-height:360px;overflow-x:auto;overflow-y:auto;width:100%;max-width:100%;box-sizing:border-box}.heatmap-table table{width:max-content;min-width:100%}.heatmap-card{min-width:0;overflow:hidden;width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box}.heatmap-grid{min-width:0;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:100%;box-sizing:border-box}.heatmap-grid>.card{min-width:0;max-width:100%}.alert-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.alert-card{border-radius:.9rem;padding:1rem 1.1rem;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 20px #0f172a0f}.alert-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.alert-card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#111827}.alert-pill{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;background:#0f172a14;color:#111827}.alert-card--danger{border-left:4px solid #dc2626;background:linear-gradient(135deg,#fef2f2cc,#fff 60%)}.alert-card--warning{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#fffbebe6,#fff 60%)}.alert-card--info{border-left:4px solid #2563eb;background:linear-gradient(135deg,#eff6ffe6,#fff 60%)}.alert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;color:#374151;font-size:.9rem}.alert-list li{display:flex;align-items:center;gap:.5rem}.alert-item{align-items:flex-start}.alert-item-content{display:flex;flex-direction:column;gap:.15rem}.alert-item-main{font-weight:600;color:#111827}.alert-item-meta{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-size:.78rem;color:#6b7280}.alert-item-meta span{white-space:nowrap}.alert-dot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.6}.alert-empty{color:#6b7280;font-size:.9rem}.alert-pagination{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.75rem}.table-pagination{margin-top:.75rem}.stat-value{white-space:nowrap}.stat-card{display:flex;flex-direction:column;gap:.5rem}.stat-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.stat-amount{margin-top:.25rem}.indicator-table-container{overflow-x:auto;overflow-y:visible}.formula-tooltip{position:relative;display:inline-flex;align-items:center}.formula-tooltip-trigger{border-bottom:1px dashed var(--color-gray-300);cursor:help}.formula-tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,-2px);min-width:220px;max-width:280px;padding:.5rem .65rem;border-radius:.5rem;background:#111827;color:#f9fafb;box-shadow:0 10px 18px #0f172a33;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:20}.formula-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#111827 transparent transparent transparent}.formula-tooltip-title{display:block;font-size:.75rem;font-weight:600;color:#e5e7eb}.formula-tooltip-values{display:block;font-size:.78rem;margin-top:.2rem;color:#f9fafb;white-space:pre-line}.formula-tooltip:hover .formula-tooltip-content{opacity:1;transform:translate(-50%,-6px)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:10px;font-size:.75rem;font-weight:600;line-height:1}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-gray{background:var(--color-gray-200);color:var(--color-gray-700)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);display:flex;align-items:start;gap:var(--spacing-md)}.alert-success{background:var(--color-success-light);color:var(--color-success-dark);border-left:4px solid var(--color-success)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning-dark);border-left:4px solid var(--color-warning)}.alert-danger{background:var(--color-danger-light);color:var(--color-danger-dark);border-left:4px solid var(--color-danger)}.alert-info{background:var(--color-info-light);color:var(--color-info-dark);border-left:4px solid var(--color-info)}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.stat-icon-primary{background:var(--color-primary-100);color:var(--color-primary-600)}.stat-icon-success{background:var(--color-success-light);color:var(--color-success-dark)}.stat-icon-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.stat-icon-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.stat-icon-info{background:var(--color-info-light);color:var(--color-info-dark)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0;flex:1;min-width:0}.modal-close-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);padding:0}.modal-close-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-close-btn:active{background:var(--color-gray-200)}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end}.confirm-dialog{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);max-width:400px;width:100%;text-align:center;animation:slideIn .3s ease-out}.confirm-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-icon-danger{background:var(--color-danger-light);color:var(--color-danger)}.confirm-icon-warning{background:var(--color-warning-light);color:var(--color-warning)}.confirm-icon-info{background:var(--color-info-light);color:var(--color-info)}.confirm-title{font-size:1.5rem;font-weight:600;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}.confirm-message{color:var(--color-gray-600);margin-bottom:var(--spacing-xl);line-height:1.6}.confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-actions .btn{min-width:120px}.image-dialog-backdrop{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-in-out}.image-dialog-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:var(--spacing-lg)}.image-dialog-header{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-shrink:0}.image-dialog-zoom-btn,.image-dialog-close-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-dialog-zoom-btn:hover,.image-dialog-close-btn:hover{background:#fff3;border-color:#ffffff4d}.image-dialog-zoom-btn:active,.image-dialog-close-btn:active{background:#ffffff26;transform:scale(.95)}.image-dialog-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:0}.image-dialog-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-md);box-shadow:0 25px 50px -12px #00000080;transition:all .3s ease;cursor:default}.image-dialog-img.zoomed{max-width:none;max-height:none;width:auto;height:auto;cursor:zoom-out}@media(max-width:640px){.modal-footer{flex-direction:column}.modal-footer>*{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-footer .btn{width:100%}.image-dialog-container{padding:var(--spacing-md)}.image-dialog-header{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.image-dialog-zoom-btn,.image-dialog-close-btn{width:40px;height:40px}}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-gray{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.header-subtitle{max-width:640px;line-height:1.4;word-break:break-word}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.gap-4{gap:var(--spacing-xl)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.w-auto{width:auto}.summary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.summary-item{padding:var(--spacing-md);border-radius:10px;border:1px solid var(--border-color, #e5e7eb);background:var(--card-muted, #f9fafb)}.quick-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.quick-select{width:100%}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--color-gray-500)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-sm)}.empty-state-text{color:var(--color-gray-500);margin-bottom:var(--spacing-lg)}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-600);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.main-content.collapsed{margin-left:0;width:100%;max-width:100vw}.menu-toggle{display:inline-flex}.sidebar-collapse-btn{display:none!important}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .nav-item-text,.sidebar.collapsed .nav-section-title{opacity:1;width:auto}.user-name{max-width:120px}.content{padding:var(--spacing-lg)}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.form-row-4,.form-row-3{grid-template-columns:1fr 1fr}.summary-kpis{grid-template-columns:1fr}.sidebar-overlay.show{display:block}}@media(max-width:640px){.main-content>.header{padding:0 var(--spacing-md);box-sizing:border-box;width:100%}.user-name{display:none}.user-info{padding:var(--spacing-sm);border:none;background:transparent}.user-info:hover{background:transparent}header.header{padding:var(--spacing-sm) var(--spacing-md);min-height:auto}header.header .header-left h1{font-size:1rem!important;line-height:1.3;font-weight:600!important}header.header .header-left .header-subtitle{font-size:.8rem;max-width:100%}header.header .header-right{flex-shrink:0}header.header .header-right .btn{padding:var(--spacing-sm);width:auto;min-width:40px;height:40px}header.header .header-right .btn svg{margin:0}header.header .header-right .btn>*:not(svg){display:none}.content{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}.grid-cols-4,.grid-cols-3,.grid-cols-2,.form-row-4,.form-row-3,.form-row-2{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn{width:100%}.table{font-size:.8rem}.table th,.table td{padding:.625rem .75rem}.modal-backdrop{padding:var(--spacing-sm)}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header{padding:var(--spacing-lg)}.modal-title{font-size:1.125rem}.modal-body,.modal-footer{padding:var(--spacing-lg)}.confirm-dialog{padding:var(--spacing-xl)}.confirm-actions{flex-direction:column}.confirm-actions .btn{width:100%}}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);padding:var(--spacing-lg);overflow:hidden}.auth-bg-pattern{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:60px 60px;pointer-events:none;z-index:1}.auth-gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none;z-index:2}.auth-container{position:relative;width:100%;max-width:440px;z-index:10;animation:fadeInUp .6s ease-out}.auth-card{background:#fff;border-radius:var(--border-radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-lg)}.auth-logo-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));border-radius:var(--border-radius-xl);font-size:2.5rem;margin-bottom:var(--spacing-md);box-shadow:0 8px 16px #3b82f64d;animation:logoFloat 3s ease-in-out infinite}.auth-title{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--spacing-sm) 0;letter-spacing:-.025em}.auth-subtitle{font-size:.9375rem;color:var(--color-gray-600);margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form .form-group{margin-bottom:0}.auth-form .form-input:focus{box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px);transition:all .2s ease}.auth-submit-btn{margin-top:var(--spacing-md);padding:.875rem var(--spacing-lg);font-size:1rem;font-weight:600;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-alert{animation:slideDown .3s ease-out}.auth-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.auth-footer-link{color:var(--color-primary-600);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s ease}.auth-footer-link:hover{color:var(--color-primary-700);text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--spacing-xl) 0;color:var(--color-gray-500);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-gray-300)}.auth-divider:before{margin-right:var(--spacing-md)}.auth-divider:after{margin-left:var(--spacing-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:640px){.auth-page{padding:var(--spacing-md)}.auth-container{max-width:100%}.auth-card{padding:var(--spacing-xl)}.auth-logo-icon{width:64px;height:64px;font-size:2rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-submit-btn{padding:.75rem var(--spacing-md)}}@media(max-width:380px){.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.375rem}}