:root{--dashboard-bg:var(--color-bg-secondary);--dashboard-card:var(--color-bg-primary);--dashboard-border:var(--color-gray-200);--dashboard-text-primary:var(--color-gray-800);--dashboard-text-secondary:var(--color-gray-500);--dashboard-text-muted:var(--color-gray-400);--dashboard-accent:var(--color-info-500);--dashboard-success:var(--color-success-500);--dashboard-warning:var(--color-warning-500);--dashboard-danger:var(--color-danger-500);--dashboard-info:var(--color-info-500);--dashboard-spacing-xs:0.5rem;--dashboard-spacing-sm:1rem;--dashboard-spacing-md:1.5rem;--dashboard-spacing-lg:2rem;--dashboard-spacing-xl:3rem;--dashboard-font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dashboard-font-mono:"SF Mono","Monaco","Inconsolata","Fira Code",monospace;--dashboard-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--dashboard-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--dashboard-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--dashboard-transition:all 0.2s ease-in-out}@media (prefers-color-scheme:dark){:root{--dashboard-bg:var(--color-gray-900);--dashboard-card:var(--color-gray-800);--dashboard-border:var(--color-gray-700);--dashboard-text-primary:var(--color-gray-100);--dashboard-text-secondary:var(--color-gray-300);--dashboard-text-muted:var(--color-gray-400)}}.dashboard-container{background:var(--dashboard-bg);min-height:100vh;font-family:var(--dashboard-font-primary);color:var(--dashboard-text-primary);line-height:1.6}.dashboard-card{background:var(--dashboard-card);border:1px solid var(--dashboard-border);border-radius:12px;padding:var(--dashboard-spacing-md);transition:var(--dashboard-transition);position:relative;overflow:hidden}.dashboard-card:hover{box-shadow:var(--dashboard-shadow-md);transform:translateY(-2px)}.stat-card{background:var(--dashboard-card);border:1px solid var(--dashboard-border);border-radius:12px;padding:var(--dashboard-spacing-md);position:relative;overflow:hidden;transition:var(--dashboard-transition)}.stat-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient( 180deg,var(--dashboard-accent) 0%,var(--dashboard-info) 100% );opacity:0;transition:opacity 0.3s ease}.stat-card:hover::before{opacity:1}.stat-value{font-size:2rem;font-weight:700;color:var(--dashboard-text-primary);margin:0;line-height:1.2}.stat-label{font-size:0.875rem;color:var(--dashboard-text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem}.stat-change{font-size:0.75rem;display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.5rem;border-radius:9999px;margin-top:0.5rem}.stat-change.positive{color:var(--dashboard-success);background:var(--color-success-100)}.stat-change.negative{color:var(--dashboard-danger);background:var(--color-danger-100)}.dashboard-tabs{display:flex;gap:0.5rem;border-bottom:1px solid var(--dashboard-border);margin-bottom:var(--dashboard-spacing-lg);padding:0}.dashboard-tab{background:none;border:none;padding:var(--dashboard-spacing-sm) var(--dashboard-spacing-md);color:var(--dashboard-text-secondary);font-size:0.9375rem;font-weight:500;cursor:pointer;position:relative;transition:var(--dashboard-transition);white-space:nowrap}.dashboard-tab:hover{color:var(--dashboard-text-primary)}.dashboard-tab.active{color:var(--dashboard-accent)}.dashboard-tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--dashboard-accent)}.data-table{width:100%;border-collapse:collapse;background:var(--dashboard-card);border-radius:12px;overflow:hidden}.data-table thead{background:var(--dashboard-bg);border-bottom:2px solid var(--dashboard-border)}.data-table th{padding:var(--dashboard-spacing-sm) var(--dashboard-spacing-md);text-align:left;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--dashboard-text-secondary)}.data-table td{padding:var(--dashboard-spacing-sm) var(--dashboard-spacing-md);border-bottom:1px solid var(--dashboard-border);font-size:0.9375rem;color:var(--dashboard-text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--color-primary-50)}.action-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:var(--dashboard-card);border:1px solid var(--dashboard-border);border-radius:8px;color:var(--dashboard-text-primary);font-size:0.875rem;font-weight:500;cursor:pointer;transition:var(--dashboard-transition)}.action-btn:hover{background:var(--dashboard-bg);box-shadow:var(--dashboard-shadow-sm)}.action-btn.primary{background:var(--dashboard-accent);color:white;border:1px solid var(--dashboard-accent)}.action-btn.primary:hover{background:var(--color-info-600);transform:translateY(-1px)}.progress-bar{width:100%;height:8px;background:var(--dashboard-border);border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient( 90deg,var(--dashboard-accent) 0%,var(--dashboard-info) 100% );border-radius:4px;transition:width 0.3s ease}.feature-card{background:var(--dashboard-card);border:1px solid var(--dashboard-border);border-radius:12px;padding:var(--dashboard-spacing-md);text-align:center;transition:var(--dashboard-transition);cursor:pointer}.feature-card:hover{border-color:var(--dashboard-accent);box-shadow:var(--dashboard-shadow-md)}.feature-card.locked{opacity:0.6;cursor:not-allowed}.feature-icon{width:48px;height:48px;margin:0 auto var(--dashboard-spacing-sm);display:flex;align-items:center;justify-content:center;background:linear-gradient( 135deg,var(--dashboard-accent) 0%,var(--dashboard-info) 100% );border-radius:12px;color:white}.feature-title{font-size:0.9375rem;font-weight:600;color:var(--dashboard-text-primary);margin-bottom:0.25rem}.feature-description{font-size:0.8125rem;color:var(--dashboard-text-secondary);line-height:1.5}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;gap:var(--dashboard-spacing-sm);padding:var(--dashboard-spacing-sm) 0;border-bottom:1px solid var(--dashboard-border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--dashboard-bg);border-radius:8px;flex-shrink:0}.activity-content{flex:1}.activity-title{font-size:0.9375rem;font-weight:500;color:var(--dashboard-text-primary);margin-bottom:0.125rem}.activity-time{font-size:0.75rem;color:var(--dashboard-text-muted)}.dashboard-grid{display:grid;gap:var(--dashboard-spacing-md)}.dashboard-grid-2{grid-template-columns:repeat(2,1fr)}.dashboard-grid-3{grid-template-columns:repeat(3,1fr)}.dashboard-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.dashboard-grid-4{grid-template-columns:repeat(2,1fr)}.dashboard-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.dashboard-grid-4,.dashboard-grid-3,.dashboard-grid-2{grid-template-columns:1fr}}.badge-minimal{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:0.025em}.badge-minimal.success{background:var(--color-success-100);color:var(--dashboard-success)}.badge-minimal.warning{background:var(--color-warning-100);color:var(--dashboard-warning)}.badge-minimal.info{background:var(--color-info-100);color:var(--dashboard-info)}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn 0.3s ease-out}.text-muted{color:var(--dashboard-text-muted)}.text-secondary{color:var(--dashboard-text-secondary)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--dashboard-spacing-xs)}.mb-2{margin-bottom:var(--dashboard-spacing-sm)}.mb-3{margin-bottom:var(--dashboard-spacing-md)}.mb-4{margin-bottom:var(--dashboard-spacing-lg)}.mb-5{margin-bottom:var(--dashboard-spacing-xl)}:root{--dash-primary:var(--color-info-500);--dash-secondary:var(--color-purple-500);--dash-success:var(--color-success-500);--dash-warning:var(--color-warning-500);--dash-danger:var(--color-danger-500);--dash-info:var(--color-info-500);--dash-gray:var(--color-gray-500);--dash-light:var(--color-gray-100);--dash-dark:var(--color-gray-800);--dash-white:var(--color-bg-primary)}.dashboard-header{background:linear-gradient( 135deg,var(--dash-primary) 0%,var(--dash-secondary) 100% );color:white;padding:2rem;border-radius:16px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-title{font-size:2rem;font-weight:700;margin:0;display:flex;align-items:center}.dashboard-subtitle{font-size:0.95rem;opacity:0.9;margin:0.25rem 0 0 0}.dashboard-search{display:flex;background:rgba(255,255,255,0.2);border-radius:8px;overflow:hidden;backdrop-filter:blur(10px)}.dashboard-search input{background:transparent;border:none;padding:0.5rem 1rem;color:white;min-width:200px;outline:none}.dashboard-search input::placeholder{color:rgba(255,255,255,0.7)}.dashboard-search button{background:transparent;border:none;padding:0.5rem 1rem;color:white;cursor:pointer;transition:background 0.2s}.dashboard-search button:hover{background:rgba(255,255,255,0.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card.primary{border-left:4px solid var(--dash-primary)}.stat-card.success{border-left:4px solid var(--dash-success)}.stat-card.warning{border-left:4px solid var(--dash-warning)}.stat-card.info{border-left:4px solid var(--dash-info)}.stat-icon{font-size:1.5rem;color:var(--dash-gray);margin-bottom:0.5rem}.dashboard-main{display:flex;gap:2rem;margin-top:2rem}.dashboard-main.with-sidebar{display:grid;grid-template-columns:1fr 350px;gap:2rem}@media (max-width:1200px){.dashboard-main.with-sidebar{grid-template-columns:1fr}}.content-card{background:var(--color-bg-primary);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.1);overflow:hidden}.card-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-actions{display:flex;gap:0.5rem;flex-wrap:wrap}.card-body{padding:1.5rem}.filter-btn{padding:0.5rem 1rem;background:transparent;border:1px solid var(--color-gray-200);border-radius:8px;color:var(--color-gray-500);font-size:0.875rem;cursor:pointer;transition:all 0.2s}.filter-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.filter-btn.active{background:var(--dash-primary);color:white;border-color:var(--dash-primary)}.activity-feed{list-style:none;padding:0;margin:0}.activity-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-gray-200)}.activity-item:last-child{border-bottom:none}.activity-time{font-size:0.75rem;color:var(--color-gray-400);min-width:60px}.activity-text{flex:1;color:var(--color-gray-600);font-size:0.9rem}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.action-icon{font-size:1.5rem;margin-bottom:0.5rem}.action-label{font-size:0.875rem;display:block}.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-section{background:var(--color-bg-primary);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.sidebar-title{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-gray-800)}.progress-item{margin-bottom:1rem}.progress-item:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;margin-bottom:0.5rem;font-size:0.875rem;color:var(--color-gray-600)}.progress-fill{height:100%;background:linear-gradient( 90deg,var(--dash-primary) 0%,var(--dash-info) 100% );border-radius:4px;transition:width 0.3s ease}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:0.025em}.badge.primary{background:var(--dash-primary);color:white}.badge.success{background:var(--dash-success);color:white}.badge.warning{background:var(--dash-warning);color:white}.badge.secondary{background:var(--color-gray-200);color:var(--color-gray-500)}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:3rem;color:var(--color-gray-300);margin-bottom:1rem}.empty-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin-bottom:0.5rem}.empty-text{color:var(--color-gray-500);margin-bottom:1.5rem}.chart-container{background:var(--color-gray-50);border-radius:8px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-gray-400)}.filter-group{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.notification{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;font-size:0.9rem}.notification.info{background:var(--color-info-100);color:var(--dash-info)}.notification.success{background:var(--color-success-100);color:var(--dash-success)}.notification.warning{background:var(--color-warning-100);color:var(--dash-warning)}.list-group{list-style:none;padding:0;margin:0}.list-group-item{padding:1rem;background:var(--color-gray-50);border-radius:8px;margin-bottom:0.5rem}.list-group-item:last-child{margin-bottom:0}.modal.show{display:block !important}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{border:none;box-shadow:0 25px 50px rgba(0,0,0,0.15)}.modal-header{border-bottom:1px solid var(--color-gray-200)}.modal-footer{border-top:1px solid var(--color-gray-200)}.marketplace-tab{padding:1rem}.form-check-input{width:1rem !important;height:1rem !important;margin-top:0.25rem !important;border:1.5px solid var(--color-gray-300) !important;border-radius:0.25rem !important;background-color:var(--color-bg-primary) !important;cursor:pointer !important;transition:all 0.15s ease-in-out !important}.form-check-input:checked{background-color:var(--color-info-500) !important;border-color:var(--color-info-500) !important}.form-check-input:focus{border-color:var(--color-info-500) !important;box-shadow:0 0 0 3px rgba(59,130,246,0.1) !important;outline:none !important}.form-check-label{font-size:0.875rem !important;color:var(--color-gray-700) !important;margin-left:0.5rem !important;cursor:pointer !important;user-select:none !important}.card.bg-gradient-primary,.card.bg-primary{background:linear-gradient( 135deg,var(--color-primary-400) 0%,var(--color-primary-700) 100% ) !important;border:none !important;color:white !important}.dashboard-container .card.bg-gradient-primary .card-body{padding:2rem !important}.dashboard-container .card.bg-gradient-primary h1,.dashboard-container .card.bg-gradient-primary h2,.dashboard-container .card.bg-gradient-primary p{color:white !important}.dashboard-container .nav-tabs{border-bottom:1px solid rgba(255,255,255,0.2) !important}.dashboard-container .nav-tabs .nav-link{color:rgba(255,255,255,0.7) !important;border:none !important;padding:0.75rem 1.5rem !important;transition:all 0.2s ease !important}.dashboard-container .nav-tabs .nav-link:hover{color:white !important;background:rgba(255,255,255,0.1) !important;border:none !important}.dashboard-container .nav-tabs .nav-link.active{color:white !important;background:rgba(255,255,255,0.2) !important;border:none !important;border-bottom:2px solid white !important}.staff-unified-page{font-family:var(--font-lexend,"Lexend",system-ui,sans-serif);background:linear-gradient( 135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100% );min-height:100vh}.unified-header{padding-bottom:1.5rem;border-bottom:2px solid var(--color-gray-300)}.header-icon{width:56px;height:56px;background:linear-gradient( 135deg,var(--color-info-500) 0%,var(--color-info-600) 100% );border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 4px 12px var(--color-info-500-alpha-20)}.page-title{font-size:2rem;font-weight:600;color:var(--color-gray-800);letter-spacing:-0.5px;margin:0}.page-subtitle{font-size:1rem;color:var(--color-gray-500);font-weight:400}.action-btn{border-radius:10px;padding:10px 20px;font-weight:500;transition:all 0.2s ease}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-info-500-alpha-20)}.unified-card{border:none;border-radius:16px;box-shadow:0 2px 8px var(--color-black-alpha-10);background:var(--color-bg-primary);transition:all 0.3s ease;border-left:4px solid transparent}.unified-card.active{border-left-color:var(--color-info-500)}.unified-card.completed{border-left-color:var(--color-success-500);opacity:0.95}.unified-card.disabled{opacity:0.6;pointer-events:none}.unified-card-header{background:linear-gradient( 135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100% );border-bottom:2px solid var(--color-gray-300);padding:1.5rem 2rem}.unified-card-header h4{font-size:1.25rem;font-weight:600;color:var(--color-gray-800)}.step-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient( 135deg,var(--color-info-500) 0%,var(--color-info-600) 100% );color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;box-shadow:0 4px 12px var(--color-info-500-alpha-30)}.success-badge{font-size:0.875rem;padding:6px 14px;border-radius:20px;font-weight:600}.form-label-elegant{font-size:0.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.elegant-input{border-radius:10px;border:1.5px solid var(--color-gray-300);padding:10px 16px;font-size:0.9375rem;transition:all 0.2s ease}.elegant-input:focus{border-color:var(--color-info-500);box-shadow:0 0 0 3px var(--color-info-500-alpha-10)}.sidebar-card{border:none;border-radius:12px;box-shadow:0 2px 6px var(--color-black-alpha-05)}.sidebar-header{background:linear-gradient( 135deg,var(--color-info-50) 0%,var(--color-info-100) 100% );border-bottom:2px solid var(--color-info-200);padding:0.875rem 1rem;font-size:0.875rem;font-weight:600;color:var(--color-info-800)}.image-upload-compact{min-height:150px;display:flex;align-items:center;justify-content:center}.image-placeholder{text-align:center;padding:1.5rem;border:2px dashed var(--color-gray-300);border-radius:10px;background:var(--color-gray-50);width:100%}.placeholder-icon{font-size:32px;color:var(--color-gray-400)}.image-preview-wrapper{position:relative;width:100%}.image-preview{width:100%;height:auto;border-radius:10px;box-shadow:0 2px 6px var(--color-black-alpha-10)}.remove-btn{position:absolute;top:8px;right:8px;border-radius:6px;background:var(--color-bg-primary);padding:4px 10px;font-size:0.8125rem}.preview-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--color-gray-100);gap:0.75rem}.preview-item:last-child{border-bottom:none;padding-bottom:0}.preview-label{font-size:0.8125rem;color:var(--color-gray-500);font-weight:500;min-width:70px}.preview-value{font-size:0.8125rem;color:var(--color-gray-800);font-weight:600;text-align:right;word-break:break-word}.submit-btn{border-radius:12px;padding:14px 32px;font-weight:600;font-size:1rem;box-shadow:0 4px 12px var(--color-info-500-alpha-30);transition:all 0.2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-info-500-alpha-50)}.upload-dropzone{border:3px dashed var(--color-gray-300);border-radius:16px;padding:3rem 2rem;text-align:center;background:linear-gradient( 135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100% );transition:all 0.3s ease;cursor:pointer}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--color-info-500);background:linear-gradient( 135deg,var(--color-info-50) 0%,var(--color-info-100) 100% )}.dropzone-icon{font-size:48px;color:var(--color-gray-400);transition:all 0.3s ease}.upload-dropzone:hover .dropzone-icon{color:var(--color-info-500);transform:scale(1.1)}.dropzone-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-700)}.dropzone-text{font-size:0.9375rem;color:var(--color-gray-500)}.browse-btn{border-radius:10px;padding:10px 28px;font-weight:500;border:2px solid var(--color-info-500);transition:all 0.2s ease}.browse-btn:hover{background:var(--color-info-500);color:white;transform:translateY(-2px)}.selected-files{animation:fadeIn 0.3s ease}.files-list{max-height:350px;overflow-y:auto;border:1px solid var(--color-gray-200);border-radius:12px;padding:0.5rem;background:var(--color-gray-50)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--color-bg-primary);border-radius:8px;margin-bottom:6px;border:1px solid var(--color-gray-200);transition:all 0.2s ease}.file-item:hover{border-color:var(--color-gray-300);box-shadow:0 2px 4px var(--color-black-alpha-05)}.file-info{display:flex;align-items:center;gap:10px;flex:1}.file-icon{font-size:18px;color:var(--color-info-500)}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{font-size:0.875rem;font-weight:500;color:var(--color-gray-700)}.file-size{font-size:0.75rem;color:var(--color-gray-400)}.upload-progress{padding:1rem;background:var(--color-info-50);border-radius:12px;border:1px solid var(--color-info-200)}.upload-btn{border-radius:12px;padding:14px 32px;font-weight:600;box-shadow:0 4px 12px var(--color-success-500-alpha-30);transition:all 0.2s ease}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-success-500-alpha-50)}.guideline-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-gray-100)}.guideline-item:last-child{border-bottom:none;padding-bottom:0}.guideline-item code{background:var(--color-gray-100);color:var(--color-gray-800);padding:4px 10px;border-radius:6px;font-size:0.8125rem;font-weight:500;font-family:"Consolas","Monaco",monospace}.guideline-item span{font-size:0.8125rem;color:var(--color-gray-500);font-weight:500}.collapsed-section{padding:1rem !important}.elegant-alert{border-radius:12px;border:2px solid;font-size:0.9375rem}.elegant-alert.alert-success{background:linear-gradient( 135deg,var(--color-success-50) 0%,var(--color-success-100) 100% );border-color:var(--color-success-300);color:var(--color-success-800)}.elegant-alert.alert-info{background:linear-gradient( 135deg,var(--color-info-50) 0%,var(--color-info-100) 100% );border-color:var(--color-info-300);color:var(--color-info-800)}.elegant-alert.alert-danger{background:linear-gradient( 135deg,var(--color-error-50) 0%,var(--color-danger-100) 100% );border-color:var(--color-danger-400);color:var(--color-danger-700)}.elegant-alert.alert-warning{background:linear-gradient( 135deg,var(--color-warning-50) 0%,var(--color-warning-100) 100% );border-color:var(--color-warning-400);color:var(--color-warning-900)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.page-title{font-size:1.5rem}.header-icon{width:48px;height:48px;font-size:20px}.step-badge{width:40px;height:40px;font-size:1.125rem}.unified-card-header{padding:1.25rem 1.5rem}.unified-card-header h4{font-size:1.125rem}}@media (max-width:991px){.unified-header{text-align:center}.unified-header>div{flex-direction:column;align-items:center !important}.page-title{font-size:1.25rem}.page-subtitle{font-size:0.875rem}.dropzone-icon{font-size:36px}.dropzone-title{font-size:1.125rem}.submit-btn,.upload-btn{padding:12px 24px;font-size:0.9375rem}}.staff-dashboard-page{font-family:var(--font-lexend,"Lexend",system-ui,sans-serif);background:linear-gradient( 135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100% );min-height:100vh}.dashboard-header{padding-bottom:1.5rem;border-bottom:2px solid var(--color-gray-300)}.header-icon{width:56px;height:56px;background:linear-gradient( 135deg,var(--color-info-500) 0%,var(--color-info-600) 100% );border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 4px 12px var(--color-info-500-alpha-20)}.page-title{font-size:2rem;font-weight:600;color:var(--color-gray-800);letter-spacing:-0.5px;margin:0}.page-subtitle{font-size:1rem;color:var(--color-gray-500);font-weight:400}.action-button{border-radius:10px;padding:10px 20px;font-weight:500;border:1.5px solid;transition:all 0.2s ease;font-size:0.9375rem}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-info-500-alpha-20)}.stat-card{border:none;border-radius:16px;box-shadow:0 2px 8px var(--color-black-alpha-10);transition:all 0.3s ease;background:var(--color-bg-primary);border-left:4px solid transparent}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--color-black-alpha-10)}.stat-card-primary{border-left-color:var(--color-info-500)}.stat-card-success{border-left-color:var(--color-success-500)}.stat-card-warning{border-left-color:var(--color-warning-500)}.stat-card-info{border-left-color:var(--color-info-500)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-icon-primary{background:linear-gradient( 135deg,var(--color-info-100) 0%,var(--color-info-200) 100% );color:var(--color-info-800)}.stat-icon-success{background:linear-gradient( 135deg,var(--color-success-100) 0%,var(--color-success-200) 100% );color:var(--color-success-800)}.stat-icon-warning{background:linear-gradient( 135deg,var(--color-warning-100) 0%,var(--color-warning-100) 100% );color:var(--color-warning-900)}.stat-icon-info{background:linear-gradient( 135deg,var(--color-info-100) 0%,var(--color-info-200) 100% );color:var(--color-info-800)}.stat-number{font-size:2.25rem;font-weight:700;color:var(--color-gray-800);letter-spacing:-1px}.stat-label{font-size:0.875rem;color:var(--color-gray-500);font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.trend-icon{font-size:18px}.completion-badge{font-size:0.75rem;padding:4px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px}.elegant-progress-sm{height:8px;border-radius:10px;background:var(--color-gray-200)}.elegant-progress-sm .progress-bar{border-radius:10px}.filter-card{border:none;border-radius:16px;box-shadow:0 2px 8px var(--color-black-alpha-10);background:var(--color-bg-primary)}.filter-label{font-size:0.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.elegant-select{border-radius:10px;border:1.5px solid var(--color-gray-300);padding:10px 16px;font-size:0.9375rem;transition:all 0.2s ease}.elegant-select:focus{border-color:var(--color-info-500);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.elegant-search{border-radius:10px;overflow:hidden}.elegant-search .input-group-text{background:var(--color-bg-primary);border:1.5px solid var(--color-gray-300);border-right:none;color:var(--color-gray-400)}.elegant-search .form-control{border:1.5px solid var(--color-gray-300);border-left:none;border-right:none;padding:10px 16px;font-size:0.9375rem}.elegant-search .form-control:focus{border-color:var(--color-info-500);box-shadow:none}.elegant-search .form-control:focus+.input-group-text,.elegant-search .input-group-text:has(+.form-control:focus){border-color:var(--color-info-500)}.elegant-search button{border:1.5px solid var(--color-gray-300);border-left:none;border-radius:0 10px 10px 0;padding:0 16px}.table-card{border:none;border-radius:16px;box-shadow:0 2px 12px var(--color-black-alpha-10);overflow:hidden;background:var(--color-bg-primary)}.table-header{background:linear-gradient( 135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100% );border-bottom:2px solid var(--color-gray-300);padding:1.5rem 2rem}.table-header h5{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0}.status-badge{font-size:0.8125rem;padding:6px 14px;border-radius:20px;font-weight:500;border:1px solid var(--color-gray-200)}.elegant-table{font-size:0.9375rem}.elegant-table thead{background:linear-gradient( 135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100% )}.elegant-table thead th{font-weight:600;color:var(--color-gray-700);padding:1.125rem 1.25rem;border:none;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap}.elegant-table tbody td{padding:1.125rem 1.25rem;vertical-align:middle;border-top:1px solid var(--color-gray-200);color:var(--color-gray-700)}.elegant-table tbody tr{transition:all 0.2s ease;background:var(--color-bg-primary)}.elegant-table tbody tr:hover{background:linear-gradient( 135deg,var(--color-gray-50) 0%,var(--color-bg-primary) 100% );box-shadow:0 2px 4px var(--color-black-alpha-05)}.auction-number{font-weight:600;color:var(--color-gray-800);font-family:"Consolas","Monaco",monospace;font-size:0.875rem;background:var(--color-gray-100);padding:4px 10px;border-radius:6px;border:1px solid var(--color-gray-200)}.auction-title{color:var(--color-gray-700);font-weight:500}.auction-date{color:var(--color-gray-500);font-size:0.875rem}.count-badge{font-size:0.8125rem;padding:5px 12px;border-radius:12px;font-weight:600;min-width:40px;display:inline-block}.completion-cell{display:flex;align-items:center;gap:12px}.completion-bar-wrapper{flex:1;min-width:120px}.completion-bar{height:8px;border-radius:10px;background:var(--color-gray-200)}.completion-bar .progress-bar{border-radius:10px}.completion-text{font-size:0.875rem;font-weight:600;color:var(--color-gray-700);min-width:45px;text-align:right}.table-action-button{border-radius:8px;padding:6px 14px;font-weight:500;font-size:0.8125rem;border:1.5px solid;transition:all 0.2s ease;white-space:nowrap}.table-action-button:hover{transform:translateY(-1px);box-shadow:0 3px 8px var(--color-black-alpha-15)}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-gray-500)}.empty-icon{width:80px;height:80px;margin:0 auto;background:linear-gradient( 135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100% );border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--color-gray-400)}.empty-state h5{color:var(--color-gray-700);font-weight:600}.missing-card{border:none;border-radius:16px;box-shadow:0 2px 12px var(--color-black-alpha-10);overflow:hidden;background:var(--color-bg-primary);border-left:4px solid var(--color-warning-500)}.missing-header{background:linear-gradient( 135deg,var(--color-bg-primary) 0%,var(--color-warning-100) 100% );border-bottom:2px solid var(--color-warning-100);padding:1.5rem 2rem}.missing-header h5{font-size:1.125rem;font-weight:600;color:var(--color-warning-900);margin:0}.missing-header p{color:var(--color-warning-700)}.missing-icon{width:48px;height:48px;background:linear-gradient( 135deg,var(--color-warning-100) 0%,var(--color-warning-400) 100% );border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-warning-700)}.missing-table{font-size:0.9375rem}.missing-table thead{background:var(--color-warning-100)}.missing-table thead th{font-weight:600;color:var(--color-warning-900);padding:1rem 1.25rem;border:none;font-size:0.8125rem;text-transform:uppercase;letter-spacing:0.5px}.missing-table tbody td{padding:1rem 1.25rem;vertical-align:middle;border-top:1px solid var(--color-warning-100)}.missing-table tbody tr{transition:all 0.2s ease}.missing-table tbody tr:hover{background:var(--color-warning-50)}.lot-title{color:var(--color-gray-700);font-weight:500}.elegant-info{border-radius:12px;border:2px solid var(--color-info-200);background:linear-gradient( 135deg,var(--color-info-50) 0%,var(--color-info-100) 100% );color:var(--color-info-800);font-size:0.875rem}@media (max-width:1399px){.stat-number{font-size:1.875rem}}@media (max-width:991px){.page-title{font-size:1.5rem}.header-icon{width:48px;height:48px;font-size:20px}.stat-card{margin-bottom:1rem}.elegant-table{font-size:0.875rem}.elegant-table thead th,.elegant-table tbody td{padding:0.875rem 1rem}}@media (max-width:991px){.dashboard-header{text-align:center}.dashboard-header>div{flex-direction:column;align-items:center !important}.page-title{font-size:1.25rem}.page-subtitle{font-size:0.875rem}.stat-number{font-size:1.75rem}.stat-icon{width:40px;height:40px;font-size:18px}.action-button{font-size:0.875rem;padding:8px 16px}.table-header{padding:1rem 1.25rem}.completion-bar-wrapper{min-width:80px}.completion-text{min-width:35px;font-size:0.8125rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card,.filter-card,.table-card,.missing-card{animation:fadeIn 0.4s ease}@media print{.dashboard-header .action-button,.filter-card,.table-action-button{display:none}.stat-card,.table-card{box-shadow:none;border:1px solid var(--color-gray-300)}}.transition-all{transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.hover-shadow-lg:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--color-black-alpha-15)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-white-alpha-90);display:flex;align-items:center;justify-content:center;z-index:10}@keyframes pulse{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}.skeleton{background:linear-gradient( 90deg,var(--color-gray-100) 25%,var(--color-gray-300) 50%,var(--color-gray-100) 75% );background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.fade-in{animation:fadeIn 0.3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{transition:all 0.2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-online{background-color:var(--color-success-500);box-shadow:0 0 0 2px var(--color-success-500-alpha-30)}.status-warning{background-color:var(--color-warning-400);box-shadow:0 0 0 2px var(--color-warning-500-alpha-30)}.status-error{background-color:var(--color-danger-500);box-shadow:0 0 0 2px var(--color-danger-500-alpha-30)}.progress-ring{width:60px;height:60px;border-radius:50%;background:conic-gradient( var(--color-info-500) var(--progress,0%),var(--color-gray-200) 0% );display:flex;align-items:center;justify-content:center;position:relative}.progress-ring::before{content:"";width:80%;height:80%;border-radius:50%;background:var(--color-bg-primary);position:absolute}.progress-ring-text{z-index:1;font-weight:bold;font-size:0.8rem}.metric-card{border-left:4px solid;transition:all 0.3s ease}.metric-card:hover{transform:translateX(2px);box-shadow:0 4px 12px var(--color-black-alpha-10)}.metric-primary{border-left-color:var(--color-info-500)}.metric-success{border-left-color:var(--color-success-500)}.metric-warning{border-left-color:var(--color-warning-500)}.metric-danger{border-left-color:var(--color-danger-500)}.metric-info{border-left-color:var(--color-info-600)}.toast-container{position:fixed;top:20px;right:20px;z-index:1055}.toast{background:var(--color-bg-primary);border-radius:8px;box-shadow:0 8px 25px var(--color-black-alpha-15);border:none}.toast-success{border-left:4px solid var(--color-success-500)}.toast-error{border-left:4px solid var(--color-danger-500)}.toast-warning{border-left:4px solid var(--color-warning-500)}.toast-info{border-left:4px solid var(--color-info-600)}@media (max-width:991px){.card-body{padding:1rem}.btn-sm{font-size:0.8rem;padding:0.4rem 0.8rem}.table-responsive{border:none;border-radius:8px}.d-flex.gap-2{flex-direction:column;gap:0.5rem !important}.d-flex.gap-2>*{width:100% !important}}@media (prefers-color-scheme:dark){.bg-white{background-color:var(--color-gray-800);color:var(--color-gray-200)}.text-muted{color:var(--color-gray-400)}.border-0.shadow-sm{border:1px solid var(--color-gray-700)}.table{--bs-table-bg:var(--color-gray-800);--bs-table-color:var(--color-gray-200)}.skeleton{background:linear-gradient( 90deg,var(--color-gray-700) 25%,var(--color-gray-800) 50%,var(--color-gray-700) 75% );background-size:200% 100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn:focus,.form-control:focus,.form-select:focus{outline:2px solid var(--color-info-500);outline-offset:2px}@media (prefers-contrast:high){.btn{border-width:2px}.card{border-width:2px}.badge{border:1px solid currentColor}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}@media print{.btn,.dropdown,.navbar{display:none !important}.card{break-inside:avoid;box-shadow:none;border:1px solid var(--color-text-primary)}.table{border-collapse:collapse}.table th,.table td{border:1px solid var(--color-text-primary)}}