:root{--radius-lg:14px;--radius-xl:20px;--shadow-lg:0 2px 14px #0000001f}.login-page{background:linear-gradient(160deg,#fce4e4,#f0f2f5 45%,#e3f2fd);overflow:hidden;padding:20px;position:relative}.login-page:before{background:radial-gradient(circle,#d32f2f1f 0,#0000 70%);left:-120px;top:-120px}.login-page:after,.login-page:before{content:"";height:480px;pointer-events:none;position:absolute;width:480px}.login-page:after{background:radial-gradient(circle,#1565c01f 0,#0000 70%);bottom:-120px;right:-120px}.login-container{border-image:linear-gradient(135deg,#d32f2f,#1565c0) 1;border-image-slice:1;border-radius:20px;border-top:4px solid #0000;box-shadow:0 4px 32px #1565c01f,0 2px 8px #0000000f;max-width:520px;padding:56px 48px;position:relative;z-index:1}.login-header{margin-bottom:40px}.login-company-logo{border:2px solid #e3f2fd;border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1e3a8a1a;height:auto;margin-bottom:28px;max-width:100%;width:320px}.login-title{color:#1a2332;font-size:2rem;font-weight:700;margin-bottom:10px}.login-subtitle,.login-title{font-family:Cambria,Georgia,serif}.login-subtitle{color:#c62828;font-size:1.25rem;font-weight:600}.login-form{gap:28px}.form-group{gap:10px}.form-label{font-size:.9rem;font-weight:600;margin-left:4px}.form-input{border:2px solid #e8ecf0;border:2px solid var(--border-light);font-size:1.1rem;padding:16px 20px;width:100%}.form-input:focus{box-shadow:0 0 0 4px #2563eb1f}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#9aa5b4;color:var(--text-muted)}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input{padding-right:56px}.toggle-password{border-radius:6px;font-size:1.3rem;padding:6px 10px;right:16px;top:50%;transform:translateY(-50%);transition:var(--transition-fast)}.toggle-password:hover{background:#0000000d}.login-error{align-items:center;background:#dc262614;border:1px solid #dc262640;display:flex;font-weight:500;gap:10px;padding:14px 16px}.error-icon,.login-btn{font-size:1.1rem}.login-btn{align-items:center;background:linear-gradient(135deg,#d32f2f,#1565c0);box-shadow:0 4px 16px #1565c04d;display:flex;gap:10px;justify-content:center;margin-top:12px;padding:18px 28px;width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#0d47a1);box-shadow:0 8px 24px #1565c066;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.login-hint{font-size:.875rem;margin-top:28px}@media (max-width:480px){.login-container{margin:10px;padding:36px 24px}.login-company-logo{width:220px}.login-title{font-size:1.5rem}.login-subtitle{font-size:1rem}}.user-dropdown-container{position:relative}.user-profile-btn{background:#fff;background:var(--bg-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);gap:10px;transition:.15s ease;transition:var(--transition-fast,.15s ease)}.user-profile-btn:hover{background:#f8f9fa;background:var(--bg-light,#f8f9fa);border-color:#d0d0d0;border-color:var(--border-medium,#d0d0d0)}.user-avatar-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--accent-blue,#2563eb),var(--accent-purple,#7c3aed));border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-dropdown-arrow{color:#8b8b9e;color:var(--text-muted,#8b8b9e);font-size:10px;margin-left:4px;transition:.15s ease;transition:var(--transition-fast,.15s ease)}.user-profile-btn:hover .user-dropdown-arrow{color:#1a1a2e;color:var(--text-primary,#1a1a2e)}.user-dropdown-menu{animation:dropdownSlide .2s ease;background:var(--bg-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-lg,16px);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg,0 8px 24px #0000001f);min-width:280px;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{align-items:center;background:linear-gradient(135deg,#d32f2f,#1565c0);color:#fff;display:flex;gap:12px;padding:20px}.user-dropdown-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:1.25rem;font-weight:600;height:50px;justify-content:center;width:50px}.user-dropdown-info{display:flex;flex-direction:column}.user-dropdown-name{font-size:1rem;font-weight:600}.user-dropdown-email{font-size:.85rem;opacity:.9}.user-dropdown-divider{background:#e0e0e0;background:var(--border-light,#e0e0e0);height:1px;margin:0}.user-dropdown-item{align-items:center;background:none;border:none;color:#1a1a2e;color:var(--text-primary,#1a1a2e);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:14px 20px;transition:.15s ease;transition:var(--transition-fast,.15s ease);width:100%}.user-dropdown-item:hover{background:#f8f9fa;background:var(--bg-light,#f8f9fa)}.user-dropdown-item.logout{color:#dc2626;color:var(--accent-red,#dc2626)}.user-dropdown-item.logout:hover{background:#dc262614}.user-dropdown-icon{font-size:1.25rem;text-align:center;width:24px}.change-password-container{align-items:center;background:#f8f9fa;background:var(--bg-light,#f8f9fa);display:flex;justify-content:center;min-height:100%;padding:24px}.change-password-container.forced{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.change-password-card{background:#fff;background:var(--bg-white,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:24px;border-radius:var(--radius-xl,24px);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg,0 8px 24px #0000001f);max-width:480px;padding:36px;width:100%}.change-password-header{margin-bottom:28px;position:relative;text-align:center}.change-password-header h2{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1.5rem;font-weight:700;margin:0}.change-password-header .close-btn{align-items:center;background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:50%;color:#5a5a6e;color:var(--text-secondary,#5a5a6e);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:.15s ease;transition:var(--transition-fast,.15s ease);width:36px}.change-password-header .close-btn:hover{background:#dc2626;background:var(--accent-red,#dc2626);border-color:#dc2626;border-color:var(--accent-red,#dc2626);color:#fff}.forced-message{background:#d977061a;border:1px solid #d977064d;border-radius:10px;border-radius:var(--radius-md,10px);color:#d97706;color:var(--accent-yellow,#d97706);font-size:.9rem;font-weight:500;margin-top:16px;padding:14px 16px}.change-password-form{display:flex;flex-direction:column;gap:20px}.change-password-form .form-group{display:flex;flex-direction:column;gap:8px}.change-password-form .form-group label{color:#5a5a6e;color:var(--text-secondary,#5a5a6e);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background:#f5f5f5;background:var(--bg-input,#f5f5f5);border:2px solid #e0e0e0;border:2px solid var(--border-light,#e0e0e0);border-radius:10px;border-radius:var(--radius-md,10px);color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:1rem;padding:14px 48px 14px 16px;transition:.15s ease;transition:var(--transition-fast,.15s ease);width:100%}.password-input-wrapper input:focus{background:#fff;background:var(--bg-white,#fff);border-color:#2563eb;border-color:var(--accent-blue,#2563eb);box-shadow:0 0 0 4px #2563eb1f;outline:none}.password-input-wrapper input:disabled{background:#f1f3f4;background:var(--bg-elevated,#f1f3f4);cursor:not-allowed;opacity:.6}.toggle-password{background:none;border:none;cursor:pointer;font-size:1.25rem;opacity:.6;padding:6px;position:absolute;right:12px;transition:.15s ease;transition:var(--transition-fast,.15s ease)}.toggle-password:hover{opacity:1}.hint{color:#8b8b9e;color:var(--text-muted,#8b8b9e);font-size:.8rem;margin-top:4px}.alert{align-items:center;border-radius:10px;border-radius:var(--radius-md,10px);display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:14px 16px}.alert-error{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626;color:var(--accent-red,#dc2626)}.alert-success{background:#0596691a;border:1px solid #0596694d;color:#059669;color:var(--accent-green,#059669)}.form-actions{gap:12px;justify-content:flex-end;margin-top:12px}.btn{border:none;border-radius:10px;border-radius:var(--radius-md,10px);cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:.25s ease;transition:var(--transition-normal,.25s ease)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#d32f2f,#1565c0);box-shadow:0 4px 12px #1565c040}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b71c1c,#0d47a1);box-shadow:0 6px 20px #1565c059;transform:translateY(-2px)}.btn-cancel{background:#f8f9fa;background:var(--bg-light,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);color:#5a5a6e;color:var(--text-secondary,#5a5a6e)}.btn-cancel:hover:not(:disabled){background:#f1f3f4;background:var(--bg-elevated,#f1f3f4)}.password-tips{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light,#e0e0e0);margin-top:28px;padding-top:24px}.password-tips h4{color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-size:.9rem;font-weight:600;margin:0 0 12px}.password-tips ul{color:#5a5a6e;color:var(--text-secondary,#5a5a6e);font-size:.85rem;margin:0;padding-left:20px}.password-tips li{margin-bottom:6px}@media (max-width:480px){.change-password-card{margin:16px;padding:24px}.form-actions{flex-direction:column}.btn{width:100%}.user-dropdown-menu{min-width:260px}}.analytics-dashboard{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:20px}.analytics-header{margin-bottom:30px}.analytics-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.analytics-header p{color:var(--text-muted);font-size:1rem}.analytics-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:20px;width:50px}.analytics-filters-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:30px;padding:25px}.analytics-filters-card h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:20px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column}.filter-group label{font-size:.875rem;margin-bottom:8px}.filter-input,.filter-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:10px 12px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.filter-select option{background-color:var(--bg-tertiary);color:var(--text-primary)}.filter-actions{align-items:flex-end;display:flex}.btn-reset{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .3s ease;width:100%}.btn-reset:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.filter-chips-section{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.chips-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.chips-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:15px}.chips-container{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{background:var(--bg-tertiary);border:2px solid #0000;border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-chip:hover{background:var(--bg-hover);transform:translateY(-2px)}.filter-chip.active{background:var(--primary-color);border-color:var(--primary-light);box-shadow:0 4px 12px var(--primary-glow);color:#fff}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);gap:20px;padding:25px;transition:all .3s ease}.summary-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.card-icon{font-size:3rem;line-height:1}.card-content{flex:1 1}.card-content h3{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.card-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:4px}.card-subtitle{color:var(--text-muted);font-size:.75rem}.card-blue{border-left:4px solid #3b82f6}.card-green{border-left:4px solid #10b981}.card-orange{border-left:4px solid #f59e0b}.card-purple{border-left:4px solid #8b5cf6}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);margin-bottom:30px;padding:25px}.chart-card h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:25px}.chart-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.chart-half{margin-bottom:0}.custom-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);padding:12px 16px}.custom-tooltip .label{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:8px}.custom-tooltip p{color:var(--text-secondary);font-size:.875rem;margin:4px 0}.data-tables{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);padding:25px}.table-card h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:20px}.table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:.875rem;width:100%}.analytics-table thead{background-color:var(--bg-tertiary)}.analytics-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-weight:600;padding:12px 16px;text-align:left}.analytics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.analytics-table tbody tr:hover{background-color:var(--bg-hover)}.analytics-table td{color:var(--text-secondary);padding:12px 16px}.analytics-table td strong{color:var(--text-primary);font-weight:600}.percentage-badge{background:var(--primary-color);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.no-data-message{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:30px;padding:80px 20px;text-align:center}.no-data-icon{font-size:4rem;margin-bottom:20px}.no-data-message h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:10px}.no-data-message p{color:var(--text-muted);font-size:1rem}@media (max-width:1024px){.chart-row,.data-tables{grid-template-columns:1fr}}@media (max-width:768px){.analytics-dashboard{padding:15px}.analytics-header h1{font-size:1.5rem}.filters-grid,.summary-cards{grid-template-columns:1fr}.analytics-filters-card,.chart-card,.table-card{padding:20px}.card-value{font-size:1.5rem}.chart-card h2,.table-card h2{font-size:1.1rem}}@media print{.analytics-filters-card,.btn-reset{display:none}.chart-card,.summary-card,.table-card{break-inside:avoid;page-break-inside:avoid}}:root{--um-primary:#1565c0;--um-primary-dark:#0d47a1;--um-success:#2e7d32;--um-danger:#c62828;--um-warning:#f9a825;--um-info:#1565c0;--um-bg-primary:#f0f2f5;--um-bg-secondary:#fff;--um-bg-card:#fff;--um-text-primary:#1a2332;--um-text-secondary:#6b7a8f;--um-border:#e8ecf0;--um-shadow:#0000000f;--um-shadow-lg:#00000017;--um-radius-sm:6px;--um-radius-md:10px;--um-radius-lg:14px;--um-radius-xl:20px}.um-container{background:#f0f2f5;color:#1a2332;color:var(--um-text-primary);font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:calc(100vh - 80px);padding:24px}.um-toast{animation:slideIn .3s ease;border-radius:10px;border-radius:var(--um-radius-md);box-shadow:0 8px 24px #00000017;box-shadow:0 8px 24px var(--um-shadow-lg);font-size:14px;font-weight:600;padding:14px 24px;position:fixed;right:24px;top:24px;z-index:10000}.um-toast.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.um-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.um-error,.um-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.um-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top:4px solid var(--um-primary);height:48px;width:48px}.um-error-icon{font-size:64px;margin-bottom:8px}.um-header{align-items:center;background:linear-gradient(135deg,#d32f2f,#1565c0);border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 2px 14px #0000002e;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px}.um-header h1{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:28px;font-weight:800;margin:0}.um-subtitle{color:#ffffffbf;font-size:14px;margin:4px 0 0}.um-btn{align-items:center;border:none;border-radius:10px;border-radius:var(--um-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.um-btn-primary{background:linear-gradient(135deg,#1565c0,#0d47a1);background:linear-gradient(135deg,var(--um-primary) 0,var(--um-primary-dark) 100%);box-shadow:0 4px 12px #1565c04d;color:#fff}.um-btn-primary:hover{box-shadow:0 6px 20px #1565c066;transform:translateY(-2px)}.um-btn-secondary{background:#f1f5f9;border:1px solid #e8ecf0;border:1px solid var(--um-border);color:#6b7a8f;color:var(--um-text-secondary)}.um-btn-secondary:hover{background:#e2e8f0;color:#1a2332;color:var(--um-text-primary)}.um-btn-danger{background:linear-gradient(135deg,#c62828,#dc2626);background:linear-gradient(135deg,var(--um-danger) 0,#dc2626 100%);color:#fff}.um-btn-danger:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.um-btn-sm{font-size:12px;padding:6px 12px}.um-btn-outline{background:#0000;border:2px solid #1565c0;border:2px solid var(--um-primary);color:#1565c0;color:var(--um-primary);margin-left:12px}.um-btn-outline:hover{background:#1565c0;background:var(--um-primary);color:#fff}.um-btn-icon{font-size:16px}.um-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1024px){.um-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.um-stats-grid{grid-template-columns:1fr}}.um-stat-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:0 4px 12px var(--um-shadow);display:flex;gap:16px;padding:20px 24px;transition:all .3s ease}.um-stat-card:hover{box-shadow:0 8px 24px #00000017;box-shadow:0 8px 24px var(--um-shadow-lg);transform:translateY(-4px)}.um-stat-card.total{border-left-color:#1565c0;border-left-color:var(--um-primary)}.um-stat-card.active{border-left-color:#2e7d32;border-left-color:var(--um-success)}.um-stat-card.inactive{border-left-color:#f9a825;border-left-color:var(--um-warning)}.um-stat-card.admins{border-left-color:#c62828;border-left-color:var(--um-danger)}.um-stat-icon{align-items:center;background:#f8fafc;border-radius:10px;border-radius:var(--um-radius-md);display:flex;font-size:36px;height:60px;justify-content:center;width:60px}.um-stat-value{color:#1a2332;color:var(--um-text-primary);font-size:32px;font-weight:800}.um-stat-label{color:#6b7a8f;color:var(--um-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.um-toolbar{align-items:center;background:#fff;border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--um-shadow);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px 24px}.um-search-box{flex:1 1;max-width:500px;min-width:280px;position:relative}.um-search-box input{border:2px solid #e8ecf0;border:2px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-md);font-family:inherit;font-size:14px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.um-search-box input:focus{border-color:#1565c0;border-color:var(--um-primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.um-search-icon{font-size:18px;left:14px}.um-search-clear,.um-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.um-search-clear{background:#e2e8f0;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:24px;justify-content:center;right:12px;width:24px}.um-filters,.um-search-clear{align-items:center;display:flex}.um-filters{gap:12px}.um-filters select{background:#fff;border:2px solid #e8ecf0;border:2px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-md);cursor:pointer;font-family:inherit;font-size:14px;min-width:140px;padding:10px 16px}.um-filters select:focus{border-color:#1565c0;border-color:var(--um-primary);outline:none}.um-view-toggle{background:#f1f5f9;border-radius:6px;border-radius:var(--um-radius-sm);display:flex;padding:4px}.um-view-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:8px 12px;transition:all .2s ease}.um-view-btn.active{background:#fff;box-shadow:0 2px 6px #0000000f;box-shadow:0 2px 6px var(--um-shadow)}.um-results-info{color:#6b7a8f;color:var(--um-text-secondary);font-size:13px;margin-bottom:16px;padding-left:8px}.um-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.um-user-card{background:#fff;border:1px solid #0000;border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:0 4px 12px var(--um-shadow);overflow:hidden;transition:all .3s ease}.um-user-card:hover{border-color:#1565c0;border-color:var(--um-primary);box-shadow:0 12px 32px #00000017;box-shadow:0 12px 32px var(--um-shadow-lg);transform:translateY(-4px)}.um-user-card.inactive{background:#f8fafc;opacity:.7}.um-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--um-border);display:flex;gap:14px;padding:20px 20px 16px}.um-user-avatar{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:54px;justify-content:center;width:54px}.um-user-info{flex:1 1;min-width:0}.um-user-name{color:#1a2332;color:var(--um-text-primary);font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-user-username{color:#6b7a8f;color:var(--um-text-secondary);font-size:12px}.um-status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.um-status-badge.active{background:#22c55e1a;color:#16a34a}.um-status-badge.inactive{background:#f59e0b1a;color:#d97706}.um-card-body{padding:16px 20px}.um-user-email{align-items:center;color:#6b7a8f;color:var(--um-text-secondary);display:flex;font-size:13px;gap:8px;margin-bottom:12px}.um-email-icon{font-size:14px}.um-role-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 14px}.um-user-meta{display:flex;gap:16px;margin-bottom:12px}.um-meta-item{align-items:center;color:#6b7a8f;color:var(--um-text-secondary);display:flex;font-size:12px;gap:6px}.um-meta-icon{font-size:14px}.um-feature-badges{display:flex;flex-wrap:wrap;gap:6px}.um-feature-badge{background:#f1f5f9;border-radius:6px;cursor:default;font-size:16px;padding:4px 8px}.um-card-footer{background:#f8fafc;border-top:1px solid #e8ecf0;border-top:1px solid var(--um-border);display:flex;gap:8px;padding:16px 20px}.um-action-btn{align-items:center;border:none;border-radius:6px;border-radius:var(--um-radius-sm);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:10px 12px;transition:all .2s ease}.um-action-btn.edit{background:#6366f11a;color:#1565c0;color:var(--um-primary)}.um-action-btn.edit:hover{background:#1565c0;background:var(--um-primary);color:#fff}.um-action-btn.password{background:#f59e0b1a;color:#d97706}.um-action-btn.password:hover{background:#f9a825;background:var(--um-warning);color:#fff}.um-action-btn.activate,.um-action-btn.deactivate{background:#22c55e1a;color:#16a34a}.um-action-btn.activate:hover,.um-action-btn.deactivate:hover{background:#2e7d32;background:var(--um-success);color:#fff}.um-action-btn.delete{background:#ef44441a;color:#c62828;color:var(--um-danger)}.um-action-btn.delete:hover{background:#c62828;background:var(--um-danger);color:#fff}.um-table-container{background:#fff;border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:0 4px 12px var(--um-shadow);overflow:hidden}.um-table{border-collapse:collapse;width:100%}.um-table thead{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.um-table th{font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.um-table td{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--um-border);font-size:14px;padding:16px 20px}.um-table tr:hover{background:#f8fafc}.um-table tr.inactive{background:#fafafa;opacity:.6}.um-table-user{align-items:center;display:flex;gap:12px}.um-table-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.um-table-name{color:#1a2332;color:var(--um-text-primary);font-weight:600}.um-table-email{color:#6b7a8f;color:var(--um-text-secondary);font-size:12px}.um-role-tag{border-radius:16px;font-size:12px;font-weight:600;gap:4px;padding:4px 12px}.um-role-tag,.um-screen-count{align-items:center;display:inline-flex}.um-screen-count{background:#6366f11a;border-radius:50%;color:#1565c0;color:var(--um-primary);font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.um-table-features{display:flex;font-size:16px;gap:4px}.um-status-pill{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.um-status-pill.active{background:#22c55e1a;color:#16a34a}.um-status-pill.inactive{background:#f59e0b1a;color:#d97706}.um-table-actions{display:flex;gap:6px}.um-table-actions button{background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;font-size:14px;height:32px;transition:all .2s ease;width:32px}.um-table-actions button:hover{background:#1565c0;background:var(--um-primary);transform:scale(1.1)}.um-no-results{background:#fff;border-radius:14px;border-radius:var(--um-radius-lg);box-shadow:0 4px 12px #0000000f;box-shadow:0 4px 12px var(--um-shadow);padding:60px 24px;text-align:center}.um-no-results-icon{font-size:64px;margin-bottom:16px}.um-no-results h3{color:#1a2332;color:var(--um-text-primary);margin:0 0 8px}.um-no-results p{color:#6b7a8f;color:var(--um-text-secondary);margin:0}.um-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.um-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;border-radius:var(--um-radius-xl);box-shadow:0 24px 64px #0003;max-height:90vh;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.um-modal-sm{max-width:480px}.um-modal-large{max-width:900px}.um-modal-header{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}.um-modal-header h2{font-size:20px;font-weight:700;margin:0}.um-modal-header-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.um-modal-header-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.um-modal-header-user{align-items:center;display:flex;gap:16px}.um-modal-avatar{align-items:center;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.um-modal-username{font-size:13px;opacity:.8}.um-modal-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:36px;transition:all .2s ease;width:36px}.um-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.um-modal-body,.um-modal-body-grid{max-height:60vh;overflow-y:auto;padding:24px 28px}.um-modal-body-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:768px){.um-modal-body-grid{grid-template-columns:1fr}}.um-modal-footer{background:#f8fafc;border-top:1px solid #e8ecf0;border-top:1px solid var(--um-border);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.um-form-section h3{border-bottom:2px solid #e8ecf0;border-bottom:2px solid var(--um-border);color:#1a2332;color:var(--um-text-primary);font-size:16px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.um-form-group{margin-bottom:20px}.um-form-group label{color:#1a2332;color:var(--um-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.um-form-group label .required{color:#c62828;color:var(--um-danger)}.um-form-group input,.um-form-group select{border:2px solid #e8ecf0;border:2px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-md);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.um-form-group input:focus,.um-form-group select:focus{border-color:#1565c0;border-color:var(--um-primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.um-password-input{display:flex;gap:8px}.um-password-input input{flex:1 1}.um-generate-btn{background:#fff;border:2px solid #e8ecf0;border:2px solid var(--um-border);border-radius:10px;border-radius:var(--um-radius-md);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.um-generate-btn:hover{border-color:#1565c0;border-color:var(--um-primary);color:#1565c0;color:var(--um-primary)}.um-help-text{color:#6b7a8f;color:var(--um-text-secondary);font-size:13px;margin-bottom:16px}.um-edit-tabs{background:#f1f5f9;display:flex;gap:4px;padding:6px}.um-edit-tab{background:#0000;border:none;border-radius:6px;border-radius:var(--um-radius-sm);color:#6b7a8f;color:var(--um-text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:12px 20px;transition:all .2s ease}.um-edit-tab.active{background:#fff;box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--um-shadow);color:#1565c0;color:var(--um-primary)}.um-edit-section{padding:8px 0}.um-features-section{border-top:2px solid #e8ecf0;border-top:2px solid var(--um-border);margin-top:24px;padding-top:20px}.um-features-section h4{font-size:14px;font-weight:700;margin:0 0 16px}.um-features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.um-feature-checkbox{align-items:center;background:#f8fafc;border-radius:6px;border-radius:var(--um-radius-sm);cursor:pointer;display:flex;gap:8px;padding:10px 14px;transition:all .2s ease}.um-feature-checkbox:hover{background:#f1f5f9}.um-feature-checkbox input{accent-color:#1565c0;accent-color:var(--um-primary);height:18px;width:18px}.um-feature-icon{font-size:16px}.um-feature-label{font-size:13px;font-weight:500}.um-permissions-container{display:flex;flex-direction:column;gap:20px}.um-permission-category{background:#f8fafc;border-radius:10px;border-radius:var(--um-radius-md);overflow:hidden}.um-category-header{align-items:center;background:#fff;border-left:4px solid;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 16px}.um-toggle-all{background:#fff;border:1px solid #e8ecf0;border:1px solid var(--um-border);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;margin-left:auto;padding:4px 10px}.um-toggle-all:hover{background:#f1f5f9}.um-permission-items{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:12px 16px}@media (max-width:640px){.um-permission-items{grid-template-columns:1fr}}.um-permission-item{align-items:center;background:#fff;border-radius:6px;border-radius:var(--um-radius-sm);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s ease}.um-permission-item:hover{box-shadow:0 2px 8px #0000000f;box-shadow:0 2px 8px var(--um-shadow)}.um-permission-item input{accent-color:#1565c0;accent-color:var(--um-primary);height:16px;width:16px}.um-perm-icon{font-size:16px}.um-perm-label{font-weight:500}.um-features-edit{padding:8px 0}.um-features-list{display:flex;flex-direction:column;gap:12px}.um-feature-row{align-items:center;background:#f8fafc;border-radius:10px;border-radius:var(--um-radius-md);display:flex;gap:16px;padding:16px 20px}.um-feature-toggle{cursor:pointer;position:relative}.um-feature-toggle input{height:0;opacity:0;width:0}.um-toggle-slider{background:#cbd5e1;border-radius:13px;display:block;height:26px;position:relative;transition:all .3s ease;width:48px}.um-toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:20px}.um-feature-toggle input:checked+.um-toggle-slider{background:#1565c0;background:var(--um-primary)}.um-feature-toggle input:checked+.um-toggle-slider:after{left:25px}.um-feature-info{align-items:center;display:flex;gap:12px}.um-feature-icon-large{font-size:24px}.um-feature-name{color:#1a2332;color:var(--um-text-primary);font-size:14px;font-weight:600}.um-feature-desc{color:#6b7a8f;color:var(--um-text-secondary);font-size:12px}.um-password-display{padding:20px 0;text-align:center}.um-password-box{align-items:center;display:flex;gap:12px;justify-content:center;margin:20px 0}.um-password-box code{background:#1e293b;border-radius:10px;border-radius:var(--um-radius-md);color:#22d3ee;font-family:Fira Code,monospace;font-size:18px;font-weight:600;letter-spacing:1px;padding:16px 24px}.um-copy-btn{background:#1565c0;background:var(--um-primary);border:none;border-radius:10px;border-radius:var(--um-radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:12px 16px;transition:all .2s ease}.um-copy-btn:hover{background:#0d47a1;background:var(--um-primary-dark)}.um-password-warning{background:#f59e0b1a;border-radius:10px;border-radius:var(--um-radius-md);color:#d97706;font-size:13px;font-weight:600;padding:14px 20px}.um-modal-danger{border:2px solid #c62828;border:2px solid var(--um-danger)}.um-delete-warning{padding:20px 0;text-align:center}.um-delete-icon{font-size:64px;margin-bottom:16px}.um-delete-warning p{margin:8px 0}.um-delete-note{color:#6b7a8f;color:var(--um-text-secondary);font-size:13px}.um-form-checkbox label{align-items:center;cursor:pointer;display:flex;gap:10px}.um-form-checkbox input{accent-color:#1565c0;accent-color:var(--um-primary);height:20px;width:20px}.um-checkbox-label{font-size:14px;font-weight:500}@media (max-width:768px){.um-container{padding:16px}.um-header{gap:16px;text-align:center}.um-header,.um-toolbar{flex-direction:column}.um-search-box{max-width:none;width:100%}.um-filters{justify-content:space-between;width:100%}.um-cards-grid,.um-features-grid{grid-template-columns:1fr}}.audit-trail-table{border-collapse:collapse;table-layout:auto!important;width:100%}.audit-trail-table td,.audit-trail-table th{overflow:visible!important;padding:12px 16px!important;text-overflow:clip!important;white-space:nowrap!important}.audit-trail-table td:first-child,.audit-trail-table th:first-child{min-width:50px;width:auto}.audit-trail-table td:nth-child(2),.audit-trail-table th:nth-child(2){min-width:180px;width:auto}.audit-trail-table td:nth-child(3),.audit-trail-table th:nth-child(3){min-width:120px;width:auto}.audit-trail-table td:nth-child(4),.audit-trail-table th:nth-child(4){min-width:150px;width:auto}.audit-trail-table td:nth-child(5),.audit-trail-table td:nth-child(6),.audit-trail-table td:nth-child(7),.audit-trail-table th:nth-child(5),.audit-trail-table th:nth-child(6),.audit-trail-table th:nth-child(7){min-width:120px;width:auto}.audit-trail-table td:nth-child(8),.audit-trail-table th:nth-child(8){min-width:100px;width:auto}.audit-trail-table-wrapper{overflow-x:auto;width:100%}:root{--font-size-title:13px;--font-size-subtitle:10px;--font-size-body:10px;--font-size-small:9px;--font-size-tiny:8px;--bg-primary:#f0f2f5;--bg-secondary:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow:#00000014}.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--shadow:#0000004d}.exec-dashboard{background:#f0f2f5;background:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Poppins,Inter,-apple-system,sans-serif;font-size:10px;font-size:var(--font-size-body);letter-spacing:.5px;min-height:calc(100vh - 100px);min-width:1200px;overflow-x:auto;padding:12px;text-transform:uppercase;transition:all .3s ease}.exec-dashboard.light-theme{background:linear-gradient(135deg,#fce4e4,#f0f2f5 40%,#e3f2fd);color:#1e293b}.exec-dashboard.dark-theme{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#e2e8f0}.exec-header{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding:16px 24px;transition:all .3s ease}.light-theme .exec-header{background:linear-gradient(135deg,#d32f2f,#1565c0);box-shadow:0 2px 14px #0003}.dark-theme .exec-header{background:#1e293b;border:1px solid #334155}.exec-header h1{font-size:22px;font-weight:800;letter-spacing:1px;margin:0}.light-theme .exec-header h1{color:#fff}.dark-theme .exec-header h1{color:#f1f5f9}.exec-subtitle{font-size:9px;font-size:var(--font-size-small);font-weight:600;margin:4px 0 0}.light-theme .exec-subtitle{color:#ffffffbf}.dark-theme .exec-subtitle{color:#94a3b8}.exec-header-right{align-items:center;display:flex;gap:12px}.theme-toggle{background:#0000000d;border-radius:8px;display:flex;gap:4px;padding:4px}.dark-theme .theme-toggle{background:#ffffff1a}.theme-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:8px;font-size:var(--font-size-tiny);font-weight:700;padding:6px 12px;text-transform:uppercase;transition:all .2s}.light-theme .theme-btn{background:#ffffff26;border:1px solid #fff3;color:#ffffffd9}.dark-theme .theme-btn{background:#0000;color:#94a3b8}.theme-btn.active{background:linear-gradient(135deg,#d32f2f,#1565c0);box-shadow:0 2px 8px #1565c066;color:#fff}.exec-date-badge,.exec-time-badge{border-radius:8px;font-size:9px;font-size:var(--font-size-small);font-weight:700;padding:8px 14px}.exec-date-badge{background:linear-gradient(135deg,#d32f2f,#1565c0);color:#fff}.exec-time-badge{background:linear-gradient(135deg,#c62828,#e53935);color:#fff}.exec-refresh-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:9px;font-size:var(--font-size-small);font-weight:700;padding:8px 16px;text-transform:uppercase;transition:all .2s}.exec-refresh-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.exec-tabs{border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;gap:6px;margin-bottom:12px;padding:5px;transition:all .3s ease}.light-theme .exec-tabs{background:#fff}.dark-theme .exec-tabs{background:#1e293b;border:1px solid #334155}.exec-tab{background:#0000;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:9px;font-size:var(--font-size-small);font-weight:700;padding:10px 14px;text-transform:uppercase;transition:all .2s}.light-theme .exec-tab{color:#64748b}.dark-theme .exec-tab{color:#94a3b8}.light-theme .exec-tab:hover{background:#f1f5f9;color:#1e293b}.dark-theme .exec-tab:hover{background:#334155;color:#f1f5f9}.exec-tab.active{background:linear-gradient(135deg,#d32f2f,#1565c0);box-shadow:0 4px 12px #1565c066;color:#fff}.section-title{flex-wrap:wrap;font-size:14px!important;font-weight:600!important;gap:8px;letter-spacing:.5px;margin:12px 0 8px;white-space:nowrap}.section-title>span{color:#1e3a5f;white-space:nowrap}.light-theme .section-title,.light-theme .section-title>span{color:#1e3a5f}.dark-theme .section-title,.dark-theme .section-title>span{color:#60a5fa}.section-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:11px;height:24px;justify-content:center;min-width:24px;width:24px}.section-icon.purple{background:linear-gradient(135deg,#1565c0,#1976d2)}.section-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.section-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.section-icon.cyan{background:linear-gradient(135deg,#c62828,#e53935)}.section-icon.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.section-icon.indigo{background:linear-gradient(135deg,#d32f2f,#1565c0)}.summary-row-2col{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.summary-card-main{border-radius:12px;border-top:4px solid;box-shadow:0 2px 8px #0000000a;padding:16px;transition:all .3s ease}.light-theme .summary-card-main{background:#fff}.dark-theme .summary-card-main{background:#1e293b;border:1px solid #334155}.summary-card-main.today{border-top-color:#10b981}.summary-card-main.yesterday{border-top-color:#1565c0}.card-header-row{justify-content:space-between;margin-bottom:14px}.card-header-row,.date-label{align-items:center;display:flex}.date-label{font-size:13px;font-size:var(--font-size-title);font-weight:800;gap:8px}.light-theme .date-label{color:#475569}.dark-theme .date-label{color:#e2e8f0}.date-label small{color:#64748b;font-size:9px;font-size:var(--font-size-small);font-weight:500}.badge-live{background:linear-gradient(135deg,#10b981,#059669)}.badge-complete,.badge-live{border-radius:20px;color:#fff;font-size:10px;font-weight:800;padding:6px 16px}.badge-complete{background:linear-gradient(135deg,#d32f2f,#1565c0)}.total-box{border:2px solid;border-radius:12px;margin-bottom:16px;padding:20px;text-align:center}.total-box.green-bg{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.total-box.purple-bg{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#a5b4fc}.total-label{font-size:11px;font-weight:700;margin-bottom:6px}.total-box.green-bg .total-label{color:#166534}.total-box.purple-bg .total-label{color:#4338ca}.total-value{font-size:42px;font-weight:900;line-height:1}.total-value.green{color:#15803d}.total-value.purple{color:#4f46e5}.total-lbs{color:#7c3aed;font-size:16px;font-weight:700;margin-top:6px}.process-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.process-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px 10px;text-align:center}.process-item.green{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#22c55e}.process-item.orange{background:linear-gradient(180deg,#fffbeb,#fff);border-color:#f59e0b}.process-item.purple{background:linear-gradient(180deg,#f5f3ff,#fff);border-color:#8b5cf6}.process-item.red{background:linear-gradient(180deg,#fef2f2,#fff);border-color:#ef4444}.process-label{color:#64748b;font-size:10px;font-weight:700;margin-bottom:6px}.process-value{color:#1e293b;font-size:22px;font-weight:900}.process-lbs{color:#7c3aed;font-size:11px;font-weight:700;margin-top:4px}.process-grid-with-shifts.process-grid-3col{grid-template-columns:repeat(3,1fr)}.process-box-with-shift{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.process-box-with-shift.green{border-color:#22c55e}.process-box-with-shift.blue{border-color:#3b82f6}.process-box-with-shift.orange{border-color:#f59e0b}.process-box-with-shift.purple{border-color:#8b5cf6}.process-box-with-shift.red{border-color:#ef4444}.process-box-with-shift .process-header{border-bottom:1px solid #e2e8f0;padding:10px;text-align:center}.process-box-with-shift.green .process-header{background:linear-gradient(180deg,#f0fdf4,#fff)}.process-box-with-shift.blue .process-header{background:linear-gradient(180deg,#eff6ff,#fff)}.process-box-with-shift.orange .process-header{background:linear-gradient(180deg,#fffbeb,#fff)}.process-box-with-shift.purple .process-header{background:linear-gradient(180deg,#f5f3ff,#fff)}.process-box-with-shift.red .process-header{background:linear-gradient(180deg,#fef2f2,#fff)}.process-box-with-shift .process-label{color:#64748b;font-size:10px;font-weight:700;margin:0}.process-total-row{background:#fff;border-bottom:1px dashed #e2e8f0;padding:10px;text-align:center}.process-total-value{color:#1e293b;font-size:24px;font-weight:900;line-height:1}.process-total-lbs{color:#7c3aed;font-size:11px;font-weight:700;margin-top:2px}.process-shift-row{background:#fff;display:grid;grid-template-columns:1fr 1fr}.shift-col{padding:8px 6px;text-align:center}.shift-col.day{background:#fffbeb;border-right:1px solid #e2e8f0}.shift-col.night{background:#eef2ff}.shift-header{color:#64748b;font-size:9px;font-weight:700;margin-bottom:4px}.shift-cartons{color:#1e293b;font-size:14px;font-weight:800}.shift-col .shift-lbs{color:#7c3aed;font-size:9px;font-weight:600}.breakup-grid-4col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.breakup-grid-3col{margin-bottom:15px}.breakup-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.breakup-table-card.green{border-top:3px solid #22c55e}.breakup-table-card.blue{border-top:3px solid #3b82f6}.breakup-table-card.orange{border-top:3px solid #f59e0b}.breakup-table-card.purple{border-top:3px solid #8b5cf6}.breakup-table-card.red{border-top:3px solid #ef4444}.breakup-table-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 12px}.table-title{color:#1e293b;font-size:11px;font-weight:800}.table-total{text-align:right}.table-total .total-label{color:#64748b;display:block;font-size:8px}.table-total .total-value{font-size:16px;font-weight:900}.table-total .total-value.green{color:#22c55e}.table-total .total-value.orange{color:#f59e0b}.table-total .total-value.purple{color:#8b5cf6}.table-total .total-value.red{color:#ef4444}.section-tabs{display:flex;gap:4px;margin-left:auto}.section-tab{border:1px solid;border-radius:4px;cursor:pointer;font-size:8px;font-weight:700;padding:4px 8px;text-transform:uppercase;transition:all .2s}.light-theme .section-tab{background:#fff;border-color:#e2e8f0;color:#64748b}.dark-theme .section-tab{background:#334155;border-color:#475569;color:#94a3b8}.light-theme .section-tab:hover{background:#f1f5f9;color:#1e293b}.dark-theme .section-tab:hover{background:#475569;color:#e2e8f0}.section-tab.active{background:linear-gradient(135deg,#d32f2f,#1565c0);border-color:#0000;color:#fff}.process-brand-table{max-height:180px;overflow-y:auto}.process-brand-table table{font-size:9px}.process-brand-table th{padding:5px 6px;position:-webkit-sticky;position:sticky;top:0}.light-theme .process-brand-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b}.dark-theme .process-brand-table th{border-bottom:1px solid #475569}.process-brand-table td{padding:4px 6px}.light-theme .process-brand-table td{border-bottom:1px solid #f1f5f9;color:#1e293b}.dark-theme .process-brand-table td{border-bottom:1px solid #334155}.process-brand-table td.lbs{color:#7c3aed}.process-brand-table .no-data{padding:15px!important}.process-brand-table tfoot .total-row{background:#f8fafc}.process-brand-table tfoot .total-row td{border-top:2px solid #e2e8f0;font-weight:700}.brand-chart,.pack-size-chart{padding:10px}.brand-legend,.pack-size-legend{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:10px}.legend-item{align-items:center;background:#f8fafc;border-radius:4px;color:#475569;display:flex;font-size:9px;font-weight:600;gap:4px;padding:3px 8px}.legend-color{border-radius:2px;height:10px;width:10px}.brand-bars,.pack-size-bars{display:flex;flex-direction:column;gap:6px}.brand-bar-row,.pack-size-bar-row{align-items:center;display:flex;gap:8px}.bar-label{flex-shrink:0;font-size:10px;font-weight:700;min-width:100px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:100px}.bar-label,.light-theme .bar-label{color:#1e293b}.dark-theme .bar-label{color:#f1f5f9}.bar-container{background:#f1f5f9;border-radius:4px;flex:1 1;height:22px;overflow:hidden}.bar-fill{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:flex-end;min-width:40px;padding-right:6px;transition:width .3s ease}.bar-value{color:#fff;font-size:9px;font-weight:700}.no-chart-data{color:#94a3b8;font-size:11px;font-style:italic;padding:30px;text-align:center}.product-status-table{border-collapse:collapse;width:100%}.product-status-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:9px;font-weight:700;padding:10px 12px;text-align:left}.product-status-table th:nth-child(3),.product-status-table th:nth-child(4){text-align:right}.product-status-table td{border-bottom:1px solid #f1f5f9;font-size:11px;padding:10px 12px}.product-status-table td.code{font-weight:800}.product-status-table td.code.green{color:#22c55e}.product-status-table td.code.orange{color:#f59e0b}.product-status-table td.code.purple{color:#8b5cf6}.product-status-table td.code.red{color:#ef4444}.product-status-table td.num{font-weight:700;text-align:right}.product-status-table td.lbs{color:#7c3aed}.product-status-table .clickable-row{cursor:pointer;transition:background .2s}.product-status-table .clickable-row:hover{background:#f8fafc}.table-footer{background:#fffbeb;border-top:1px dashed #fde68a;color:#f59e0b;font-size:10px;font-weight:600;padding:10px;text-align:center}.product-status-table .no-data{color:#94a3b8;font-style:italic;padding:20px;text-align:center}.chart-card-full{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:20px}.chart-subtitle{color:#64748b;font-size:10px;font-weight:600;margin-bottom:12px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.legend-item{border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:6px 14px}.modal-overlay{background:#0009;bottom:0;left:0;right:0;top:0}.brand-modal{animation:modalSlide .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#d32f2f,#1565c0);color:#fff;padding:20px}.modal-header h2{font-size:18px;font-weight:800;margin:0}.modal-header span{font-size:11px;opacity:.9}.modal-close{background:#fff3;border:none;border-radius:50%;color:#fff;font-size:20px}.modal-close:hover{background:#ffffff4d}.modal-summary{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;gap:20px;padding:20px}.modal-summary-item{flex:1 1;text-align:center}.modal-summary-label{color:#64748b;font-size:10px;font-weight:600;margin-bottom:4px}.modal-summary-value{color:#1e293b;font-size:24px;font-weight:900}.modal-summary-value.lbs{color:#7c3aed}.modal-body{max-height:50vh;overflow-y:auto;padding:20px}.brand-table{border-collapse:collapse;width:100%}.brand-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:700;padding:12px;text-align:left}.brand-table td{border-bottom:1px solid #f1f5f9;font-size:12px;padding:12px}.brand-table td.code{color:#1565c0;font-weight:800}.brand-table td.num{font-weight:700;text-align:right}.brand-table td.lbs{color:#7c3aed}.summary-cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.summary-card{align-items:center;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px}.summary-card.inward{border-left-color:#22c55e}.summary-card.outward{border-left-color:#f59e0b}.summary-card.stock{border-left-color:#3b82f6}.summary-card.shipped{border-left-color:#1565c0}.summary-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.summary-card.inward .summary-icon{background:#dcfce7}.summary-card.outward .summary-icon{background:#fef3c7}.summary-card.stock .summary-icon{background:#dbeafe}.summary-card.shipped .summary-icon{background:#cffafe}.summary-info{flex:1 1}.summary-label{color:#64748b;font-size:10px;font-weight:600}.summary-sublabel{color:#94a3b8;font-size:9px}.summary-value{font-size:24px;font-weight:900}.summary-card.inward .summary-value{color:#16a34a}.summary-card.outward .summary-value{color:#d97706}.summary-card.stock .summary-value{color:#2563eb}.summary-card.shipped .summary-value{color:#0891b2}.summary-lbs{color:#7c3aed;font-size:11px;font-weight:700}.utilization-combined,.utilization-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.util-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.util-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.util-label{color:#1e293b;font-size:14px;font-weight:800}.util-percent{font-size:28px;font-weight:900}.util-bar-bg{background:#e2e8f0;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.util-bar-fill{border-radius:5px;height:100%;transition:width .5s ease}.util-footer{color:#64748b;font-size:11px;font-weight:600}.total-utilization{background:linear-gradient(135deg,#0891b2,#0e7490);border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:16px}.total-util-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.total-util-header span:first-child{font-size:14px;font-weight:800}.total-util-percent{font-size:32px;font-weight:900}.total-util-info{font-size:12px;opacity:.9}.shipment-cards-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.shipment-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:16px;text-align:center;transition:all .2s}.shipment-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.shipment-card.indigo{border-top:4px solid #1565c0}.shipment-card.green{border-top:4px solid #22c55e}.shipment-card.amber{border-top:4px solid #f59e0b}.shipment-header{margin-bottom:10px}.shipment-label{color:#1e293b;font-size:12px;font-weight:700}.shipment-date{color:#64748b;display:block;font-size:10px}.shipment-total{color:#1e293b;font-size:32px;font-weight:900}.shipment-lbs{color:#7c3aed;font-size:12px;font-weight:700;margin-bottom:10px}.shipment-shifts{display:flex;gap:8px;justify-content:center}.shift-tag{border-radius:6px;font-size:10px;font-weight:600;padding:4px 10px}.shift-tag.day{background:#fef3c7;color:#92400e}.shift-tag.night{background:#e0e7ff;color:#3730a3}.quick-stats-8{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(8,1fr);margin-bottom:20px}.quick-stat{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:10px;padding:14px}.quick-stat.production{border-left-color:#22c55e}.quick-stat.inward{border-left-color:#3b82f6}.quick-stat.outward{border-left-color:#ef4444}.quick-stat.stock{border-left-color:#8b5cf6}.quick-stat.pending{border-left-color:#f59e0b}.quick-stat.shipped{border-left-color:#1565c0}.quick-stat.aging{border-left-color:#ec4899}.quick-stat.fresh{border-left-color:#10b981}.qs-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.quick-stat.production .qs-icon{background:#dcfce7}.quick-stat.inward .qs-icon{background:#dbeafe}.quick-stat.outward .qs-icon{background:#fee2e2}.quick-stat.stock .qs-icon{background:#ede9fe}.quick-stat.pending .qs-icon{background:#fef3c7}.quick-stat.shipped .qs-icon{background:#cffafe}.quick-stat.aging .qs-icon{background:#fce7f3}.quick-stat.fresh .qs-icon{background:#d1fae5}.qs-label{color:#6b7280;font-size:9px;font-weight:600;letter-spacing:.3px}.qs-value{color:#1f2937;font-size:18px;font-weight:800}.qs-unit{color:#9ca3af;font-size:9px}.stock-status-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:20px}.stock-status-card{background:#fff;border-radius:10px;border-top:3px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;padding:14px;text-align:center}.ssc-icon{font-size:20px;margin-bottom:6px}.ssc-label{color:#64748b;font-size:9px;font-weight:700;margin-bottom:4px}.ssc-value{color:#1e293b;font-size:22px;font-weight:900;margin-bottom:2px}.ssc-weight{color:#7c3aed;font-size:9px;font-weight:600}.charts-row-2col,.charts-row-3col{margin-bottom:20px}.charts-row-3col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.chart-card h3{color:#0c4a6e;font-size:13px;font-weight:700;margin-bottom:14px}.exec-footer{margin-top:20px}.exec-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.exec-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#1565c0;height:40px;width:40px}.exec-error{background:#fff;border-radius:14px;margin:30px auto;max-width:360px;padding:50px;text-align:center}.exec-error-icon{font-size:40px;margin-bottom:12px}.exec-error h3{color:#ef4444;font-size:16px;margin-bottom:6px}.exec-error p{color:#64748b;font-size:12px;margin-bottom:16px}.exec-error button{background:#1565c0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 20px}@media (max-width:1600px){.breakup-grid-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:1400px){.quick-stats-8{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.breakup-grid-4col,.charts-row-3col,.summary-row-2col{grid-template-columns:1fr}}@media (max-width:1024px){.summary-cards-row{grid-template-columns:repeat(2,1fr)}.charts-row-2col,.shipment-cards-row,.utilization-combined,.utilization-row{grid-template-columns:1fr}.quick-stats-8{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.exec-header{flex-direction:column;gap:12px;text-align:center}.exec-header-right{flex-wrap:wrap;justify-content:center}.exec-tabs{flex-direction:column}.process-grid{grid-template-columns:repeat(2,1fr)}.summary-cards-row{grid-template-columns:1fr}.chart-legend{justify-content:center}}.coldstore-tab-v2{padding:0}.cs-summary-row-6{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:20px}@media (max-width:1600px){.cs-summary-row-6{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.cs-summary-row-6{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cs-summary-row-6{grid-template-columns:1fr}}.cs-summary-row-6 .cs-summary-card{cursor:pointer;transition:all .3s}.cs-summary-row-6 .cs-summary-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.cs-summary-card.today-ship{border-left-color:#1565c0}.cs-summary-card.yesterday-ship{border-left-color:#8b5cf6}.cs-summary-card.mtd-ship{border-left-color:#f59e0b}.cs-summary-card.last-month-ship{border-left-color:#ef4444}.cs-summary-card.today-ship .cs-summary-icon{background:#cffafe}.cs-summary-card.yesterday-ship .cs-summary-icon{background:#ede9fe}.cs-summary-card.mtd-ship .cs-summary-icon{background:#fef3c7}.cs-summary-card.last-month-ship .cs-summary-icon{background:#fee2e2}.cs-summary-value.purple{color:#7c3aed}.cs-summary-value.amber{color:#d97706}.cs-summary-value.red{color:#dc2626}.cs-summary-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cs-summary-card{align-items:center;background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:14px;padding:16px 20px}.cs-summary-card.inward{border-left-color:#22c55e}.cs-summary-card.outward{border-left-color:#f59e0b}.cs-summary-card.stock{border-left-color:#3b82f6}.cs-summary-card.shipped{border-left-color:#1565c0}.cs-summary-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.cs-summary-card.inward .cs-summary-icon{background:#dcfce7}.cs-summary-card.outward .cs-summary-icon{background:#fef3c7}.cs-summary-card.stock .cs-summary-icon{background:#dbeafe}.cs-summary-card.shipped .cs-summary-icon{background:#cffafe}.cs-summary-info{flex:1 1}.cs-summary-label{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.cs-summary-value{font-size:24px;font-weight:900}.cs-summary-value.green{color:#16a34a}.cs-summary-value.orange{color:#d97706}.cs-summary-value.blue{color:#2563eb}.cs-summary-value.cyan{color:#0891b2}.cs-summary-lbs{color:#7c3aed;font-size:11px;font-weight:700}.cs-section-header{align-items:center;display:flex;gap:10px;margin-bottom:12px;margin-top:16px}.cs-section-icon{align-items:center;background:linear-gradient(135deg,#1565c0,#1976d2);border-radius:8px;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.cs-section-title{color:#1e3a5f;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;text-transform:uppercase}.light-theme .cs-section-title{color:#1e3a5f}.dark-theme .cs-section-title{color:#60a5fa}.cs-section-total{color:#64748b;font-size:10px;font-size:var(--font-size-body);margin-left:auto}.cs-section-total strong{color:#1e293b;font-weight:800}.cs-section-total .purple{color:#7c3aed}.cs-live-badge{align-items:center;animation:pulse 2s infinite;background:#22c55e;border-radius:12px;color:#fff;display:flex;font-size:9px;font-weight:800;gap:4px;padding:3px 10px}.dark-theme .cs-chart-card,.dark-theme .cs-movement-box,.dark-theme .cs-shipment-card,.dark-theme .cs-summary-card,.dark-theme .cs-util-card{background:#1e293b;border:1px solid #334155}.dark-theme .cs-movement-subtitle,.dark-theme .cs-section-total,.dark-theme .cs-summary-label{color:#94a3b8}.dark-theme .cs-process-card,.dark-theme .cs-shift-card{background:#334155;border-color:#475569}.dark-theme .cs-process-label,.dark-theme .cs-shift-label{color:#94a3b8}.dark-theme .cs-total-lbs-card{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.dark-theme .cs-modal-overlay{background:#000000b3}.dark-theme .cs-modal{background:#1e293b;border:1px solid #334155}.dark-theme .cs-modal-header{background:#334155}.dark-theme .cs-modal-summary{background:#0f172a;border-color:#334155}.dark-theme .cs-modal-section-title{border-color:#475569;color:#e2e8f0}.dark-theme .cs-modal-table th{color:#94a3b8}.dark-theme .cs-modal-table td{color:#e2e8f0}.cs-movements-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.cs-movement-single{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:20px}.cs-movement-box{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:20px}.cs-movement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cs-movement-title-group{align-items:center;display:flex;gap:12px}.cs-movement-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.cs-movement-icon.inward{background:linear-gradient(135deg,#22c55e,#16a34a)}.cs-movement-icon.outward{background:linear-gradient(135deg,#f59e0b,#d97706)}.cs-movement-title{color:#1e293b;font-size:14px;font-weight:700}.cs-movement-subtitle{color:#64748b;font-size:10px}.cs-movement-total{text-align:right}.cs-movement-total-label{color:#64748b;font-size:9px}.cs-movement-total-value{font-size:26px;font-weight:900}.cs-movement-total-value.inward{color:#16a34a}.cs-movement-total-value.outward{color:#d97706}.cs-movement-total-lbs{color:#7c3aed;font-size:11px;font-weight:700}.cs-shift-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.cs-shift-card{border-radius:10px;cursor:pointer;padding:14px;text-align:center;transition:all .2s}.cs-shift-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cs-shift-card.day{background:linear-gradient(135deg,#fef3c7,#fde68a)}.cs-shift-card.night{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.cs-shift-card.night.not-started{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);cursor:default;opacity:.7}.cs-shift-label{color:#64748b;font-size:9px;font-weight:600;margin-bottom:4px}.cs-shift-value{color:#1e293b;font-size:22px;font-weight:900}.cs-shift-lbs{color:#7c3aed;font-size:10px;font-weight:600}.cs-shift-card.night.not-started .cs-shift-lbs,.cs-shift-card.night.not-started .cs-shift-value{color:#94a3b8}.cs-not-started{color:#64748b;font-size:8px;margin-top:4px}.cs-process-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.cs-process-card{background:#f8fafc;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s}.cs-process-card:hover:not(.disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cs-process-card.produced{border-color:#22c55e}.cs-process-card.produced:hover:not(.disabled){background:#f0fdf4}.cs-process-card.repack{border-color:#3b82f6}.cs-process-card.repack:hover:not(.disabled){background:#eff6ff}.cs-process-card.reprint{border-color:#8b5cf6}.cs-process-card.reprint:hover:not(.disabled){background:#f5f3ff}.cs-process-card.reprocess{border-color:#f59e0b}.cs-process-card.reprocess:hover:not(.disabled){background:#fffbeb}.cs-process-card.disabled{cursor:default;opacity:.5}.cs-process-label{color:#64748b;font-size:8px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.cs-process-value{font-size:16px;font-weight:900}.cs-process-card.produced .cs-process-value{color:#16a34a}.cs-process-card.repack .cs-process-value{color:#2563eb}.cs-process-card.reprint .cs-process-value{color:#7c3aed}.cs-process-card.reprocess .cs-process-value{color:#d97706}.cs-process-lbs{color:#7c3aed;font-size:8px;font-weight:600;margin-top:2px}.cs-process-shifts{color:#64748b;display:flex;font-size:7px;gap:6px;justify-content:center;margin-top:4px}.cs-total-lbs-card{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:10px;padding:12px;text-align:center}.cs-total-lbs-label{color:#6b21a8;font-size:8px;font-weight:700;margin-bottom:2px;text-transform:uppercase}.cs-total-lbs-value{color:#7c3aed;font-size:18px;font-weight:900}.cs-total-lbs-unit{color:#6b21a8;font-size:9px}.cs-shipment-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.cs-shipment-card{background:#fff;border-radius:14px;border-top:4px solid;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:20px;transition:all .3s}.cs-shipment-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.cs-shipment-card.indigo{border-top-color:#1565c0}.cs-shipment-card.green{border-top-color:#22c55e}.cs-shipment-card.amber{border-top-color:#f59e0b}.cs-shipment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.cs-shipment-badge{border-radius:16px;color:#fff;display:inline-block;font-size:9px;font-weight:800;padding:4px 12px}.cs-shipment-badge.indigo{background:linear-gradient(135deg,#d32f2f,#1565c0)}.cs-shipment-badge.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.cs-shipment-badge.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.cs-shipment-total{text-align:right}.cs-shipment-total-label{color:#64748b;font-size:8px}.cs-shipment-total-value{font-size:28px;font-weight:900}.cs-shipment-total-value.indigo{color:#4f46e5}.cs-shipment-total-value.green{color:#16a34a}.cs-shipment-total-value.amber{color:#d97706}.cs-shipment-total-lbs{color:#7c3aed;font-size:11px;font-weight:700}.cs-shipment-shifts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:12px}.cs-shipment-shift{border-radius:8px;padding:10px;text-align:center}.cs-shipment-shift.day{background:linear-gradient(135deg,#fef3c7,#fde68a)}.cs-shipment-shift.night{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.cs-shipment-shift.night.not-started{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.cs-shipment-shift-label{color:#64748b;font-size:8px;font-weight:600}.cs-shipment-shift-value{color:#1e293b;font-size:16px;font-weight:900}.cs-shipment-shift-lbs{color:#7c3aed;font-size:9px;font-weight:600}.cs-shipment-shift.night.not-started .cs-shipment-shift-lbs,.cs-shipment-shift.night.not-started .cs-shipment-shift-value{color:#94a3b8}.cs-shipment-hint{color:#94a3b8;font-size:8px;margin-top:10px;text-align:center}.cs-status-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cs-status-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;padding:18px;text-align:center;transition:all .3s}.cs-status-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.cs-status-card.produced{border-color:#22c55e}.cs-status-card.repack-in{border-color:#3b82f6}.cs-status-card.repack-out{border-color:#1565c0}.cs-status-card.reprinting{border-color:#8b5cf6}.cs-status-card.reprocess{border-color:#f59e0b}.cs-status-card.qc-sample{border-color:#14b8a6}.cs-status-card.fcl-excess{border-color:#ef4444}.cs-status-card.mtd-shipped{border-color:#ec4899}.cs-status-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:44px;justify-content:center;margin:0 auto 10px;width:44px}.cs-status-card.produced .cs-status-icon{background:#dcfce7}.cs-status-card.repack-in .cs-status-icon{background:#dbeafe}.cs-status-card.repack-out .cs-status-icon{background:#cffafe}.cs-status-card.reprinting .cs-status-icon{background:#ede9fe}.cs-status-card.reprocess .cs-status-icon{background:#fef3c7}.cs-status-card.qc-sample .cs-status-icon{background:#ccfbf1}.cs-status-card.fcl-excess .cs-status-icon{background:#fee2e2}.cs-status-card.mtd-shipped .cs-status-icon{background:#fce7f3}.cs-status-name{color:#64748b;font-size:10px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.cs-status-value{font-size:24px;font-weight:900}.cs-status-card.produced .cs-status-value{color:#16a34a}.cs-status-card.repack-in .cs-status-value{color:#2563eb}.cs-status-card.repack-out .cs-status-value{color:#0891b2}.cs-status-card.reprinting .cs-status-value{color:#7c3aed}.cs-status-card.reprocess .cs-status-value{color:#d97706}.cs-status-card.qc-sample .cs-status-value{color:#0d9488}.cs-status-card.fcl-excess .cs-status-value{color:#dc2626}.cs-status-card.mtd-shipped .cs-status-value{color:#db2777}.cs-status-unit{color:#94a3b8;font-size:10px}.cs-status-lbs{color:#7c3aed;font-size:11px;font-weight:600;margin-top:4px}.cs-util-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.cs-util-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:24px;text-align:center}.cs-util-card.total{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff}.cs-util-title{color:#64748b;font-size:12px;font-weight:700;margin-bottom:14px}.cs-util-card.total .cs-util-title{color:#ffffffe6}.cs-util-chart{height:130px;margin:0 auto 14px;position:relative;width:130px}.cs-util-percent{color:#1e293b;font-size:26px;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cs-util-percent.white{color:#fff}.cs-util-details{color:#64748b;font-size:12px}.cs-util-card.total .cs-util-details{color:#ffffffe6}.cs-util-details strong{color:#1e293b;font-weight:800}.cs-util-card.total .cs-util-details strong{color:#fff}.cs-util-hint{color:#94a3b8;font-size:8px;margin-top:8px}.cs-util-card.total .cs-util-hint{color:#ffffffb3}.cs-util-card{cursor:pointer;transition:all .3s}.cs-util-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.cs-chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:15px;padding:16px}.cs-chart-card h3{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:12px;font-weight:700;margin-bottom:12px;padding-bottom:10px}.cs-chart-container{cursor:pointer;height:280px;max-height:350px;overflow:hidden}.cs-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cs-modal{animation:modalSlide .3s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 50px #00000040;max-height:75vh;max-width:650px;overflow:hidden;width:90%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-modal-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:14px 18px}.cs-modal-header.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.cs-modal-header.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.cs-modal-header.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.cs-modal-header.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.cs-modal-header.cyan{background:linear-gradient(135deg,#c62828,#e53935)}.cs-modal-header.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.cs-modal-header.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.cs-modal-header.teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.cs-modal-header.indigo{background:linear-gradient(135deg,#d32f2f,#1565c0)}.cs-modal-header h2{font-size:14px;font-weight:800}.cs-modal-header span{font-size:9px;opacity:.9}.cs-modal-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:30px;width:30px}.cs-modal-summary{grid-gap:10px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);padding:10px 18px}.cs-modal-summary-item{text-align:center}.cs-modal-summary-label{color:#64748b;font-size:8px;font-weight:700;text-transform:uppercase}.cs-modal-summary-value{color:#1e293b;font-size:16px;font-weight:900}.cs-modal-summary-value.green{color:#16a34a}.cs-modal-summary-value.purple{color:#7c3aed}.cs-modal-body{max-height:350px;overflow-y:auto;padding:14px 18px}.cs-modal-section{margin-bottom:18px}.cs-modal-section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a5f,#3b82f6);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e2e8f0;font-size:13px;font-weight:800;letter-spacing:1px;margin-bottom:10px;padding-bottom:6px;text-transform:uppercase}.cs-modal-table{border-collapse:collapse;width:100%}.cs-modal-table th{background:#f1f5f9;color:#1e293b;font-size:11px;font-weight:700;padding:10px 12px;text-align:left;text-transform:uppercase}.cs-modal-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:500;padding:10px 12px}.cs-modal-table .code{color:#1e40af;font-weight:800}.cs-modal-table .cartons{color:#16a34a;font-weight:800;text-align:right}.cs-modal-table .lbs{color:#7c3aed;font-weight:700;text-align:right}.cs-modal-tabs{display:flex;gap:8px;margin-bottom:14px}.cs-modal-tab{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;padding:8px 14px;text-transform:uppercase;transition:all .2s}.cs-modal-tab:hover{background:#e2e8f0}.cs-modal-tab.active{background:#0891b2;color:#fff}@media (max-width:1200px){.cs-movements-container,.cs-summary-row{grid-template-columns:1fr}.cs-shipment-row,.cs-status-grid,.cs-util-grid{grid-template-columns:repeat(2,1fr)}.cs-summary-row-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cs-process-grid,.cs-status-grid,.cs-summary-row{grid-template-columns:repeat(2,1fr)}.cs-shipment-row,.cs-util-grid{grid-template-columns:1fr}.cs-modal-summary{grid-template-columns:repeat(3,1fr)}.cs-summary-row-6{grid-template-columns:repeat(2,1fr)}}.loose-bags-display{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:30px 20px}.loose-bags-icon{font-size:40px;margin-bottom:12px}.loose-bags-count{color:#f59e0b;font-size:36px;font-weight:900;line-height:1}.loose-bags-label{color:#64748b;font-size:12px;font-weight:700;margin-top:6px;text-transform:uppercase}.dark-theme .brand-chart .brand-legend,.dark-theme .pack-size-chart .pack-size-legend{background:#1e293b!important;border:1px solid #334155}.dark-theme .brand-bar-row .bar-label,.dark-theme .brand-chart .legend-item,.dark-theme .pack-size-bar-row .bar-label,.dark-theme .pack-size-chart .legend-item{color:#f1f5f9!important}.clickable-row{cursor:pointer;transition:background .2s}.light-theme .clickable-row:hover{background:#f0f9ff!important}.dark-theme .clickable-row:hover{background:#334155!important}.product-detail-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.dark-theme .product-detail-modal{background:#1e293b}.product-detail-modal .modal-header.purple-gradient{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff;padding:20px 24px}.product-detail-modal .modal-header h2{font-size:18px;font-weight:800;margin:0 0 4px}.product-detail-modal .modal-header span{font-size:11px;opacity:.9}.modal-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:16px 24px}.dark-theme .modal-tabs{background:#0f172a;border-bottom-color:#334155}.modal-tab{background:#e2e8f0;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;padding:10px 18px;transition:all .2s}.dark-theme .modal-tab{background:#334155;color:#94a3b8}.modal-tab.active{background:linear-gradient(135deg,#1565c0,#1976d2);color:#fff}.detail-table{border-collapse:collapse;width:100%}.detail-table th{background:#f1f5f9;color:#64748b;font-size:10px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}.dark-theme .detail-table th{background:#0f172a;color:#94a3b8}.detail-table td{border-bottom:1px solid #f1f5f9;font-size:12px;padding:12px 16px}.dark-theme .detail-table td{border-bottom-color:#334155;color:#f1f5f9}.detail-table td.num{font-weight:700;text-align:right}.detail-table td.lbs{color:#8b5cf6}.detail-table .no-data{color:#94a3b8;font-style:italic;text-align:center}.coldstore-tab-v2 .section-title,.combined-tab .section-title,.exec-dashboard .section-title,.production-tab .section-title{font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important}.coldstore-tab-v2 .cs-section-title,.coldstore-tab-v2 .section-title>span,.combined-tab .section-title>span,.exec-dashboard .cs-section-title,.exec-dashboard .section-title>span,.production-tab .section-title>span{font-size:14px!important;font-weight:600!important}.cs-modal-section-title{font-size:12px!important;font-weight:600!important}.breakup-grid-3col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}@media (max-width:768px){.breakup-grid-3col{grid-template-columns:1fr}}.loose-bags-box-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.loose-bags-icon-small{font-size:20px;margin-bottom:4px}.loose-bags-value{color:#f59e0b;font-size:18px;font-weight:900;line-height:1}.loose-bags-unit{color:#64748b;font-size:9px;font-weight:700;margin-top:2px;text-transform:uppercase}.dark-theme .loose-bags-unit{color:#94a3b8}.process-grid-with-shifts{grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.process-grid-with-shifts{grid-template-columns:repeat(3,1fr)}}.cs-process-grid-3{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:12px}@media (max-width:768px){.cs-process-grid-3{grid-template-columns:repeat(3,1fr)}}.cs-process-card.loose-bags{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.dark-theme .cs-process-card.loose-bags{background:linear-gradient(135deg,#78350f,#92400e);border-left-color:#fbbf24}.cs-process-card.loose-bags .cs-process-value{color:#d97706}.dark-theme .cs-process-card.loose-bags .cs-process-value{color:#fcd34d}.quick-stat.loose .quick-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.quick-stat.loose .quick-stat-value{color:#d97706}.dark-theme .quick-stat.loose .quick-stat-icon{background:linear-gradient(135deg,#78350f,#92400e);color:#fcd34d}.dark-theme .quick-stat.loose .quick-stat-value{color:#fcd34d}.shift-filter-row{margin-bottom:12px;padding:0 4px}.shift-filter-btn{border-radius:20px;color:#64748b;font-size:11px;font-weight:700;padding:6px 14px;transition:all .2s}.shift-filter-btn:hover{color:#3b82f6}.shift-filter-btn.active{background:#3b82f6;border-color:#3b82f6}.dark-theme .shift-filter-btn{color:#94a3b8}.dark-theme .shift-filter-btn:hover{border-color:#60a5fa;color:#60a5fa}.dark-theme .shift-filter-btn.active{background:#3b82f6;border-color:#3b82f6}.cs-detail-modal .modal-content,.cs-shipment-modal .modal-content{max-height:70vh!important;max-width:600px!important}.cs-detail-modal .modal-header,.cs-shipment-modal .modal-header{padding:12px 16px!important}.cs-detail-modal .modal-body,.cs-shipment-modal .modal-body{max-height:50vh!important;overflow-y:auto;padding:12px 16px!important}.cs-detail-modal .summary-stats,.cs-shipment-modal .summary-stats{gap:15px!important;padding:10px!important}.cs-detail-modal .stat-value,.cs-shipment-modal .stat-value{font-size:18px!important}.quick-stats-6{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:16px}@media (max-width:1024px){.quick-stats-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.quick-stats-6{grid-template-columns:repeat(2,1fr)}}.charts-row-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.charts-row-4col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.charts-row-4col .chart-card.compact{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:12px}.charts-row-4col .chart-card.compact h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:11px;font-weight:700;margin:0 0 8px;padding-bottom:6px;text-align:center}@media (max-width:1200px){.charts-row-4col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.charts-row-2col,.charts-row-4col{grid-template-columns:1fr}}.charts-row-2col .chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:16px}.charts-row-2col .chart-card h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:700;margin:0 0 12px;padding-bottom:8px}.dark-theme .charts-row-4col .chart-card.compact{background:#1e293b;box-shadow:0 2px 8px #0000004d}.dark-theme .charts-row-4col .chart-card.compact h3{border-bottom-color:#334155;color:#f1f5f9}.dark-theme .charts-row-2col .chart-card{background:#1e293b;box-shadow:0 2px 8px #0000004d}.dark-theme .charts-row-2col .chart-card h3{border-bottom-color:#334155;color:#f1f5f9}.stock-dist-container-v2{border:1px solid #e2e8f0}.stock-dist-stat.primary{padding:12px 28px}.stock-dist-stat-value{font-size:26px}.stock-dist-panel-header.cyan{background:linear-gradient(135deg,#1565c0,#1976d2)}.stock-dist-panel-header .col-brand{width:200px}.stock-dist-panel-body{max-height:300px}.stock-dist-panel-body.scrollable{max-height:350px}.stock-dist-data-row{font-size:13px}.stock-dist-data-row .col-brand{width:200px}.stock-dist-data-row.parent-row:hover{background:#7c3aed0f}.stock-dist-data-row.parent-row.expanded{border-left:3px solid #7c3aed}.stock-dist-data-row .expand-icon{color:#64748b;display:inline-block;margin-right:6px;width:16px}.stock-dist-sub-rows{border-left:3px solid #e2e8f0}.dark-theme .stock-dist-container-v2{border-color:#475569}.dark-theme .stock-dist-data-row:hover{background:#7c3aed1a}.dark-theme .stock-dist-data-row.parent-row{background:#334155}.dark-theme .stock-dist-data-row.parent-row.expanded{background:#7c3aed26}.dark-theme .stock-dist-sub-rows{border-left-color:#475569}.dark-theme .stock-dist-data-row.total-row{background:linear-gradient(135deg,#0c4a6e,#0369a1)}.dark-theme .stock-dist-data-row.total-row .col-name,.dark-theme .stock-dist-data-row.total-row .col-num{color:#7dd3fc}.stock-aging-products{display:flex;flex-direction:column;gap:6px;max-height:350px;overflow-y:auto}.aging-group{border-radius:6px;overflow:hidden}.aging-products-expanded{background:#ffffff80;border-left:3px solid #e2e8f0;margin-left:16px;padding:8px}.aging-product-item{margin-bottom:4px}.aging-product-header{align-items:center;background:#00000008;border-radius:4px;display:flex;font-size:12px;justify-content:space-between;padding:6px 10px;transition:background .2s}.aging-product-header:hover{background:#0000000f}.aging-product-name{color:#334155;font-weight:600}.aging-product-values{display:flex;font-size:11px;gap:12px}.aging-product-values .aging-cartons{color:#0284c7;font-weight:700}.aging-product-values .aging-lbs{color:#64748b}.aging-grades-table{margin-left:20px;padding:4px 0}.aging-grade-row{align-items:center;border-bottom:1px dashed #e2e8f0;color:#64748b;display:flex;font-size:11px;justify-content:space-between;padding:4px 10px}.aging-grade-row:last-child{border-bottom:none}.aging-grade-name{color:#475569;font-weight:500}.aging-grade-values{display:flex;gap:12px}.aging-grade-values span{min-width:50px;text-align:right}.aging-grade-values .lbs{color:#94a3b8;font-size:10px}.dark-theme .aging-products-expanded{background:#1e293b80;border-left-color:#475569}.dark-theme .aging-product-header{background:#ffffff0d}.dark-theme .aging-product-header:hover{background:#ffffff14}.dark-theme .aging-product-name{color:#e2e8f0}.dark-theme .aging-grade-row{border-bottom-color:#475569}.dark-theme .aging-grade-name{color:#94a3b8}.aging-group-header{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.aging-group-header:hover{filter:brightness(.95)}.aging-group-info{align-items:center;display:flex;gap:12px}.aging-group-name{font-size:12px;font-weight:600;text-transform:uppercase}.aging-group-percent{color:#1e293b;font-size:14px;font-weight:700}.aging-group-values{align-items:center;display:flex;gap:16px}.aging-cartons{color:#0f766e;font-size:13px;font-weight:700}.aging-lbs{color:#7c3aed;font-size:12px;font-weight:600}.aging-products-table{background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px 12px}.aging-products-table table{border-collapse:collapse;font-size:11px;width:100%}.aging-products-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:700;padding:6px 8px;text-align:left;text-transform:uppercase}.aging-products-table td{border-bottom:1px solid #f1f5f9;padding:6px 8px}.aging-products-table td.num{font-weight:600;text-align:right}.aging-products-table tr:last-child td{border-bottom:none}.aging-total{border-radius:6px}.dark-theme .aging-group-percent{color:#e2e8f0}.dark-theme .aging-products-table{background:#1e293b;border-top-color:#334155}.dark-theme .aging-products-table th{border-bottom-color:#334155;color:#94a3b8}.dark-theme .aging-products-table td{border-bottom-color:#334155;color:#e2e8f0}.breakup-table-card.orange .process-brand-table{max-height:180px;overflow-y:auto}.breakup-table-card.orange .process-brand-table table{border-collapse:collapse;width:100%}.breakup-table-card.orange .process-brand-table th{background:#fff;border-bottom:2px solid #f59e0b;color:#64748b;font-size:10px;font-weight:700;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.breakup-table-card.orange .process-brand-table td{border-bottom:1px solid #fef3c7;font-size:12px;padding:8px 10px}.breakup-table-card.orange .process-brand-table td.num{color:#92400e;font-weight:600;text-align:right}.breakup-table-card.orange .process-brand-table .total-row{background:linear-gradient(135deg,#fef3c7,#fde68a)}.breakup-table-card.orange .process-brand-table .total-row td{border-bottom:none;font-weight:700}.dark-theme .breakup-table-card.orange .process-brand-table th{background:#1e293b;color:#f59e0b}.dark-theme .breakup-table-card.orange .process-brand-table td{border-bottom-color:#334155}.dark-theme .breakup-table-card.orange .process-brand-table td.num{color:#fcd34d}.dark-theme .breakup-table-card.orange .process-brand-table .total-row{background:linear-gradient(135deg,#78350f,#92400e)}.shift-filter-row{display:flex;gap:8px;margin-bottom:16px}.shift-filter-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-family:Poppins,Inter,sans-serif;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.shift-filter-btn:hover{background:#f0f9ff;border-color:#3b82f6}.shift-filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d;color:#fff}.dark-theme .shift-filter-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}.dark-theme .shift-filter-btn:hover{background:#1e3a5f;border-color:#3b82f6}.dark-theme .shift-filter-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.exec-footer{color:#64748b;font-size:11px;margin-top:24px;padding:16px;text-align:center}.dark-theme .exec-footer{color:#94a3b8}.brand-chart .brand-legend .legend-item,.pack-size-chart .pack-size-legend .legend-item{background:#f1f5f9!important;font-size:10px;padding:4px 10px}.brand-chart .brand-legend .legend-item .legend-color,.pack-size-chart .pack-size-legend .legend-item .legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.brand-chart .bar-label,.pack-size-chart .bar-label{color:#1e293b!important;font-weight:700}.dark-theme .brand-chart .bar-label,.dark-theme .pack-size-chart .bar-label{color:#f1f5f9!important}.brand-chart .bar-value,.pack-size-chart .bar-value{color:#fff!important;font-size:11px;font-weight:700;text-shadow:0 1px 2px #0000004d}.hierarchical-table .brand-header-row{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important}.hierarchical-table .brand-header-row td{border-top:2px solid #cbd5e1!important;color:#1e293b!important;font-weight:800!important;padding:12px 16px!important}.hierarchical-table .brand-name{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.hierarchical-table .brand-total{font-size:14px;font-weight:900!important}.hierarchical-table .pack-size-row td{background:#fff!important;padding:10px 16px!important}.hierarchical-table .pack-size-indent{color:#64748b;font-size:13px;padding-left:32px!important}.hierarchical-table .no-data-small{color:#94a3b8!important;font-size:12px;font-style:italic}.breakup-table-header{border-radius:12px 12px 0 0!important;padding:16px 20px!important}.breakup-table-card.green .breakup-table-header{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.breakup-table-card.blue .breakup-table-header{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.breakup-table-card.orange .breakup-table-header{background:linear-gradient(135deg,#f97316,#ea580c)!important}.breakup-table-header .table-title{color:#fff!important;font-size:16px!important;letter-spacing:1px}.breakup-table-header .total-label{color:#fffc!important;font-size:11px;font-weight:600}.breakup-table-header .total-value{color:#fff!important;font-size:24px!important;font-weight:900!important}.brand-chart .brand-legend .legend-item,.pack-size-chart .pack-size-legend .legend-item{align-items:center;background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b!important;display:flex;font-size:11px;font-weight:700;gap:6px;padding:6px 12px}.dark-theme .brand-chart .brand-legend .legend-item,.dark-theme .pack-size-chart .pack-size-legend .legend-item{background:#334155!important;border-color:#475569;color:#f1f5f9!important}.product-grade-chart{padding:16px 0}.chart-subtitle-small{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.product-grade-bars{display:flex;flex-direction:column;gap:8px}.product-grade-group{border-left:3px solid #e2e8f0;margin-bottom:12px;padding-left:12px}.product-bar-row{display:flex;margin-bottom:6px}.product-bar-row.main-product{margin-bottom:4px}.product-bar-row.main-product .bar-label{color:#1e293b;font-size:13px;font-weight:800}.product-bar-row.grade-row{padding-left:8px}.product-bar-row.grade-row .bar-label{color:#64748b;font-size:11px;font-weight:600}.product-bar-row .bar-label{max-width:100px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-bar-row .bar-label.product-name{max-width:70px;min-width:70px}.product-bar-row .bar-label.grade-name{font-size:11px;max-width:110px;min-width:90px}.product-bar-row .bar-container{background:#f1f5f9;border-radius:4px;flex:1 1;height:24px;overflow:hidden;position:relative}.product-bar-row.grade-row .bar-container{height:18px}.product-bar-row .bar-fill{align-items:center;border-radius:4px;display:flex;height:100%;justify-content:flex-end;min-width:40px;padding-right:8px;transition:width .3s ease}.product-bar-row .bar-fill.grade-bar{opacity:.85}.product-bar-row .bar-value{color:#fff;font-size:10px;font-weight:800;text-shadow:0 1px 2px #0000004d}.product-bar-row.grade-row .bar-value{font-size:9px}.dark-theme .product-bar-row.main-product .bar-label{color:#f1f5f9}.dark-theme .product-bar-row.grade-row .bar-label{color:#94a3b8}.dark-theme .product-bar-row .bar-container{background:#334155}.dark-theme .product-grade-group{border-left-color:#475569}.chart-subtitle-bold{color:#1e293b;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.chart-total-banner{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:10px 16px}.chart-total-label{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.chart-total-value{color:#0369a1;font-size:18px;font-weight:900}.chart-total-lbs{background:#0ea5e91a;border-radius:4px;color:#0ea5e9;font-size:14px;font-weight:600;padding:2px 8px}.chart-showing-info{color:#94a3b8;font-size:11px;font-style:italic;margin-left:auto}.product-name-bold{color:#1e293b!important;font-size:14px!important;font-weight:900!important}.bar-value-large{color:#fff;font-size:13px!important;font-weight:900!important;padding-right:8px;text-shadow:0 1px 3px #0006}.bar-value-medium{color:#fff;font-size:11px!important;font-weight:800!important;padding-right:6px;text-shadow:0 1px 2px #0000004d}.product-bar-row{position:relative}.chart-tooltip{animation:tooltipFadeIn .15s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 8px 24px #00000040;max-width:280px;min-width:200px;padding:12px 16px;right:-10px;top:50%;transform:translateY(-50%) translateX(100%);z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translateX(100%) scale(.95)}to{opacity:1;transform:translateY(-50%) translateX(100%) scale(1)}}.chart-tooltip:before{border:6px solid #0000;border-right-color:#1e293b;content:"";left:-6px;position:absolute;top:50%;transform:translateY(-50%)}.chart-tooltip .tooltip-title{border-bottom:1px solid #fff3;color:#f1f5f9;font-size:13px;font-weight:800;margin-bottom:8px;padding-bottom:6px}.chart-tooltip .tooltip-row{color:#e2e8f0;font-size:12px;margin-bottom:4px}.chart-tooltip .tooltip-row.small{color:#94a3b8;font-size:11px}.chart-tooltip .tooltip-row strong{color:#f8fafc}.chart-tooltip .tooltip-divider{background:#ffffff26;height:1px;margin:8px 0}.chart-tooltip .tooltip-subtitle{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}@media (max-width:1200px){.chart-tooltip{bottom:100%;left:50%;right:auto;top:auto;transform:translateX(-50%) translateY(-8px)}.chart-tooltip:before{border:6px solid #0000;border-top-color:#1e293b;bottom:-6px;left:50%;top:auto;transform:translateX(-50%)}}.dark-theme .chart-tooltip{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-theme .chart-subtitle-bold{color:#f1f5f9}.dark-theme .product-name-bold{color:#f1f5f9!important}.product-bar-row .bar-fill{min-width:60px}.product-bar-row.grade-row .bar-fill{min-width:50px}.floating-tooltip{animation:tooltipFadeIn .1s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border-radius:8px;box-shadow:0 8px 24px #0000004d;color:#fff;max-width:280px;min-width:180px;padding:12px 16px;position:absolute;z-index:1000}.floating-tooltip .tooltip-title{color:#f1f5f9;font-size:13px;font-weight:800;margin-bottom:8px;padding-bottom:6px}.floating-tooltip .tooltip-row{color:#e2e8f0;font-size:12px;margin-bottom:4px}.floating-tooltip .tooltip-row.small{color:#94a3b8;font-size:11px}.floating-tooltip .tooltip-row strong{color:#f8fafc}.floating-tooltip .tooltip-divider{margin:8px 0}.floating-tooltip .tooltip-subtitle{color:#94a3b8;font-size:10px;font-weight:700;margin-bottom:6px}.dark-theme .floating-tooltip{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 8px 24px #00000080}.summary-popup-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 60px #00000040;max-height:85vh;max-width:900px;overflow:hidden;width:95%}.summary-popup-modal .modal-header.green-gradient{background:linear-gradient(135deg,#22c55e,#16a34a)}.summary-popup-modal .modal-header.blue-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb)}.summary-popup-modal .modal-header.orange-gradient{background:linear-gradient(135deg,#f97316,#ea580c)}.summary-popup-body{max-height:55vh;overflow-y:auto}.summary-popup-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:4px}.summary-popup-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.summary-popup-section h3{color:#475569;font-size:13px;font-weight:800;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.summary-popup-section h3.section-header{border-radius:8px;margin:0 0 12px;padding:10px 14px}.summary-popup-section h3.section-header.product{background:linear-gradient(135deg,#d32f2f,#1565c0);color:#fff}.summary-popup-section h3.section-header.brand{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.summary-popup-section h3.section-header.grade{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-popup-section h3.section-header.pack-size{background:linear-gradient(135deg,#c62828,#e53935);color:#fff}.summary-popup-section .detail-table{border-collapse:collapse;font-size:12px;width:100%}.summary-popup-section .detail-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.summary-popup-section .detail-table th{font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.summary-popup-section .detail-table th:nth-child(2),.summary-popup-section .detail-table th:nth-child(3){text-align:right}.summary-popup-section .detail-table thead.thead-purple th{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.summary-popup-section .detail-table thead.thead-orange th{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.summary-popup-section .detail-table thead.thead-cyan th{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#fff}.summary-popup-section .detail-table thead:not(.thead-purple):not(.thead-orange):not(.thead-cyan) th{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.summary-popup-section .detail-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px}.summary-popup-section .detail-table td.num{font-weight:600;text-align:right}.summary-popup-section .detail-table td:nth-child(3){color:#7c3aed}.summary-popup-section .detail-table tbody tr:hover{background:#6366f10d}.process-box-with-shift.clickable{cursor:pointer;transition:all .2s ease}.process-box-with-shift.clickable:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.process-box-with-shift.clickable:active{transform:translateY(-1px)}.click-hint{color:#ffffffb3;display:none;font-size:9px;font-weight:400;margin-left:auto}.process-box-with-shift.clickable:hover .click-hint{display:inline}.shipment-tab{padding:16px}.shipment-period-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.period-tab{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:10px 20px;transition:all .2s ease}.period-tab:hover{background:#e2e8f0;color:#334155}.period-tab.active{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d;color:#fff}.shipment-summary-banner{background:linear-gradient(135deg,#1e293b,#334155);color:#fff}.shipment-summary-title{color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:12px}.shipment-summary-stats{display:flex;flex-wrap:wrap;gap:32px}.shipment-stat{display:flex;flex-direction:column;gap:4px}.shipment-stat-label{color:#94a3b8;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.shipment-stat-value{color:#fff;font-size:28px;font-weight:800}.shipment-stat-value.lbs{color:#a78bfa}.shipment-stat.day .shipment-stat-value{color:#fbbf24}.shipment-stat.night .shipment-stat-value{color:#60a5fa}.shipment-view-toggle{display:flex;gap:8px;margin-bottom:20px}.view-toggle-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .2s ease}.view-toggle-btn:hover{border-color:#f97316;color:#f97316}.view-toggle-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff}.shipment-graphical-mode{margin-bottom:20px}.shipment-charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.shipment-charts-grid{grid-template-columns:1fr}}.shipment-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.shipment-chart-card h4{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:13px;font-weight:700;margin:0 0 14px;padding-bottom:10px}.shipment-progress-list{display:flex;flex-direction:column;gap:12px}.shipment-progress-item{display:flex;flex-direction:column;gap:4px}.progress-info{display:flex;font-size:12px;justify-content:space-between}.progress-name{color:#334155;font-weight:600}.progress-value{color:#1e293b;font-weight:700}.progress-track{background:#f1f5f9;border-radius:6px;height:22px;overflow:hidden}.progress-fill{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:10px;font-weight:700;height:100%;min-width:20px;padding-left:8px;transition:width .5s ease}.progress-fill.orange{background:linear-gradient(90deg,#f97316,#ea580c)}.progress-fill.purple{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.progress-fill.cyan{background:linear-gradient(90deg,#1565c0,#1976d2)}.progress-fill.green{background:linear-gradient(90deg,#22c55e,#16a34a)}.no-data-msg{color:#94a3b8;font-size:13px;padding:30px;text-align:center}.shipment-weekly-bars{align-items:flex-end;display:flex;gap:8px;height:140px;justify-content:space-between;padding-top:10px}.weekly-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.weekly-bar-track{align-items:flex-end;background:#f1f5f9;border-radius:4px;display:flex;height:90px;overflow:hidden;width:100%}.weekly-bar-fill{background:linear-gradient(180deg,#f97316,#ea580c);border-radius:4px 4px 0 0;transition:height .3s ease;width:100%}.weekly-bar-day{color:#64748b;font-size:10px;font-weight:600}.weekly-bar-value{color:#1e293b;font-size:10px;font-weight:700}.shipment-data-mode{margin-bottom:20px}.shipment-data-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.shipment-data-grid{grid-template-columns:1fr}}.shipment-data-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;overflow:hidden}.shipment-breakdown-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;width:100%}.shipment-table-header{color:#fff;display:flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.shipment-table-header.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.shipment-table-header.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.shipment-table-header .col-name{flex:1 1}.shipment-table-header .col-num{text-align:right;width:90px}.shipment-table-header .col-pct{text-align:right;width:60px}.shipment-table-body{max-height:350px;overflow-y:auto}.shipment-row{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:12px 16px;transition:background .15s}.shipment-row:hover{background:#6366f10d}.shipment-row.parent{font-weight:600}.shipment-row.parent.expanded{background:#7c3aed14}.shipment-row .col-name{color:#334155;flex:1 1;font-size:13px}.shipment-row .col-num{color:#1e293b;font-size:13px;font-weight:600;text-align:right;width:90px}.shipment-row .col-num.lbs{color:#7c3aed}.shipment-row .col-pct{color:#64748b;font-size:12px;text-align:right;width:60px}.shipment-row.total{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:2px solid #0ea5e9;font-weight:700}.shipment-row.total .col-name,.shipment-row.total .col-num,.shipment-row.total .col-pct{color:#0369a1;font-weight:800}.shipment-grades-expanded{background:#fafafa;border-left:4px solid #7c3aed}.shipment-row.child{cursor:default;padding-left:32px}.shipment-row.child .col-name{color:#64748b;font-size:12px}.shipment-row.child .col-num{color:#94a3b8;font-size:12px}.no-data-row{color:#94a3b8;font-size:14px;padding:40px}.shipment-weekly-chart-full{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:20px}.shipment-weekly-chart-full h3{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 16px}.weekly-shipment-bars-full{align-items:flex-end;display:flex;gap:12px;height:180px;justify-content:space-between}.weekly-bar-item-full{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.weekly-bar-container-full{align-items:flex-end;background:#f1f5f9;border-radius:6px;display:flex;height:120px;overflow:hidden;width:100%}.weekly-bar-fill-full{background:linear-gradient(180deg,#f97316,#ea580c);border-radius:6px 6px 0 0;transition:height .3s ease;width:100%}.shipment-monthly-breakdown{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px}.shipment-monthly-breakdown h3{color:#1e293b;font-size:14px;font-weight:700;margin:0 0 16px}.monthly-breakdown-table{width:100%}.monthly-header{background:linear-gradient(135deg,#64748b,#475569);border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:11px;padding:12px 16px;text-transform:uppercase}.monthly-header span{flex:1 1}.monthly-header span:nth-child(2),.monthly-header span:nth-child(3){text-align:right}.monthly-row{border-bottom:1px solid #f1f5f9;display:flex;font-size:13px;padding:10px 16px}.monthly-row span{color:#334155;flex:1 1}.monthly-row span.num{font-weight:600;text-align:right}.monthly-row span.num.lbs{color:#7c3aed}.stock-dist-container-v2{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;overflow:hidden}.stock-dist-header-v2{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;gap:24px;padding:16px 24px}.stock-dist-stat{display:flex;flex-direction:column;gap:4px}.stock-dist-stat.primary{background:#1e293b;border-radius:8px;margin-left:16px;padding:12px 24px}.stock-dist-stat-label{color:#64748b;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stock-dist-stat.primary .stock-dist-stat-label{color:#94a3b8}.stock-dist-stat-value{color:#1e293b;font-size:28px;font-weight:800}.stock-dist-stat.primary .stock-dist-stat-value{color:#fff}.stock-dist-stat-value.lbs{color:#7c3aed}.stock-dist-two-col{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}@media (max-width:900px){.stock-dist-two-col{grid-template-columns:1fr}}.stock-dist-panel-v2{border-right:1px solid #e2e8f0}.stock-dist-panel-v2:last-child{border-right:none}.stock-dist-panel-header{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.stock-dist-panel-header.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.stock-dist-panel-header.cyan{background:linear-gradient(135deg,#c62828,#e53935)}.stock-dist-panel-header.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stock-dist-panel-header .col-name{flex:1 1}.stock-dist-panel-header .col-num{text-align:right;width:90px}.stock-dist-panel-header .col-brand{width:180px}.stock-dist-panel-header .col-grade{flex:1 1}.stock-dist-panel-body{max-height:280px;overflow-y:auto}.stock-dist-panel-body.scrollable{max-height:320px}.stock-dist-data-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;padding:10px 16px;transition:background .15s}.stock-dist-data-row:hover{background:#6366f10a}.stock-dist-data-row .col-name{color:#334155;flex:1 1;font-size:13px}.stock-dist-data-row .col-num{color:#1e293b;font-size:13px;font-weight:600;text-align:right;width:90px}.stock-dist-data-row .col-num.lbs{color:#7c3aed}.stock-dist-data-row .col-brand{color:#334155;font-size:13px;width:180px}.stock-dist-data-row .col-grade{color:#334155;flex:1 1;font-size:13px}.stock-dist-data-row.parent-row{background:#fafafa;cursor:pointer}.stock-dist-data-row.parent-row:hover{background:#f1f5f9}.stock-dist-data-row.parent-row.expanded{background:#7c3aed14}.stock-dist-data-row .expand-icon{color:#7c3aed;font-size:10px;margin-right:8px}.stock-dist-sub-rows{background:#f8fafc;border-left:4px solid #7c3aed}.stock-dist-data-row.sub-row{background:#0000;padding-left:32px}.stock-dist-data-row.sub-row .col-grade,.stock-dist-data-row.sub-row .col-name{color:#64748b;font-size:12px}.stock-dist-data-row.sub-row .col-num{color:#94a3b8;font-size:12px}.stock-dist-data-row.total-row{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:2px solid #0ea5e9;font-weight:700}.stock-dist-data-row.total-row .col-name,.stock-dist-data-row.total-row .col-num{color:#0369a1;font-weight:800}.stock-dist-brand-section-v2{border-top:2px solid #e2e8f0}.dark-theme .stock-dist-container-v2{background:#1e293b;box-shadow:0 2px 12px #0000004d}.dark-theme .stock-dist-header-v2{background:linear-gradient(135deg,#334155,#1e293b);border-bottom-color:#475569}.dark-theme .stock-dist-stat-label{color:#94a3b8}.dark-theme .stock-dist-stat-value{color:#f1f5f9}.dark-theme .stock-dist-panel-v2{border-right-color:#475569}.dark-theme .stock-dist-data-row{border-bottom-color:#334155}.dark-theme .stock-dist-data-row .col-brand,.dark-theme .stock-dist-data-row .col-grade,.dark-theme .stock-dist-data-row .col-name,.dark-theme .stock-dist-data-row .col-num{color:#e2e8f0}.dark-theme .stock-dist-data-row:hover{background:#6366f11a}.dark-theme .stock-dist-data-row.parent-row{background:#0f172a}.dark-theme .stock-dist-data-row.parent-row:hover{background:#1e293b}.dark-theme .stock-dist-sub-rows{background:#0f172a}.dark-theme .stock-dist-brand-section-v2{border-top-color:#475569}.dark-theme .shipment-tab{color:#e2e8f0}.dark-theme .period-tab{background:#334155;color:#94a3b8}.dark-theme .period-tab:hover{background:#475569;color:#e2e8f0}.dark-theme .view-toggle-btn{background:#1e293b;border-color:#475569;color:#94a3b8}.dark-theme .view-toggle-btn:hover{border-color:#f97316;color:#f97316}.dark-theme .shipment-chart-card{background:#1e293b;border-color:#475569}.dark-theme .shipment-chart-card h4{border-bottom-color:#475569;color:#f1f5f9}.dark-theme .progress-name{color:#e2e8f0}.dark-theme .progress-value{color:#f1f5f9}.dark-theme .progress-track{background:#334155}.dark-theme .shipment-breakdown-table{background:#1e293b;border-color:#475569}.dark-theme .shipment-row{border-bottom-color:#334155}.dark-theme .shipment-row .col-name,.dark-theme .shipment-row .col-num{color:#e2e8f0}.dark-theme .shipment-row:hover{background:#7c3aed1a}.dark-theme .shipment-grades-expanded{background:#0f172a}.dark-theme .shipment-monthly-breakdown,.dark-theme .shipment-weekly-chart-full{background:#1e293b}.dark-theme .shipment-monthly-breakdown h3,.dark-theme .shipment-weekly-chart-full h3{color:#f1f5f9}.dark-theme .weekly-bar-container-full,.dark-theme .weekly-bar-track{background:#334155}.dark-theme .weekly-bar-day,.dark-theme .weekly-bar-value{color:#94a3b8}.dark-theme .monthly-row{border-bottom-color:#334155}.dark-theme .monthly-row span{color:#e2e8f0}.export-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;display:flex;font-size:12px;gap:6px;margin-left:auto;padding:6px 14px;transition:all .2s ease}.export-btn.excel-export{background:linear-gradient(135deg,#217346,#185c37)}.export-btn.excel-export:hover{background:linear-gradient(135deg,#185c37,#0f4025);box-shadow:0 4px 12px #21734666}.export-btn .excel-icon{fill:currentColor;height:18px;width:18px}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.export-btn:active{transform:translateY(0)}.export-btn .export-icon{font-size:14px}.section-title{align-items:center;display:flex;gap:10px}.dark-theme .summary-popup-modal{background:#1e293b}.dark-theme .summary-popup-section{background:#0f172a;border-color:#334155}.dark-theme .summary-popup-section h3{color:#94a3b8}.dark-theme .summary-popup-section .detail-table th{background:#334155}.dark-theme .export-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.excel-popup-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 60px #0000004d;max-height:90vh;max-width:1100px;overflow:hidden;width:95%}.excel-summary-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex;gap:20px;padding:12px 20px}.excel-summary-cell{border-right:1px solid #dee2e6;display:flex;flex-direction:column;padding:8px 16px}.excel-summary-cell:last-child{border-right:none}.excel-summary-cell.title{min-width:100px}.excel-summary-cell.highlight{background:#e8f4fd;border:1px solid #b8daff;border-radius:6px}.excel-summary-cell .label{color:#6c757d;font-size:11px;font-weight:600;text-transform:uppercase}.excel-summary-cell .value{color:#212529;font-size:18px;font-weight:800}.excel-summary-cell .value.lbs{color:#6f42c1}.excel-popup-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:16px}.excel-columns-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.excel-section{display:flex;flex-direction:column;gap:16px}.excel-table{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;border-radius:6px;font-size:12px;overflow:hidden;width:100%}.excel-table td,.excel-table th{border-bottom:1px solid #e9ecef;padding:8px 12px;text-align:left}.excel-table td.num,.excel-table th.num{text-align:right}.excel-table td.lbs{color:#6f42c1;font-weight:600}.excel-header-row{background:linear-gradient(135deg,#4472c4,#5a8dee)}.excel-header-row th{color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.excel-header-row.brand-header{background:linear-gradient(135deg,#5a6268,#6c757d)}.excel-subheader-row{background:#f8f9fa}.excel-subheader-row td{color:#6c757d;font-size:10px;padding:4px 12px}.excel-data-row:hover{background:#f8f9fa}.excel-total-row{background:#e8f4fd;border-top:2px solid #4472c4}.excel-total-row td{font-weight:700}.excel-brand-row{background:#f1f3f4}.excel-brand-row td{font-weight:600}.excel-grade-sub-row td{background:#fafbfc;font-size:11px;padding-left:24px}.excel-grade-row{background:#e3f2fd}.excel-grade-row td{font-weight:600}.excel-packsize-row td{background:#fafbfc;font-size:11px;padding-left:24px}.excel-packsize-row.no-data td{color:#999;font-style:italic}.sub-item{color:#555;padding-left:16px!important}.brand-table,.grade-summary-table{margin-top:8px}@media (max-width:900px){.excel-columns-container{grid-template-columns:1fr}.excel-popup-modal{max-width:95%}}.dark-theme .excel-popup-modal{background:#1e293b}.dark-theme .excel-summary-header{background:#0f172a;border-color:#334155}.dark-theme .excel-summary-cell .label{color:#94a3b8}.dark-theme .excel-summary-cell .value{color:#f1f5f9}.dark-theme .excel-table,.dark-theme .excel-table td,.dark-theme .excel-table th{border-color:#334155}.dark-theme .excel-data-row:hover{background:#334155}.dark-theme .excel-total-row{background:#1e3a5f}.dark-theme .excel-brand-row,.dark-theme .excel-grade-sub-row td,.dark-theme .excel-packsize-row td{background:#0f172a}.dark-theme .excel-grade-row{background:#1e3a5f}.process-box-with-shift.shipped{background:linear-gradient(135deg,#fff5f5,#ffe0e0);border:2px solid #dc3545}.process-box-with-shift.shipped:hover{border-color:#c82333;box-shadow:0 4px 12px #dc354533}.process-box-with-shift.shipped .process-label{color:#dc3545}.process-box-with-shift.shipped .process-total-value,.process-total-value.shipped{color:#dc3545;font-weight:700}.process-box-with-shift.shipped .shift-cartons{color:#dc3545;font-weight:600}.process-box-with-shift.shipped .shift-lbs{color:#c82333;font-size:.7rem}.process-grid-with-shifts{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.process-grid-with-shifts{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.process-grid-with-shifts{grid-template-columns:1fr}}.weekly-trend-container{background:#fff;border-radius:12px;padding:16px}.weekly-trend-details{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:16px}.trend-details-header{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:12px}.trend-details-header .close-btn{background:#dc3545;font-size:12px;height:24px;width:24px}.trend-details-grid{grid-gap:12px;gap:12px}.trend-details-grid.four-col{grid-template-columns:repeat(4,1fr)}.trend-detail-card{background:#fff;border-left:4px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:12px}.trend-detail-card.green{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-left-color:#22c55e}.trend-detail-card.green .trend-detail-main{color:#22c55e}.trend-detail-card.blue{background:linear-gradient(135deg,#3b82f614,#3b82f605);border-left-color:#3b82f6}.trend-detail-card.blue .trend-detail-main{color:#3b82f6}.trend-detail-card.red{background:linear-gradient(135deg,#ef444414,#ef444405);border-left-color:#ef4444}.trend-detail-card.red .trend-detail-main{color:#ef4444}.trend-detail-card.orange{background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border-left-color:#f59e0b}.trend-detail-card.orange .trend-detail-main{color:#f59e0b}.trend-detail-card.grades,.trend-detail-card.products{grid-column:span 1}.trend-products-section{background:#f8fafc;border-radius:8px;margin-top:16px;padding:12px}.trend-products-title{color:#475569;font-size:12px;font-weight:700;margin-bottom:10px}.trend-product-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:11px;gap:12px;padding:6px 0}.trend-product-item:last-child{border-bottom:none}.trend-product-item .rank{color:#1565c0;font-weight:700;min-width:24px}.trend-product-item .name{color:#1e293b;flex:1 1;font-weight:600}.trend-product-item .cartons{color:#22c55e;font-weight:600}.trend-product-item .lbs{color:#8b5cf6;font-weight:500;min-width:80px;text-align:right}.trend-detail-title{color:#64748b;font-size:11px;font-weight:600;margin-bottom:8px}.trend-detail-main{color:#22c55e;font-size:24px;font-weight:700}.trend-detail-main.shipped{color:#dc3545}.trend-detail-sub{color:#64748b;font-size:12px}.trend-shift-row{color:#475569;font-size:11px;gap:12px;margin-top:8px}.trend-products-list{max-height:120px}.trend-product-row{display:flex;font-size:11px;justify-content:space-between;padding:4px 0}.trend-product-row .product-name{color:#1e293b;flex:1 1;font-weight:600}.trend-product-row .product-cartons{color:#22c55e;margin-right:8px}.trend-product-row .product-lbs{color:#64748b}.no-data{font-size:11px}.weekly-summary-table{overflow-x:auto}.weekly-summary-table table{font-size:12px}.weekly-summary-table td,.weekly-summary-table th{border-bottom:1px solid #e2e8f0;padding:8px 12px;text-align:right}.weekly-summary-table th{background:#f8fafc;color:#475569;font-weight:600;text-align:right}.weekly-summary-table td:first-child,.weekly-summary-table th:first-child{text-align:left}.weekly-summary-table tr:hover{background:#f1f5f9;cursor:pointer}.weekly-summary-table tr.selected{background:#dbeafe}.weekly-summary-table .green{color:#22c55e;font-weight:600}.weekly-summary-table .red{color:#dc3545;font-weight:600}.monthly-comparison-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:20px;padding:20px}.monthly-header{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.monthly-grid-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.month-card{background:#f8fafc;border:2px solid #0000;border-radius:10px;padding:16px}.month-card.current{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#22c55e}.month-card.previous{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6}.month-title{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:4px}.month-label{color:#64748b;font-size:11px;margin-bottom:12px}.month-stats .stat-row{align-items:center;border-bottom:1px solid #0000000d;display:grid;font-size:12px;grid-template-columns:1fr 80px 100px;padding:6px 0}.month-stats .stat-row.header{border-bottom:2px solid #0000001a;color:#64748b;font-weight:600}.month-stats .stat-label{color:#475569}.month-stats .stat-ctns,.month-stats .stat-lbs{color:#1e293b;font-weight:600;text-align:right}.month-stats .stat-ctns.green,.month-stats .stat-lbs.green{color:#22c55e}.month-stats .stat-ctns.blue,.month-stats .stat-lbs.blue{color:#3b82f6}.month-stats .stat-ctns.red,.month-stats .stat-lbs.red{color:#dc3545}.monthly-breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:16px}.breakdown-column{background:#f8fafc;border-radius:10px;padding:16px}.breakdown-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:12px}.breakdown-table{display:flex;flex-direction:column}.breakdown-header,.breakdown-row{align-items:center;border-bottom:1px solid #e2e8f0;display:grid;font-size:12px;grid-template-columns:30px 1fr 80px 100px;padding:8px 0}.breakdown-header{border-bottom:2px solid #cbd5e1;color:#64748b;font-weight:600}.breakdown-row:last-child{border-bottom:none}.col-rank{color:#f59e0b;font-weight:700}.col-name{color:#1e293b;font-weight:600}.col-ctns{color:#22c55e;font-weight:600;text-align:right}.col-lbs{color:#64748b;text-align:right}.ytd-summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:20px;padding:20px}.ytd-header{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.ytd-totals-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.ytd-total-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;padding:16px;text-align:center}.ytd-total-card.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.ytd-total-card.blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.ytd-total-card.red{background:linear-gradient(135deg,#fef2f2,#fecaca)}.ytd-total-label{color:#64748b;font-size:11px;font-weight:600;margin-bottom:8px}.ytd-total-value{color:#1e293b;font-size:22px;font-weight:700}.ytd-total-sub{color:#64748b;font-size:10px;margin-top:4px}.ytd-change{border-radius:4px;font-size:11px;margin-top:8px;padding:4px 8px}.ytd-change.positive{background:#dcfce7;color:#22c55e}.ytd-change.negative{background:#fee2e2;color:#dc3545}.ytd-monthly-chart{margin:20px 0}.ytd-monthly-chart .chart-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:12px}.monthly-bars{align-items:flex-end;border-bottom:2px solid #e2e8f0;display:flex;gap:8px;height:150px;padding:0 10px}.month-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.month-bar{background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease;width:100%}.month-bar-value{color:#1e293b;font-size:10px;font-weight:600;margin-bottom:4px}.month-bar-label{color:#64748b;font-size:10px;margin-top:6px}.ytd-breakdown-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.ytd-breakdown-column{background:#f8fafc;border-radius:10px;padding:16px}.ytd-breakdown-column .breakdown-title{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:12px}.ytd-breakdown-column .breakdown-table{display:flex;flex-direction:column}.ytd-breakdown-column .breakdown-header,.ytd-breakdown-column .breakdown-row{align-items:center;border-bottom:1px solid #e2e8f0;display:grid;font-size:12px;grid-template-columns:30px 1fr 80px 100px;padding:8px 0}.ytd-breakdown-column .breakdown-header{border-bottom:2px solid #cbd5e1;color:#64748b;font-weight:600}.ytd-breakdown-column .breakdown-row:last-child{border-bottom:none}@media (max-width:1200px){.trend-details-grid{grid-template-columns:repeat(2,1fr)}.monthly-grid{grid-template-columns:1fr}.ytd-totals-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.monthly-products-grid,.trend-details-grid{grid-template-columns:1fr}.ytd-totals-grid{grid-template-columns:repeat(2,1fr)}}.export-excel-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:auto;padding:6px 14px;transition:all .2s}.export-excel-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.process-box-simple.shipped{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;min-width:140px;padding:12px}.process-box-simple .process-total-value.shipped{color:#d97706;font-size:28px;font-weight:700}.shipment-summary-banner{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.shipment-summary-main{flex:1 1;text-align:center}.shipment-summary-title{color:#fffc;font-size:12px;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.shipment-summary-value{color:#fff;font-size:42px;font-weight:700;line-height:1}.shipment-summary-lbs{color:#4ade80;font-size:16px;font-weight:600;margin-top:4px}.shipment-comparison-card{background:#ffffff1a;border-radius:10px;min-width:140px;padding:14px 20px;text-align:center}.comparison-label{color:#ffffffb3;font-size:11px;margin-bottom:4px;text-transform:uppercase}.comparison-value{color:#fff;font-size:26px;font-weight:700}.comparison-lbs{color:#4ade80;font-size:13px;font-weight:500}.shipment-trend-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:16px}.trend-title{color:#1e3a5f;font-size:14px;font-weight:600;margin:0 0 16px}.daily-trend-chart,.monthly-trend-chart{align-items:flex-end;display:flex;gap:8px;height:180px;justify-content:space-around;padding:10px 0}.trend-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.trend-bar-value{color:#1e3a5f;font-size:11px;font-weight:600;margin-bottom:6px}.trend-bar-track{background:#e5e7eb;border-radius:6px;display:flex;flex-direction:column;height:120px;justify-content:flex-end;overflow:hidden;width:100%}.trend-bar-fill{background:linear-gradient(180deg,#f97316,#ea580c);border-radius:6px 6px 0 0;transition:height .3s ease}.trend-bar-fill.monthly{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.trend-bar-label{color:#374151;font-size:11px;font-weight:600;margin-top:6px}.trend-bar-date{color:#9ca3af;font-size:9px}.monthly-breakdown-table{border:1px solid #e5e7eb;border-radius:8px;margin-top:20px;overflow:hidden}.monthly-table-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 14px}.monthly-table-header span{color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}.monthly-table-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:1fr 1fr 1fr;padding:10px 14px}.monthly-table-row:last-child{border-bottom:none}.monthly-table-row.total{background:#f9fafb;font-weight:600}.monthly-table-row .col-month{color:#374151;font-weight:500}.monthly-table-row .col-num{color:#1e3a5f;font-weight:600;text-align:right}.top5-section{margin-bottom:20px}.top5-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.top5-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:14px}.top5-card h4{border-bottom:2px solid #f3f4f6;color:#1e3a5f;font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.top5-list{display:flex;flex-direction:column;gap:6px}.top5-item{background:#f9fafb;border-radius:6px;gap:10px;padding:6px 8px}.top5-item,.top5-rank{align-items:center;display:flex}.top5-rank{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:50%;color:#fff;font-size:11px;font-weight:600;height:22px;justify-content:center;width:22px}.top5-name{color:#374151;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top5-value{color:#1e3a5f;font-size:12px;font-weight:700}.shipment-breakup-section{margin-top:20px}.shipment-data-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.grade-packsize-section{margin-top:16px}.shipment-breakup-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.breakup-table-title{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:12px 14px}.title-icon{align-items:center;border-radius:6px;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.title-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.title-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.title-icon.cyan{background:linear-gradient(135deg,#c62828,#e53935)}.breakup-table-title>span:nth-child(2){color:#1e3a5f;font-size:13px;font-weight:600}.title-stats{color:#6b7280;font-size:11px;margin-left:auto}.breakup-table-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1.5fr 1fr 1fr .5fr;padding:10px 14px}.breakup-table-header.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.breakup-table-header.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.breakup-table-header.cyan{background:linear-gradient(135deg,#c62828,#e53935)}.breakup-table-header span{color:#fff;font-size:10px;font-weight:600;text-transform:uppercase}.breakup-table-body{max-height:300px;overflow-y:auto}.breakup-row{grid-gap:8px;align-items:center;border-bottom:1px solid #f3f4f6;display:grid;gap:8px;grid-template-columns:2fr 1.5fr 1fr 1fr .5fr;padding:10px 14px}.breakup-row.parent{background:#fff}.breakup-row.parent.clickable{cursor:pointer}.breakup-row.parent.clickable:hover{background:#f9fafb}.breakup-row.parent.expanded{background:#fef3c7}.breakup-row.child{background:#f9fafb;padding-left:28px}.breakup-row.total{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff;font-weight:600}.breakup-row.total .col-name,.breakup-row.total .col-num,.breakup-row.total .col-pct{color:#fff}.breakup-row .col-name{align-items:center;color:#1e293b;display:flex;font-size:13px;font-weight:600;gap:6px}.expand-arrow{color:#64748b;font-size:10px}.breakup-row .col-num{color:#1e293b;font-size:13px;font-weight:700;text-align:right}.breakup-row .col-num.lbs{color:#059669;font-weight:700}.breakup-row .col-pct{color:#475569;font-size:12px;font-weight:600;text-align:right}.col-progress{padding:0 8px}.progress-bar-mini{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill-mini{border-radius:4px;height:100%;transition:width .3s ease}.progress-fill-mini.purple{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.progress-fill-mini.orange{background:linear-gradient(90deg,#f97316,#ea580c)}.progress-fill-mini.cyan{background:linear-gradient(90deg,#1565c0,#1976d2)}.breakup-children{background:#f3f4f6}.no-data-row{font-size:12px;padding:20px}.no-data-row,.no-data-small{color:#9ca3af;text-align:center}.no-data-small{font-size:11px;padding:10px}@media (max-width:1200px){.shipment-data-grid{grid-template-columns:1fr}.top5-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.top5-grid{grid-template-columns:1fr}.shipment-summary-banner{flex-direction:column;gap:16px}.daily-trend-chart,.monthly-trend-chart{justify-content:flex-start;overflow-x:auto}.trend-bar-col{min-width:60px}}.product-distribution-chart{display:flex;flex-direction:column;gap:10px;padding:10px 0}.product-bar-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr 100px}.product-bar-name{color:#374151;font-size:12px;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.product-bar-track{background:#e5e7eb;border-radius:6px;height:24px;overflow:hidden}.product-bar-fill{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:6px;height:100%;transition:width .3s ease}.product-bar-value{color:#1e3a5f;font-size:12px;font-weight:600}.weekly-comparison-chart{padding:10px 0}.week-comparison-legend{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.legend-item{color:#374151;font-size:12px;font-weight:500}.legend-item.current{color:#f97316}.legend-item.last{color:#94a3b8}.week-bars-container{align-items:flex-end;display:flex;gap:16px;height:180px;justify-content:space-around}.week-comparison-col{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:120px}.week-bars{display:flex;height:150px;justify-content:center;width:100%}.week-bar-pair{align-items:flex-end;display:flex;gap:4px;height:100%}.week-bar{align-items:center;border-radius:6px 6px 0 0;display:flex;flex-direction:column;justify-content:flex-start;min-height:20px;padding-top:4px;transition:height .3s ease;width:32px}.week-bar.current{background:linear-gradient(180deg,#f97316,#ea580c)}.week-bar.last{background:linear-gradient(180deg,#94a3b8,#64748b)}.week-bar .bar-value{color:#fff;font-size:10px;font-weight:600;text-shadow:0 1px 2px #0000004d}.week-label{color:#374151;font-size:12px;font-weight:600;margin-top:8px}@media (max-width:768px){.product-bar-row{grid-template-columns:80px 1fr 80px}.week-bars-container{justify-content:flex-start;overflow-x:auto;padding:0 10px}.week-comparison-col{min-width:80px}}.has-tooltip{cursor:pointer;overflow:visible!important;position:relative}.chart-tooltip{background:#1e293bf2;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 15px #0000004d;color:#fff;font-size:11px;font-weight:500;line-height:1.6;min-width:140px;opacity:0;padding:8px 12px;pointer-events:none;text-align:left;transition:opacity .2s ease,transform .2s ease;visibility:hidden;white-space:nowrap;z-index:99999}.chart-tooltip,.chart-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.chart-tooltip:after{border:6px solid #0000;border-top-color:#1e293bf2;content:"";top:100%}.has-tooltip:hover .chart-tooltip{opacity:1;transform:translateX(-50%) translateY(-2px);visibility:visible}.week-bar.current .chart-tooltip{bottom:auto;left:auto;right:calc(100% + 10px);top:50%;transform:translateY(-50%)}.week-bar.current .chart-tooltip:after{border:6px solid #0000;border-left-color:#1e293bf2;bottom:auto;left:auto;right:-12px;top:50%;transform:translateY(-50%)}.week-bar.current:hover .chart-tooltip{transform:translateY(-50%) translateX(-2px)}.week-bar.last .chart-tooltip{bottom:auto;left:calc(100% + 10px);right:auto;top:50%;transform:translateY(-50%)}.week-bar.last .chart-tooltip:after{border:6px solid #0000;border-right-color:#1e293bf2;bottom:auto;left:-12px;right:auto;top:50%;transform:translateY(-50%)}.week-bar.last:hover .chart-tooltip{transform:translateY(-50%) translateX(2px)}.tooltip-header{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:6px}.tooltip-header:before{background:#f97316;border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}.tooltip-value-row{align-items:center;display:flex;font-size:12px;gap:8px;margin-top:4px}.tooltip-value-row:before{background:#f97316;border-radius:2px;content:"";flex-shrink:0;height:8px;width:8px}.tooltip-value-row .label{color:#f97316;font-weight:600}.tooltip-value-row .value{color:#fff;font-weight:500}.tooltip-single{display:flex;flex-direction:column;gap:3px}.tooltip-single .tooltip-title{align-items:center;border-bottom:1px solid #ffffff26;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px;margin-bottom:2px;padding-bottom:4px}.tooltip-single .tooltip-title:before{background:#f97316;border-radius:50%;content:"";flex-shrink:0;height:8px;width:8px}.tooltip-single .tooltip-stats{align-items:center;display:flex;font-size:10px;gap:4px;padding:1px 0 1px 14px}.tooltip-single .tooltip-stats:before{color:#f97316;content:"▸";font-size:8px;margin-right:2px}.tooltip-single .tooltip-stats .stat-label{color:#fffc;font-size:10px;font-weight:600}.tooltip-single .tooltip-stats .stat-value{color:#fff;font-size:10px;font-weight:600}.product-bar-fill,.product-bar-track,.trend-bar-fill,.trend-bar-track,.week-bar{overflow:visible!important}.trend-bar-col:hover .trend-bar-fill{box-shadow:0 0 12px #f9731680;filter:brightness(1.15)}.trend-bar-col:hover .trend-bar-fill.monthly{box-shadow:0 0 12px #3b82f680}.product-bar-row:hover .product-bar-fill{box-shadow:0 0 10px #f9731666;filter:brightness(1.1)}.week-bar:hover{box-shadow:0 0 10px #f9731666;filter:brightness(1.15)}.week-bar.last:hover{box-shadow:0 0 10px #64748b80}.daily-trend-chart,.monthly-trend-chart,.product-distribution-chart,.shipment-trend-section,.trend-bar-col,.trend-bar-track,.week-bar-pair,.week-bars,.week-bars-container,.week-comparison-col,.weekly-comparison-chart{overflow:visible!important}.dark-theme .breakup-row .col-name,.dark-theme .breakup-row .col-num{color:#f1f5f9}.dark-theme .breakup-row .col-num.lbs{color:#4ade80}.dark-theme .breakup-row .col-pct{color:#94a3b8}.dark-theme .breakup-row.parent:hover{background:#334155}.dark-theme .breakup-row.child{background:#1e293b}.dark-theme .breakup-row.child .col-name,.dark-theme .breakup-row.child .col-num{color:#f1f5f9}.dark-theme .breakup-children{background:#1e293b}.dark-theme .expand-arrow{color:#94a3b8}.dark-theme .cs-modal-table th{background:#334155;color:#e2e8f0}.dark-theme .cs-modal-table td{border-color:#475569;color:#f1f5f9;font-weight:500}.dark-theme .cs-modal-table .code{color:#818cf8}.dark-theme .cs-modal-table .cartons{color:#4ade80}.dark-theme .cs-modal-table .lbs{color:#c084fc}.breakup-row.child{background:#f8fafc}.breakup-row.child .col-name{color:#1e293b;font-size:12px;font-weight:600}.breakup-row.child .col-num{color:#1e293b;font-size:12px;font-weight:700}.breakup-row.child .col-num.lbs{color:#059669;font-weight:700}.breakup-table-header{align-items:center!important;display:flex!important;gap:16px!important;justify-content:space-between!important;padding:14px 16px!important}.breakup-table-header .table-title{font-size:14px!important;font-weight:800!important;letter-spacing:.5px;text-transform:uppercase}.header-stats-row{align-items:center;display:flex;gap:20px}.header-stat-item{align-items:center;display:flex;flex-direction:column;min-width:65px;text-align:center}.header-stat-value{font-size:22px;font-weight:900;line-height:1.1}.header-stat-label{color:#fffc;font-size:9px;font-weight:700;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.process-brand-table table{border-collapse:collapse;width:100%}.process-brand-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:700;padding:8px 12px;text-align:left;text-transform:uppercase}.dark-theme .process-brand-table th{background:#334155;border-color:#475569;color:#94a3b8}.process-brand-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:12px;padding:8px 12px}.dark-theme .process-brand-table td{border-color:#334155;color:#e2e8f0}.process-brand-table td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.process-brand-table .clickable-row{cursor:pointer;transition:background .15s}.process-brand-table .clickable-row:hover{background:#f1f5f9}.dark-theme .process-brand-table .clickable-row:hover{background:#334155}.process-brand-table tfoot td{background:#f8fafc;border-top:2px solid #e2e8f0;font-weight:700}.dark-theme .process-brand-table tfoot td{background:#334155;border-color:#475569}.process-brand-table .no-data{color:#94a3b8;font-style:italic;padding:16px;text-align:center}@media (max-width:768px){.header-stats-row{gap:12px}.header-stat-value{font-size:18px}.header-stat-item{min-width:50px}}.floating-tooltip{border:1px solid #ffffff26!important;box-shadow:0 12px 32px #0006!important}.floating-tooltip .tooltip-title{background:#ffffff1a;border-bottom:1px solid #fff3;border-radius:8px 8px 0 0;margin:-12px -16px 10px;padding:10px 16px}.floating-tooltip .tooltip-row{color:#f1f5f9!important;margin-bottom:6px;padding:4px 0}.floating-tooltip .tooltip-row strong{font-weight:700}.floating-tooltip .tooltip-row.small{color:#cbd5e1!important;padding-left:8px}.summary-popup-modal{border:1px solid #0000001a}.summary-popup-modal .modal-header{padding:18px 24px!important}.summary-popup-modal .modal-header h2{font-size:18px!important;font-weight:800!important;text-shadow:0 1px 2px #0003}.summary-popup-modal .modal-header span{font-size:12px!important}.summary-popup-section .detail-table td{padding:12px!important}.summary-popup-section .detail-table td.num{color:#334155!important}.summary-popup-section .detail-table tbody tr:nth-child(odd){background:#f8fafc}.summary-popup-section h3.section-header{box-shadow:0 2px 4px #0000001a;font-size:13px!important;letter-spacing:1px;margin-bottom:14px!important;padding:12px 16px!important;text-transform:uppercase}.cs-modal-header h2{font-size:16px!important;font-weight:800!important}.cs-modal-section-title{background:linear-gradient(135deg,#64748b,#475569)!important;border-radius:6px!important;margin-bottom:12px!important;padding:10px 14px!important}.cs-modal-table th{background:linear-gradient(135deg,#334155,#1e293b)!important;font-weight:700!important}.cs-modal-table td,.cs-modal-table th{padding:10px 12px!important}.dark-theme .summary-popup-modal{border-color:#475569!important}.dark-theme .summary-popup-section .detail-table tbody tr:nth-child(odd){background:#1e293b}.dark-theme .summary-popup-section .detail-table tbody tr:hover{background:#334155!important}.dark-theme .cs-modal{background:#1e293b!important}.dark-theme .cs-modal-table td{border-color:#334155!important;color:#e2e8f0!important}.weekly-trend-details{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:16px;overflow:hidden}.trend-details-header{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;display:flex;font-size:14px!important;font-weight:700!important;justify-content:space-between;padding:14px 20px}.trend-details-header span{color:#fff!important}.trend-details-header .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:28px;width:28px}.trend-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:20px}.trend-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.trend-detail-title{border-bottom:2px solid #e2e8f0;color:#64748b!important;font-size:11px!important;font-weight:800!important;letter-spacing:.5px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.trend-detail-main{color:#22c55e!important;font-size:26px!important;font-weight:900!important;line-height:1.1}.trend-detail-main.shipped{color:#ef4444!important}.trend-detail-sub{color:#64748b!important;font-size:13px!important;font-weight:600;margin-top:4px}.trend-shift-row{border-top:1px solid #e2e8f0;color:#475569!important;display:flex;font-size:12px!important;font-weight:600;justify-content:space-between;margin-top:12px;padding-top:10px}.trend-detail-card.grades,.trend-detail-card.products{background:#fff}.trend-products-list{max-height:180px;overflow-y:auto}.trend-product-row{grid-gap:12px;border-bottom:1px solid #f1f5f9;display:grid;font-size:12px!important;gap:12px;grid-template-columns:1fr auto auto;padding:8px 0}.trend-product-row .product-name{color:#1e293b!important;font-weight:600!important}.trend-product-row .product-cartons{color:#22c55e!important;font-weight:700!important}.trend-product-row .product-lbs{color:#7c3aed!important;font-weight:600!important}.weekly-summary-table{border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;overflow:hidden}.weekly-summary-table table{border-collapse:collapse;width:100%}.weekly-summary-table th{background:linear-gradient(135deg,#1e3a5f,#0f172a)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;padding:12px 14px!important;text-align:left;text-transform:uppercase}.weekly-summary-table th:nth-child(3),.weekly-summary-table th:nth-child(4),.weekly-summary-table th:nth-child(5),.weekly-summary-table th:nth-child(6),.weekly-summary-table th:nth-child(7){text-align:right}.weekly-summary-table td{border-bottom:1px solid #e2e8f0!important;color:#1e293b!important;font-size:13px!important;font-weight:500;padding:12px 14px!important}.weekly-summary-table td:nth-child(3),.weekly-summary-table td:nth-child(4),.weekly-summary-table td:nth-child(5),.weekly-summary-table td:nth-child(6),.weekly-summary-table td:nth-child(7){font-weight:600;text-align:right}.weekly-summary-table td.green{color:#16a34a!important;font-weight:700!important}.weekly-summary-table td.red{color:#dc2626!important;font-weight:700!important}.weekly-summary-table tbody tr{cursor:pointer;transition:background .15s}.weekly-summary-table tbody tr:hover{background:#eff6ff!important}.weekly-summary-table tbody tr.selected{background:#dbeafe!important}.weekly-summary-table tbody tr:nth-child(odd){background:#f8fafc}.weekly-summary-table tbody tr:nth-child(odd):hover{background:#eff6ff!important}.floating-tooltip{background:linear-gradient(135deg,#1e293b,#0f172a)!important;border:1px solid #ffffff1a!important;border-radius:10px!important;box-shadow:0 12px 40px #0006!important;color:#fff!important;max-width:300px!important;min-width:200px!important;overflow:hidden;padding:0!important;pointer-events:none;position:absolute!important;z-index:9999!important}.floating-tooltip .tooltip-title{background:linear-gradient(135deg,#d32f2f,#1565c0)!important;border-bottom:none!important;color:#fff!important;font-size:14px!important;font-weight:800!important;margin:0!important;padding:12px 16px!important}.floating-tooltip .tooltip-row{border-bottom:1px solid #ffffff1a;color:#e2e8f0!important;font-size:13px!important;margin:0!important;padding:8px 16px!important}.floating-tooltip .tooltip-row:last-child{border-bottom:none;padding-bottom:12px!important}.floating-tooltip .tooltip-row strong{color:#fff!important;font-weight:700!important}.floating-tooltip .tooltip-row.small{background:#0003;color:#94a3b8!important;font-size:11px!important;padding:6px 16px 6px 24px!important}.floating-tooltip .tooltip-divider{background:#ffffff26;height:1px;margin:0}.floating-tooltip .tooltip-subtitle{background:#0003;color:#94a3b8!important;font-size:10px!important;font-weight:700!important;letter-spacing:.5px;padding:8px 16px 4px!important;text-transform:uppercase}.summary-popup-modal .modal-header{padding:20px 24px!important}.summary-popup-modal .modal-header h2{color:#fff!important;font-size:20px!important;font-weight:900!important;margin:0!important;text-shadow:0 2px 4px #0003!important}.summary-popup-modal .modal-header span{color:#ffffffe6!important;font-size:13px!important;font-weight:500!important}.summary-popup-stats{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;padding:16px 24px}.summary-popup-stats .stat-box{min-width:100px;text-align:center}.summary-popup-stats .stat-box .label{color:#64748b!important;display:block;font-size:10px!important;font-weight:700!important;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.summary-popup-stats .stat-box .value{display:block;font-size:24px!important;font-weight:900!important}.summary-popup-stats .stat-box .value.green{color:#16a34a!important}.summary-popup-stats .stat-box .value.purple{color:#7c3aed!important}.summary-popup-section h3.section-header{border-radius:8px!important;box-shadow:0 2px 6px #00000026!important;font-size:14px!important;font-weight:800!important;letter-spacing:1px!important;margin:0 0 16px!important;padding:14px 18px!important;text-transform:uppercase!important}.summary-popup-section .detail-table{border-collapse:collapse!important;width:100%!important}.summary-popup-section .detail-table thead th{color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.5px!important;padding:12px 14px!important;text-transform:uppercase!important}.summary-popup-section .detail-table td{border-bottom:1px solid #e2e8f0!important;color:#1e293b!important;font-size:13px!important;font-weight:500!important;padding:12px 14px!important}.summary-popup-section .detail-table td.num{font-weight:700!important;text-align:right!important}.summary-popup-section .detail-table tbody tr:nth-child(odd){background:#f8fafc!important}.summary-popup-section .detail-table tbody tr:hover{background:#eff6ff!important}.cs-modal-header{padding:18px 24px!important}.cs-modal-header h2{color:#fff!important;font-size:18px!important;font-weight:900!important;margin:0!important}.cs-modal-summary{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:16px 24px!important}.cs-modal-summary-label{color:#64748b!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important}.cs-modal-summary-value{font-size:22px!important;font-weight:900!important}.cs-modal-section-title{background:linear-gradient(135deg,#475569,#334155)!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;letter-spacing:.5px!important;margin-bottom:14px!important;padding:12px 16px!important;text-transform:uppercase!important}.cs-modal-table{border-collapse:collapse!important;width:100%!important}.cs-modal-table th{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;padding:12px 14px!important;text-transform:uppercase!important}.cs-modal-table td{border-bottom:1px solid #e2e8f0!important;color:#1e293b!important;font-size:13px!important;font-weight:500!important;padding:12px 14px!important}.cs-modal-table td.cartons{color:#16a34a!important;font-weight:700!important;text-align:right!important}.cs-modal-table td.lbs{color:#7c3aed!important;font-weight:600!important;text-align:right!important}.cs-modal-table tbody tr:nth-child(odd){background:#f8fafc!important}.cs-modal-table tbody tr:hover{background:#eff6ff!important}.dark-theme .weekly-trend-details{background:#1e293b;border-color:#334155}.dark-theme .trend-detail-card{background:#0f172a;border-color:#334155}.dark-theme .trend-detail-title{border-color:#334155;color:#94a3b8!important}.dark-theme .trend-product-row .product-name{color:#e2e8f0!important}.dark-theme .weekly-summary-table td{border-color:#334155!important;color:#e2e8f0!important}.dark-theme .weekly-summary-table tbody tr:nth-child(odd){background:#1e293b}.dark-theme .summary-popup-modal{background:#1e293b!important}.dark-theme .summary-popup-section{background:#0f172a!important;border-color:#334155!important}.dark-theme .summary-popup-section .detail-table td{border-color:#334155!important;color:#e2e8f0!important}@media (max-width:1024px){.trend-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.trend-details-grid{grid-template-columns:1fr}}.weekly-trend-wrapper{background:#fff;border-radius:12px;overflow:hidden}.weekly-chart-section{border-bottom:1px solid #e2e8f0;padding:16px}.weekly-detail-panel{background:#fff;border:2px solid #f97316;border-radius:12px;box-shadow:0 4px 16px #f9731626;margin:16px;overflow:hidden}.detail-panel-header{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:14px 20px}.detail-panel-header span{color:#fff!important}.panel-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .2s;width:28px}.panel-close:hover{background:#ffffff4d}.detail-panel-body{grid-gap:16px;background:#f8fafc;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:20px}.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.detail-card .card-header{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;padding-bottom:10px;text-transform:uppercase}.detail-card.production .card-header{border-bottom-color:#22c55e}.detail-card.shipped .card-header{border-bottom-color:#ef4444}.detail-card.products .card-header{border-bottom-color:#8b5cf6}.detail-card.grades .card-header{border-bottom-color:#3b82f6}.card-main-value{color:#22c55e;font-size:28px;font-weight:900;line-height:1.1}.card-main-value.red{color:#ef4444}.card-sub-value{color:#64748b;font-size:14px;font-weight:600;margin-top:4px}.card-shifts{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px}.shift-item{color:#475569;font-size:12px;font-weight:600}.card-list{max-height:180px;overflow-y:auto}.list-row{grid-gap:10px;border-bottom:1px solid #f1f5f9;display:grid;font-size:12px;gap:10px;grid-template-columns:1fr auto auto;padding:8px 0}.list-row:last-child{border-bottom:none}.list-name{color:#1e293b;font-weight:600}.list-cartons{color:#22c55e;font-weight:700}.list-lbs{color:#7c3aed;font-weight:600}.weekly-table-section{padding:0}.weekly-table{border-collapse:collapse;width:100%}.weekly-table thead tr{background:linear-gradient(135deg,#1e3a5f,#0f172a)}.weekly-table th{color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.weekly-table th:nth-child(3),.weekly-table th:nth-child(4),.weekly-table th:nth-child(5),.weekly-table th:nth-child(6),.weekly-table th:nth-child(7){text-align:right}.weekly-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:13px;font-weight:500;padding:14px 16px}.weekly-table .col-day{color:#334155;font-weight:700}.weekly-table .col-date{color:#64748b}.weekly-table .col-produced{color:#16a34a;font-weight:700;text-align:right}.weekly-table .col-lbs{color:#64748b;text-align:right}.weekly-table .col-shipped{color:#dc2626;font-weight:700;text-align:right}.weekly-table .col-shift{color:#475569;text-align:right}.weekly-table tbody tr{cursor:pointer;transition:background .15s}.weekly-table tbody tr:nth-child(odd){background:#f8fafc}.weekly-table tbody tr:hover{background:#eff6ff!important}.weekly-table tbody tr.selected{background:#dbeafe!important;box-shadow:inset 3px 0 0 #3b82f6}.no-data{color:#94a3b8;font-size:12px;font-style:italic;padding:8px 0}@media (max-width:1024px){.detail-panel-body{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.detail-panel-body{grid-template-columns:1fr}.weekly-table td,.weekly-table th{font-size:11px;padding:10px 12px}}.dark-theme .weekly-trend-wrapper{background:#1e293b}.dark-theme .weekly-detail-panel{background:#1e293b;border-color:#f97316}.dark-theme .detail-panel-body{background:#0f172a}.dark-theme .detail-card{background:#1e293b;border-color:#334155}.dark-theme .card-sub-value,.dark-theme .detail-card .card-header{color:#94a3b8}.dark-theme .list-name{color:#e2e8f0}.dark-theme .weekly-table td{border-color:#334155;color:#e2e8f0}.dark-theme .weekly-table .col-day{color:#f1f5f9}.dark-theme .weekly-table .col-date,.dark-theme .weekly-table .col-lbs{color:#94a3b8}.dark-theme .weekly-table tbody tr:nth-child(odd){background:#1e293b}.dark-theme .weekly-table tbody tr:hover{background:#334155!important}.dark-theme .weekly-table tbody tr.selected{background:#1e3a5f!important}.expandable-breakdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.expandable-breakdown .breakdown-header{align-items:center;border-bottom:none!important;color:#fff;display:flex!important;grid-template-columns:none!important;justify-content:space-between;padding:14px 20px}.expandable-breakdown .breakdown-header.purple-gradient{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}.expandable-breakdown .breakdown-header.cyan-gradient{background:linear-gradient(135deg,#c62828,#e53935)!important}.expandable-breakdown .breakdown-header.amber-gradient{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.expandable-breakdown .breakdown-header.green-gradient{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.expandable-breakdown .breakdown-header .header-left{align-items:center;display:flex;gap:10px}.expandable-breakdown .breakdown-header .header-icon{font-size:18px}.expandable-breakdown .breakdown-header .header-title{color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.expandable-breakdown .breakdown-header .header-right{align-items:center;display:flex;gap:16px}.expandable-breakdown .breakdown-header .header-total{color:#fff!important;font-size:16px;font-weight:900}.expandable-breakdown .breakdown-header .header-lbs{color:#fff!important;font-size:13px;font-weight:600;opacity:.9}.breakdown-body{max-height:400px;overflow-y:auto}.expandable-table{border-collapse:collapse;width:100%}.expandable-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.expandable-table th{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.expandable-table th.col-rank{text-align:center;width:40px}.expandable-table th.col-name{min-width:180px}.expandable-table th.col-bar{width:150px}.expandable-table th.col-num{text-align:right;width:100px}.expandable-table th.col-pct{text-align:center;width:60px}.expandable-table td{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:13px;padding:12px 14px}.expandable-table .col-rank{color:#64748b;font-weight:700;text-align:center}.expandable-table .col-name{font-weight:500}.expandable-table .col-name.parent{align-items:center;display:flex;gap:8px}.expandable-table .expand-arrow{color:#1565c0;font-size:10px;transition:transform .2s;width:16px}.expandable-table .name-text{color:#1e293b;font-weight:600}.expandable-table .child-count{color:#94a3b8;font-size:11px;font-weight:500}.expandable-table .col-num{font-weight:600;text-align:right}.expandable-table .col-num.green{color:#16a34a;font-weight:700}.expandable-table .col-num.purple{color:#7c3aed}.expandable-table .col-pct{color:#64748b;font-weight:600;text-align:center}.mini-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.mini-bar.child{height:6px}.mini-fill{border-radius:4px;height:100%;transition:width .3s ease}.mini-fill.purple{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.mini-fill.purple-light{background:linear-gradient(90deg,#c4b5fd,#ddd6fe)}.mini-fill.cyan{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.mini-fill.cyan-light{background:linear-gradient(90deg,#67e8f9,#a5f3fc)}.mini-fill.amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.mini-fill.amber-light{background:linear-gradient(90deg,#fcd34d,#fde68a)}.parent-row{background:#fff;transition:background .15s}.parent-row.clickable{cursor:pointer}.parent-row.clickable:hover{background:#f8fafc}.parent-row.expanded{background:#f1f5f9}.parent-row.expanded .expand-arrow{color:#1565c0}.child-row{background:#f8fafc}.child-row td{border-bottom:1px solid #f1f5f9;font-size:12px;padding:10px 14px}.child-row .col-name.child{color:#475569;padding-left:38px}.child-row .col-num{color:#64748b;font-weight:500}.child-row:hover{background:#e2e8f0}.expandable-table tbody tr.parent-row:nth-child(odd){background:#fff}.expandable-table tbody tr.parent-row:nth-child(2n){background:#fafafa}.dark-theme .expandable-breakdown{background:#1e293b;border-color:#334155}.dark-theme .expandable-table td{border-color:#334155;color:#e2e8f0}.dark-theme .expandable-table .name-text{color:#f1f5f9}.dark-theme .expandable-table .child-count{color:#64748b}.dark-theme .parent-row{background:#1e293b}.dark-theme .parent-row.clickable:hover{background:#334155}.dark-theme .child-row,.dark-theme .parent-row.expanded{background:#0f172a}.dark-theme .child-row:hover{background:#1e293b}.dark-theme .mini-bar{background:#334155}.expandable-breakdown.comprehensive{margin-bottom:20px}.hierarchy-table .level-0{background:#fff}.hierarchy-table .level-0.expanded{background:#f0fdf4}.hierarchy-table .level-0 .level-0-name{color:#16a34a;font-size:13px;font-weight:800}.hierarchy-table .level-1{background:#f8fafc}.hierarchy-table .level-1.expanded{background:#eff6ff}.hierarchy-table .level-1-indent{padding-left:28px!important}.hierarchy-table .level-2{background:#f1f5f9}.hierarchy-table .level-2.expanded{background:#faf5ff}.hierarchy-table .level-2-indent{padding-left:52px!important}.hierarchy-table .level-3{background:#fefce8}.hierarchy-table .level-3-indent{padding-left:76px!important}.hierarchy-table tr.clickable{cursor:pointer}.hierarchy-table tr.clickable:hover{filter:brightness(.97)}.mini-fill.green{background:linear-gradient(90deg,#22c55e,#4ade80)}.mini-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.dark-theme .hierarchy-table .level-0{background:#1e293b}.dark-theme .hierarchy-table .level-0.expanded{background:#14532d}.dark-theme .hierarchy-table .level-0 .level-0-name{color:#4ade80}.dark-theme .hierarchy-table .level-1{background:#0f172a}.dark-theme .hierarchy-table .level-1.expanded{background:#1e3a5f}.dark-theme .hierarchy-table .level-2{background:#1e293b}.dark-theme .hierarchy-table .level-2.expanded{background:#3b0764}.dark-theme .hierarchy-table .level-3{background:#422006}.section-icon.teal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.section-icon-emoji{font-size:20px;margin-right:8px}.section-title-clean{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #14b8a6;border-radius:10px;display:flex;justify-content:space-between;margin:24px 0 12px;padding:16px 20px}.section-title-clean span:first-child{font-size:20px}.section-title-clean span:last-of-type{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.section-title-clean .section-tabs{display:flex;gap:4px}.dark-theme .section-title-clean{background:linear-gradient(135deg,#1e293b,#0f172a);border-left-color:#14b8a6}.dark-theme .section-title-clean span:last-of-type{color:#f1f5f9}.collapsible-section{margin:20px 0}.collapsible-toggle{align-items:center;background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.collapsible-toggle:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px)}.collapsible-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.section-title.compact{margin-bottom:12px;margin-top:16px}.section-title.compact:first-child{margin-top:0}.dark-theme .collapsible-toggle{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark-theme .collapsible-toggle:hover{background:linear-gradient(135deg,#0f172a,#020617)}.dark-theme .collapsible-content{background:#0f172a;border-color:#334155}:root{--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:70px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:400ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000004d;--shadow-xl:0 20px 25px -5px #0006}:root,[data-theme=midnight-purple]{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--bg-primary:#dbeafe;--bg-secondary:#bfdbfe;--bg-tertiary:#93c5fd;--bg-card:#bfdbfe;--bg-hover:#93c5fd;--text-primary:#1e3a8a;--text-secondary:#1e40af;--text-muted:#3b82f6;--border-color:#93c5fd;--border-light:#60a5fa;--shadow-glow:0 0 20px #6366f14d}[data-theme=ocean-blue]{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#38bdf8;--primary-gradient:linear-gradient(135deg,#06b6d4,#3b82f6);--secondary-color:#14b8a6;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#0c1821;--bg-secondary:#1a2332;--bg-tertiary:#2d3e50;--bg-card:#1a2332;--bg-hover:#2d3e50;--text-primary:#e0f2fe;--text-secondary:#bae6fd;--text-muted:#7dd3fc;--border-color:#2d3e50;--border-light:#3e5266;--shadow-glow:0 0 20px #0ea5e94d}[data-theme=emerald-forest]{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#34d399;--primary-gradient:linear-gradient(135deg,#10b981,#059669);--secondary-color:#14b8a6;--accent-color:#fbbf24;--danger-color:#f87171;--info-color:#3b82f6;--bg-primary:#0a1810;--bg-secondary:#162820;--bg-tertiary:#1f3a2d;--bg-card:#162820;--bg-hover:#1f3a2d;--text-primary:#d1fae5;--text-secondary:#a7f3d0;--text-muted:#6ee7b7;--border-color:#1f3a2d;--border-light:#2d4d3e;--shadow-glow:0 0 20px #10b9814d}[data-theme=sunset-orange]{--primary-color:#f97316;--primary-hover:#ea580c;--primary-light:#fb923c;--primary-gradient:linear-gradient(135deg,#f97316,#dc2626);--secondary-color:#eab308;--accent-color:#fbbf24;--danger-color:#dc2626;--info-color:#f59e0b;--bg-primary:#1a0f0a;--bg-secondary:#2d1810;--bg-tertiary:#3d2415;--bg-card:#2d1810;--bg-hover:#3d2415;--text-primary:#fed7aa;--text-secondary:#fdba74;--text-muted:#fb923c;--border-color:#3d2415;--border-light:#4d3020;--shadow-glow:0 0 20px #f973164d}[data-theme=royal-violet]{--primary-color:#a855f7;--primary-hover:#9333ea;--primary-light:#c084fc;--primary-gradient:linear-gradient(135deg,#a855f7,#6366f1);--secondary-color:#ec4899;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#8b5cf6;--bg-primary:#1a0a1f;--bg-secondary:#2d1438;--bg-tertiary:#3d1f4d;--bg-card:#2d1438;--bg-hover:#3d1f4d;--text-primary:#f3e8ff;--text-secondary:#e9d5ff;--text-muted:#d8b4fe;--border-color:#3d1f4d;--border-light:#4d2f5d;--shadow-glow:0 0 20px #a855f74d}[data-theme=rose-pink]{--primary-color:#f43f5e;--primary-hover:#e11d48;--primary-light:#fb7185;--primary-gradient:linear-gradient(135deg,#f43f5e,#ec4899);--secondary-color:#06b6d4;--accent-color:#fbbf24;--danger-color:#dc2626;--info-color:#ec4899;--bg-primary:#1f0a13;--bg-secondary:#2d1520;--bg-tertiary:#3d202d;--bg-card:#2d1520;--bg-hover:#3d202d;--text-primary:#ffe4e6;--text-secondary:#fecdd3;--text-muted:#fda4af;--border-color:#3d202d;--border-light:#4d303d;--shadow-glow:0 0 20px #f43f5e4d}[data-theme=cyber-teal]{--primary-color:#14b8a6;--primary-hover:#0d9488;--primary-light:#2dd4bf;--primary-gradient:linear-gradient(135deg,#14b8a6,#06b6d4);--secondary-color:#06b6d4;--accent-color:#a855f7;--danger-color:#f43f5e;--info-color:#0ea5e9;--bg-primary:#0a1f1f;--bg-secondary:#0f2e2e;--bg-tertiary:#1a4444;--bg-card:#0f2e2e;--bg-hover:#1a4444;--text-primary:#ccfbf1;--text-secondary:#99f6e4;--text-muted:#5eead4;--border-color:#1a4444;--border-light:#265454;--shadow-glow:0 0 20px #14b8a64d}[data-theme=golden-amber]{--primary-color:#f59e0b;--primary-hover:#d97706;--primary-light:#fbbf24;--primary-gradient:linear-gradient(135deg,#f59e0b,#d97706);--secondary-color:#10b981;--accent-color:#f97316;--danger-color:#dc2626;--info-color:#3b82f6;--bg-primary:#1a1410;--bg-secondary:#2d2418;--bg-tertiary:#3d3020;--bg-card:#2d2418;--bg-hover:#3d3020;--text-primary:#fef3c7;--text-secondary:#fde68a;--text-muted:#fcd34d;--border-color:#3d3020;--border-light:#4d4030;--shadow-glow:0 0 20px #f59e0b4d}[data-theme=crimson-red]{--primary-color:#dc2626;--primary-hover:#b91c1c;--primary-light:#ef4444;--primary-gradient:linear-gradient(135deg,#dc2626,#991b1b);--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#b91c1c;--info-color:#3b82f6;--bg-primary:#1f0a0a;--bg-secondary:#2d1414;--bg-tertiary:#3d1f1f;--bg-card:#2d1414;--bg-hover:#3d1f1f;--text-primary:#fee2e2;--text-secondary:#fecaca;--text-muted:#fca5a5;--border-color:#3d1f1f;--border-light:#4d2f2f;--shadow-glow:0 0 20px #dc26264d}[data-theme=light]{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--border-light:#cbd5e1;--shadow-glow:0 0 20px #6366f133}[data-theme=nord-aurora]{--primary-color:#88c0d0;--primary-hover:#81a1c1;--primary-light:#8fbcbb;--primary-gradient:linear-gradient(135deg,#88c0d0,#5e81ac);--secondary-color:#a3be8c;--accent-color:#ebcb8b;--danger-color:#bf616a;--info-color:#81a1c1;--bg-primary:#2e3440;--bg-secondary:#3b4252;--bg-tertiary:#434c5e;--bg-card:#3b4252;--bg-hover:#434c5e;--text-primary:#eceff4;--text-secondary:#e5e9f0;--text-muted:#d8dee9;--border-color:#434c5e;--border-light:#4c566a;--shadow-glow:0 0 20px #88c0d04d}[data-theme=dracula]{--primary-color:#bd93f9;--primary-hover:#9580ff;--primary-light:#d4bfff;--primary-gradient:linear-gradient(135deg,#bd93f9,#ff79c6);--secondary-color:#50fa7b;--accent-color:#f1fa8c;--danger-color:#f55;--info-color:#8be9fd;--bg-primary:#1e1f29;--bg-secondary:#282a36;--bg-tertiary:#44475a;--bg-card:#282a36;--bg-hover:#44475a;--text-primary:#f8f8f2;--text-secondary:#f8f8f2;--text-muted:#6272a4;--border-color:#44475a;--border-light:#6272a4;--shadow-glow:0 0 20px #bd93f94d}[data-theme=coldstore]{--primary-color:#1565c0;--primary-hover:#0d47a1;--primary-light:#42a5f5;--primary-gradient:linear-gradient(135deg,#d32f2f,#1565c0);--secondary-color:#2e7d32;--accent-color:#f9a825;--danger-color:#c62828;--info-color:#1565c0;--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#eef0f3;--bg-card:#fff;--bg-hover:#e8ecf0;--text-primary:#1a2332;--text-secondary:#6b7a8f;--text-muted:#9aa5b4;--border-color:#e8ecf0;--border-light:#eef0f3;--shadow-glow:0 0 20px #1565c026}[data-theme=coldstore] .header-modern{background:linear-gradient(135deg,#d32f2f,#1565c0);border-bottom:none;box-shadow:0 2px 14px #00000038}[data-theme=coldstore] .logo-title{-webkit-text-fill-color:#fff;background:none;color:#fff}[data-theme=coldstore] .logo-subtitle{color:#ffffffbf}[data-theme=coldstore] .modules-back-btn{background:#ffffff29;border:1px solid #ffffff47;box-shadow:none;color:#fff}[data-theme=coldstore] .modules-back-btn:hover{background:#ffffff42}[data-theme=coldstore] .search-input{background:#ffffff26;border-color:#ffffff38;color:#fff}[data-theme=coldstore] .search-input::placeholder{color:#fff9}[data-theme=coldstore] .search-icon{color:#ffffffb3}[data-theme=coldstore] .notification-btn{background:#ffffff1f;border:1px solid #ffffff38;color:#fff}[data-theme=coldstore] .notification-btn:hover{background:#ffffff38}[data-theme=coldstore] .user-profile-btn{background:#ffffff1f;border:1px solid #ffffff38}[data-theme=coldstore] .user-name-modern{color:#fff}[data-theme=coldstore] .user-role-modern{color:#ffffffb3}[data-theme=coldstore] .dropdown-arrow{color:#fffc}[data-theme=coldstore] .category-nav-bar{background:#fff;border-bottom:1px solid #e8ecf0}[data-theme=coldstore] .category-nav-btn{color:#6b7a8f}[data-theme=coldstore] .category-nav-btn:hover{background:#f0f2f5;color:#1a2332}[data-theme=coldstore] .category-nav-btn.active{background:#1565c0;background:var(--cat-color,#1565c0);box-shadow:0 2px 8px #00000026;color:#fff}[data-theme=coldstore] .subtab-nav-bar{background:#f8f9fb;border-bottom:2px solid #e8ecf0}[data-theme=coldstore] .subtab-btn{color:#6b7a8f}[data-theme=coldstore] .subtab-btn:hover{background:#f0f2f5;border-color:#e8ecf0;color:#1a2332}[data-theme=coldstore] .subtab-btn.active{background:#fff;border-color:#1565c0;border-color:var(--tab-color,#1565c0);color:#1565c0;color:var(--tab-color,#1565c0);font-weight:700}[data-theme=coldstore] .subtab-btn.active:after{background:#1565c0;background:var(--tab-color,#1565c0)}[data-theme=coldstore] .main-content-modern{background:#f0f2f5}[data-theme=coldstore] .content-wrapper{background:#0000}[data-theme=coldstore] ::-webkit-scrollbar-track{background:#f0f2f5}[data-theme=coldstore] ::-webkit-scrollbar-thumb{background:#c5ccd4}[data-theme=coldstore] ::-webkit-scrollbar-thumb:hover{background:#1565c0}[data-theme=coldstore] .loading-container{background:#f0f2f5}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);-webkit-transition:background .1s cubic-bezier(.4,0,.2,1);transition:background .1s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-color:var(--bg-tertiary) var(--bg-secondary);scrollbar-width:thin}.dashboard-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.category-nav-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:2px;height:48px;overflow-x:auto;overflow-y:hidden;padding:0 2rem;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:70px;top:var(--header-height);z-index:1019;z-index:calc(var(--z-sticky) - 1)}.category-nav-bar::-webkit-scrollbar{display:none}.category-nav-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.02em;padding:6px 16px;position:relative;text-transform:uppercase;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.category-nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.category-nav-btn.active{background:var(--primary-color);background:var(--cat-color,var(--primary-color));box-shadow:0 2px 8px #0003;color:#fff}.cat-nav-icon{font-size:1rem}.cat-nav-label{font-size:.78rem}.cat-nav-badge{background:var(--danger-color);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;padding:1px 5px;text-align:center}.subtab-nav-bar{align-items:center;background:var(--bg-primary);border-bottom:2px solid var(--border-color);display:flex;flex-shrink:0;gap:2px;height:44px;overflow-x:auto;overflow-y:hidden;padding:0 2rem;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;scrollbar-width:none;top:118px;top:calc(var(--header-height) + 48px);z-index:1018;z-index:calc(var(--z-sticky) - 2)}.subtab-nav-bar::-webkit-scrollbar{display:none}.subtab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;padding:5px 14px;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap}.subtab-btn:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.subtab-btn.active{background:var(--bg-card);border-color:var(--tab-color,var(--primary-color));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:var(--primary-color);color:var(--tab-color,var(--primary-color));font-weight:700}.subtab-btn.active:after{background:var(--primary-color);background:var(--tab-color,var(--primary-color));border-radius:2px 2px 0 0;bottom:-3px;content:"";height:2px;left:0;position:absolute;right:0}.subtab-icon{font-size:.9rem}.subtab-label{font-size:.8rem}.subtab-badge{background:var(--danger-color);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;padding:1px 5px;text-align:center}.main-content-modern{background:var(--bg-primary);flex:1 1;min-height:calc(100vh - 162px);min-height:calc(100vh - var(--header-height) - 92px);overflow-x:hidden;overflow-y:auto}.content-wrapper{animation:fadeInUp .4s ease-out;margin:0 auto;max-width:1600px;padding:2rem;padding:var(--spacing-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.component-container{animation:scaleIn .3s ease-out;min-height:400px}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modules-back-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:7px 16px;transition:all .2s;white-space:nowrap}.modules-back-btn:hover{opacity:.85;transform:translateY(-1px)}.header-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:70px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:1020;z-index:var(--z-sticky)}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;padding:0 2rem;padding:0 var(--spacing-xl)}.header-left{gap:1.5rem;gap:var(--spacing-lg)}.hamburger-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:40px}.hamburger-btn:hover{background:var(--primary-color);transform:scale(1.05)}.hamburger-line{background:var(--text-primary);border-radius:2px;height:2px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:20px}.hamburger-btn:hover .hamburger-line{background:#fff}.hamburger-btn.active .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-logo{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.logo-icon{animation:float 3s ease-in-out infinite;font-size:2rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.25rem;line-height:1.2}.logo-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:500}.header-right{gap:1rem;gap:var(--spacing-md)}.search-bar-container{position:relative;width:300px}.search-input-wrapper{position:relative;width:100%}.search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;padding:1rem 1rem 1rem 2.75rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-icon,.search-input::placeholder{color:var(--text-muted)}.search-icon{font-size:1.125rem;left:1rem;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.theme-picker-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:40px}.theme-picker-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.05)}.theme-picker-dropdown{animation:slideInDown .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow-xl);max-height:500px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:1000;z-index:var(--z-dropdown)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-profile-modern{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.user-profile-modern:hover{background:var(--bg-hover);border-color:var(--primary-color)}.user-avatar-modern{background:var(--primary-gradient);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);font-size:1.125rem}.user-details-modern{display:flex;flex-direction:column;min-width:0}.user-name-modern{color:var(--text-primary);font-size:.875rem}.user-role-modern{color:var(--text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.notification-btn:hover{background:var(--bg-hover);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-2px)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:var(--danger-color);border:2px solid var(--bg-secondary);border-radius:50%;display:flex;font-size:.625rem;height:18px;justify-content:center;right:-5px;top:-5px;width:18px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.logout-btn-modern{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.logout-btn-modern:hover{background:var(--danger-color);border-color:var(--danger-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.logout-icon{font-size:1.125rem}.data-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-height:600px;overflow-x:auto;overflow-y:auto}.data-table{border-collapse:collapse;min-width:800px;width:100%}.data-table thead{background:var(--bg-tertiary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table td{color:var(--text-secondary);font-size:.875rem;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow-xl);display:flex;gap:1rem;gap:var(--spacing-md);max-width:500px;min-width:320px;padding:1.5rem;padding:var(--spacing-lg);position:fixed;right:1.5rem;right:var(--spacing-lg);top:calc(70px + 1.5rem);top:calc(var(--header-height) + var(--spacing-lg));z-index:1060;z-index:var(--z-tooltip)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-content{flex:1 1}.toast-message{color:var(--text-primary);font-size:.875rem;font-weight:500}.toast-close{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:24px}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success{border-left:4px solid var(--secondary-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-warning{border-left:4px solid var(--accent-color)}.toast-info{border-left:4px solid var(--info-color)}.modal-overlay-modern{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1040;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow-xl);left:50%;max-width:500px;min-width:400px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1040;z-index:var(--z-modal)}.modal-header-modern{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-xl)}.modal-title-modern{color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:32px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body-modern{padding:2rem;padding:var(--spacing-xl)}.modal-message{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.modal-footer-modern{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;padding:2rem;padding:var(--spacing-xl)}.modal-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modal-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.modal-btn-cancel:hover{background:var(--bg-hover)}.modal-btn-confirm{background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}.modal-btn-confirm:hover{background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modal-btn-confirm.danger{background:var(--danger-color)}.modal-btn-confirm.danger:hover{background:#dc2626}.loading-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.loading-content{max-width:400px;padding:3rem;padding:var(--spacing-2xl);text-align:center}.loading-spinner-modern{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary-color);height:60px;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);width:60px}.loading-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.loading-text{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.loading-progress{background:var(--bg-tertiary);height:4px;overflow:hidden;width:100%}.loading-progress,.loading-progress-bar{border-radius:9999px;border-radius:var(--radius-full)}.loading-progress-bar{animation:progress 2s ease-in-out infinite;background:var(--primary-gradient);height:100%}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}.no-access-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:2rem;padding:var(--spacing-xl)}.no-access-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;padding:var(--spacing-2xl);text-align:center}.no-access-icon{animation:shake .5s ease-in-out;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.no-access-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.no-access-message{color:var(--text-secondary);font-size:1rem;line-height:1.6}.no-access-details,.no-access-message{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.no-access-details{background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg);text-align:left}.no-access-details p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.no-access-details p:last-child{margin-bottom:0}.btn-logout-modern{align-items:center;background:var(--primary-gradient);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.btn-logout-modern:hover{box-shadow:0 20px 25px -5px #0006,var(--shadow-glow);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-2px)}@media (max-width:1024px){.search-bar-container{width:200px}.logo-text{display:none}.category-nav-btn{padding:5px 10px}.cat-nav-label{font-size:.72rem}}@media (max-width:768px){:root{--header-height:60px}.content-wrapper{padding:1.5rem;padding:var(--spacing-lg)}.header-container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.logout-text,.search-bar-container,.user-details-modern{display:none}.confirmation-modal{max-width:400px;min-width:auto;width:90%}.toast-notification{left:1.5rem;left:var(--spacing-lg);min-width:auto;right:1.5rem;right:var(--spacing-lg)}.category-nav-bar,.subtab-nav-bar{padding:0 1rem;padding:0 var(--spacing-md)}.cat-nav-label{display:none}.cat-nav-icon{font-size:1.2rem}}@media (max-width:480px){.header-right{gap:.25rem;gap:var(--spacing-xs)}.logout-btn-modern,.notification-btn,.theme-picker-btn{height:36px;padding:0;width:36px}.logout-btn-modern{min-width:36px;padding:0}.content-wrapper{padding:1rem;padding:var(--spacing-md)}.modal-body-modern,.modal-footer-modern,.modal-header-modern{padding:1.5rem;padding:var(--spacing-lg)}.data-table td,.data-table th{font-size:.75rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}@media print{.category-nav-bar,.header-modern,.logout-btn-modern,.notification-btn,.subtab-nav-bar,.theme-picker-btn{display:none}.content-wrapper{padding:0}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.animated,.complex,.heavy{-webkit-transform:translateZ(0)}.sidebar,.sidebar-header,.sidebar-menu{contain:layout style paint;transform:translateZ(0);will-change:transform}.dashboard-content,.main-content{contain:layout style;will-change:scroll-position}.header,.navbar{contain:layout style paint;transform:translateZ(0);will-change:transform}.card,.chart-card,.dashboard-card,.stat-card,.summary-card,.table-card{contain:layout style paint;transform:translateZ(0);will-change:transform,opacity}.btn,.button,a,button{transform:translateZ(0);will-change:transform,background-color}.table-container,.table-wrapper,table{contain:layout style;will-change:scroll-position}.dialog,.dropdown,.dropdown-menu,.modal,.overlay,select{transform:translateZ(0);will-change:opacity,transform}.icon,svg{transform:translateZ(0);will-change:transform}.accordion,.collapsible,.expandable{contain:layout style;will-change:height,opacity}.tooltip,[data-tooltip]{transform:translateZ(0);will-change:opacity,transform}.chart,.graph,.loader,.loading,.spinner,canvas{transform:translateZ(0);will-change:transform}.chart,.graph,canvas{contain:strict}*,html{scroll-behavior:smooth}*{-webkit-overflow-scrolling:touch}iframe,img,video{transform:translateZ(0);will-change:transform}body,button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.btn:hover,a:hover,button:hover{will-change:transform,background-color,color}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animated,.complex,.heavy{transform:translateZ(0);will-change:transform}.flex,.flex-container,.grid,.grid-container,.list,[class*=flex-],[class*=grid-],ol,ul{contain:layout style}.recharts-pie-label-text{pointer-events:none!important}.recharts-tooltip-wrapper{opacity:.95!important}.recharts-active-shape{opacity:.9!important}.recharts-layer.recharts-pie-labels{isolation:isolate}.recharts-bar-rectangle:hover{opacity:.85!important}.recharts-layer.recharts-pie-labels rect,.recharts-layer.recharts-pie-labels text{isolation:isolate;paint-order:fill stroke markers}.recharts-sector:hover{opacity:.85!important}.recharts-pie .recharts-layer{pointer-events:all}.recharts-pie .recharts-layer.recharts-pie-labels{pointer-events:none!important}.recharts-bar-rectangle.recharts-active-bar{opacity:.8!important}.recharts-default-tooltip{z-index:1000!important}.recharts-text.recharts-label{paint-order:fill stroke markers;pointer-events:none!important}.recharts-xAxis .recharts-cartesian-axis-tick{isolation:isolate!important;pointer-events:none!important;z-index:99999!important}.recharts-xAxis .recharts-cartesian-axis-tick text{stroke:#fff!important;stroke-width:5px!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:#000!important;font-size:13px!important;font-weight:700!important;isolation:isolate!important;paint-order:stroke fill!important;pointer-events:none!important}.recharts-yAxis .recharts-cartesian-axis-tick text{fill:#64748b!important;stroke:#fff!important;stroke-width:3px!important;font-weight:600!important;paint-order:stroke fill!important}.recharts-tooltip-cursor{opacity:.1!important;z-index:1!important}.recharts-bar,.recharts-bar-rectangle{z-index:10!important}.recharts-sector{opacity:1!important}.recharts-active-sector,.recharts-sector:hover{opacity:.85!important;z-index:5!important}.recharts-cartesian-axis-line,.recharts-cartesian-grid{opacity:.3!important;z-index:0!important}.recharts-legend-wrapper{z-index:1000!important}.recharts-tooltip-wrapper{pointer-events:none!important;z-index:500!important}.recharts-default-tooltip{opacity:.95!important;z-index:500!important}[data-theme=light-blue],[data-theme=light]{--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-purple]{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--primary-light:#a78bfa;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-green]{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#34d399;--secondary-color:#14b8a6;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-orange]{--primary-color:#f97316;--primary-hover:#ea580c;--primary-light:#fb923c;--secondary-color:#10b981;--accent-color:#eab308;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-pink]{--primary-color:#ec4899;--primary-hover:#db2777;--primary-light:#f472b6;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-teal]{--primary-color:#14b8a6;--primary-hover:#0d9488;--primary-light:#2dd4bf;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-red]{--primary-color:#ef4444;--primary-hover:#dc2626;--primary-light:#f87171;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#dc2626;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-amber]{--primary-color:#f59e0b;--primary-hover:#d97706;--primary-light:#fbbf24;--secondary-color:#10b981;--accent-color:#f97316;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-indigo]{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:#818cf8;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-cyan]{--primary-color:#06b6d4;--primary-hover:#0891b2;--primary-light:#22d3ee;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-lime]{--primary-color:#84cc16;--primary-hover:#65a30d;--primary-light:#a3e635;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}[data-theme=light-rose]{--primary-color:#f43f5e;--primary-hover:#e11d48;--primary-light:#fb7185;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#dc2626;--info-color:#06b6d4;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e5e7eb;--border-hover:#cbd5e1}:root{--hover-light-blue:#93c5fd40;--row-highlight-blue:#93c5fd59;--row-highlight-text:#fff}[data-theme=crimson-red],[data-theme=cyber-teal],[data-theme=dracula],[data-theme=emerald-forest],[data-theme=golden-amber],[data-theme=midnight-purple],[data-theme=nord-aurora],[data-theme=ocean-blue],[data-theme=rose-pink],[data-theme=royal-violet],[data-theme=sunset-orange]{--bg-hover:var(--hover-light-blue)}.data-table tbody tr:hover,.modal-close-btn:hover,.nav-item-modern:hover,.notification-btn:hover,.toast-close:hover,.user-profile-modern:hover{background:#93c5fd40!important;background:var(--hover-light-blue)!important;color:var(--text-primary)}.data-table tbody tr.active-row,.data-table tbody tr.highlight,.data-table tbody tr.selected{background:#93c5fd59!important;background:var(--row-highlight-blue)!important;color:#fff!important;color:var(--row-highlight-text)!important}.data-table tbody tr.active-row td,.data-table tbody tr.highlight td,.data-table tbody tr.selected td{color:#fff!important;color:var(--row-highlight-text)!important}.data-table tbody tr.active-row .badge,.data-table tbody tr.highlight .badge,.data-table tbody tr.selected .badge{box-shadow:inset 0 1px 0 #ffffff0f}.data-table tbody tr:focus-visible,.nav-item-modern:focus-visible{background:#3b82f624!important;outline:none}.nav-item-modern.active{background:var(--primary-color);box-shadow:var(--shadow-glow);color:#fff}.MuiTable-root,.MuiTableBody-root,.MuiTableCell-head,.MuiTableCell-root,.MuiTableContainer-root,.MuiTableHead-root,.MuiTableRow-root,.data-table,.data-table-wrapper,.table-sticky-fix{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important}.MuiTableCell-head,.data-table th,.data-table thead{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;background-clip:padding-box!important;opacity:1!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2140!important}.MuiTableHead-root .MuiTableRow-root,.data-table thead tr{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:2139!important}.MuiTableContainer-root,.data-table-wrapper,.table-sticky-fix{overflow:auto!important;position:relative!important;z-index:1!important}.MuiTable-root *{background-clip:padding-box}.notifications-container{display:inline-block;position:relative}.notifications-wrapper{align-items:center;display:inline-flex;position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px}.notification-bell-btn:hover{background:#6366f114}.notification-bell-btn.active{background:#6366f11f}.bell-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.bell-icon{color:#64748b;color:var(--text-secondary,#64748b);transition:all .2s ease}.notification-bell-btn:hover .bell-icon{color:#6366f1;color:var(--primary-color,#6366f1)}.notification-bell-btn.has-notifications .bell-icon{animation:bellRing .5s ease-in-out;color:#6366f1;color:var(--primary-color,#6366f1)}@keyframes bellRing{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}.notification-count-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}@keyframes badgePopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.notification-bell-btn.has-notifications .notification-count-badge{animation:badgePopIn .3s cubic-bezier(.68,-.55,.265,1.55),badgePulse 2s ease-in-out .3s infinite}@keyframes badgePulse{0%,to{box-shadow:0 2px 8px #ef444466;transform:scale(1)}50%{box-shadow:0 4px 12px #ef444480;transform:scale(1.05)}}.notifications-panel{animation:panelSlideIn .25s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-card,#fff);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 20px 25px -5px #0000001a,0 0 0 1px #0000000d;max-height:520px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:400px;z-index:1000}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-panel-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:16px 20px}.header-left{gap:10px}.notifications-panel-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0}.unread-count-pill{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 10px;text-transform:uppercase}.mark-all-btn{align-items:center;background:#0000;border:1px solid #6366f14d;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.mark-all-btn:hover{background:#6366f114;border-color:#6366f1}.mark-all-btn svg{flex-shrink:0}.notifications-panel-body{max-height:380px;overflow-y:auto;overscroll-behavior:contain}.notifications-panel-body::-webkit-scrollbar{width:6px}.notifications-panel-body::-webkit-scrollbar-track{background:#0000}.notifications-panel-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.notifications-panel-body::-webkit-scrollbar-thumb:hover{background:#0003}.empty-notifications{flex-direction:column;padding:48px 24px;text-align:center}.empty-icon,.empty-notifications{align-items:center;display:flex;justify-content:center}.empty-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:50%;color:#94a3b8;height:80px;margin-bottom:16px;width:80px}.empty-notifications h4{color:#1e293b;color:var(--text-primary,#1e293b);font-size:15px;font-weight:600;margin:0 0 4px}.empty-notifications p{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:13px;margin:0}.notification-card{animation:cardFadeIn .3s ease-out backwards;border-bottom:1px solid #0000000a;cursor:pointer;display:flex;gap:14px;padding:16px 20px;position:relative;transition:all .2s ease}@keyframes cardFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.notification-card:last-child{border-bottom:none}.notification-card:hover{background:#6366f10a}.notification-card.unread{background:linear-gradient(90deg,#6366f114,#6366f105)}.notification-card.unread:hover{background:linear-gradient(90deg,#6366f11f,#6366f10a)}.notification-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:42px;justify-content:center;transition:transform .2s ease;width:42px}.notification-card:hover .notification-card-icon{transform:scale(1.05)}.notification-card-content{flex:1 1;min-width:0}.notification-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.notification-type-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.notification-timestamp{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:11px;font-weight:500}.notification-card-title{-webkit-line-clamp:1;color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}.notification-card-message,.notification-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-card-message{-webkit-line-clamp:2;color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.5;margin:0}.unread-indicator{border-radius:0 4px 4px 0;bottom:0;left:0;position:absolute;top:0;width:4px}.notifications-panel-footer{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-top:1px solid #0000000f;padding:12px 16px}.view-all-notifications-btn{align-items:center;background:#0000;border:1px solid #00000014;border-radius:10px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.view-all-notifications-btn:hover{background:#fff;border-color:#6366f1;box-shadow:0 2px 8px #6366f126;color:#6366f1}.view-all-notifications-btn svg{transition:transform .2s ease}.view-all-notifications-btn:hover svg{transform:translateX(4px)}@media (max-width:480px){.notifications-panel{border-radius:12px;right:-60px;width:calc(100vw - 24px)}.notification-card,.notifications-panel-header{padding:14px 16px}}[data-theme=dark] .notifications-panel,[data-theme=midnight-purple] .notifications-panel{background:#1e1e2e;box-shadow:0 4px 6px -1px #0000004d,0 10px 15px -3px #0000004d,0 0 0 1px #ffffff0d}[data-theme=dark] .notifications-panel-header,[data-theme=midnight-purple] .notifications-panel-header{background:linear-gradient(135deg,#252536,#1e1e2e);border-color:#ffffff0f}[data-theme=dark] .notification-card,[data-theme=midnight-purple] .notification-card{border-color:#ffffff0a}[data-theme=dark] .notification-card.unread,[data-theme=midnight-purple] .notification-card.unread{background:linear-gradient(90deg,#6366f126,#6366f10d)}[data-theme=dark] .empty-icon,[data-theme=midnight-purple] .empty-icon{background:linear-gradient(135deg,#252536,#1e1e2e)}[data-theme=dark] .notifications-panel-footer,[data-theme=midnight-purple] .notifications-panel-footer{background:linear-gradient(135deg,#252536,#1e1e2e);border-color:#ffffff0f}[data-theme=dark] .view-all-notifications-btn,[data-theme=midnight-purple] .view-all-notifications-btn{border-color:#ffffff1a}[data-theme=dark] .view-all-notifications-btn:hover,[data-theme=midnight-purple] .view-all-notifications-btn:hover{background:#6366f11a}.notification-title{color:var(--text-primary);font-size:.8125rem;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.75rem;line-height:1.4;margin:0 0 4px;overflow:hidden}.notification-time{color:var(--text-muted);font-size:.65rem}.unread-dot{background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 2px #6366f133;height:8px;position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:8px}.notifications-footer{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.view-all-btn{background:none;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .1s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.view-all-btn:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.nav-item-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9px;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;margin-left:auto;min-width:18px;padding:0 5px}@media (max-width:480px){.notifications-dropdown{max-height:400px;right:-60px;width:calc(100vw - 32px)}.notification-item{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.notification-item .notification-icon{font-size:1rem;height:32px;width:32px}}.user-dropdown-wrapper{position:relative;z-index:1000}.user-profile-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;min-width:200px;padding:8px 16px;transition:all .3s ease}.user-profile-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.user-avatar-modern{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.user-info-modern{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name-modern{color:#1e293b;font-size:14px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-modern{color:#64748b;font-size:11px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.dropdown-arrow{color:#94a3b8;flex-shrink:0;font-size:10px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{animation:dropdownSlideIn .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000026,0 0 0 1px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;gap:14px;padding:20px}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.dropdown-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dropdown-name{color:#1e293b;font-size:15px;font-weight:700}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#64748b;font-size:12px;margin-top:3px}.dropdown-divider{background:#e2e8f0;height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f8fafc;color:#1e293b}.dropdown-item svg{color:#94a3b8;flex-shrink:0;height:18px;transition:color .2s ease;width:18px}.dropdown-item:hover svg{color:#6366f1}.dropdown-item span{flex:1 1}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-item.logout svg{color:#f87171}.dropdown-item.logout:hover svg{color:#ef4444}.dark-theme .user-profile-btn{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.dark-theme .user-profile-btn:hover{background:linear-gradient(135deg,#334155,#475569);border-color:#64748b}.dark-theme .user-name-modern{color:#f1f5f9}.dark-theme .user-role-modern{color:#94a3b8}.dark-theme .dropdown-arrow{color:#64748b}.dark-theme .user-dropdown-menu{background:#1e293b;box-shadow:0 20px 50px #0006,0 0 0 1px #ffffff0d}.dark-theme .dropdown-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#334155}.dark-theme .dropdown-name{color:#f1f5f9}.dark-theme .dropdown-email{color:#94a3b8}.dark-theme .dropdown-divider{background:#334155}.dark-theme .dropdown-item{color:#cbd5e1}.dark-theme .dropdown-item:hover{background:#334155;color:#f1f5f9}.dark-theme .dropdown-item svg{color:#64748b}.dark-theme .dropdown-item:hover svg{color:#818cf8}.dark-theme .dropdown-item.logout{color:#f87171}.dark-theme .dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.launcher-container{background:#f0f2f5;display:flex;flex-direction:column;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.launcher-error,.launcher-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.launcher-loading .spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.launcher-error .error-icon{font-size:48px}.launcher-error button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s}.launcher-error button:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.launcher-header{background:linear-gradient(135deg,#d32f2f,#1565c0);border-bottom:none;box-shadow:0 2px 14px #00000038;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 40px}.header-content,.launcher-logo{align-items:center;display:flex}.launcher-logo{gap:14px}.company-logo{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:56px;width:auto}.logo-text{display:flex;flex-direction:column}.logo-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px}.logo-subtitle{color:#ffffffbf;font-size:11px;letter-spacing:1.5px;margin-top:2px;text-transform:uppercase}.header-right{gap:32px}.datetime-section{text-align:right}.time-display{font-feature-settings:"tnum";color:#fff;font-size:24px;font-variant-numeric:tabular-nums;font-weight:600}.date-display{color:#ffffffbf;font-size:12px;margin-top:2px}.user-section{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;display:flex;gap:12px;padding:8px 16px;transition:all .3s}.user-section:hover{background:#ffffff38;border-color:#ffffff59}.user-avatar{align-items:center;background:#ffffff40;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#fff;display:flex;font-size:14px;font-weight:600;height:42px;justify-content:center;width:42px}.user-info{display:flex;flex-direction:column}.user-name{color:#fff;font-size:14px}.user-role{color:#ffffffbf;font-size:11px;letter-spacing:1px;margin-top:1px}.logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;display:flex;justify-content:center;padding:8px;transition:all .3s}.logout-btn:hover{background:#ffffff26;color:#fff}.launcher-main{flex:1 1;margin:0 auto;max-width:1400px;padding:60px 40px;width:100%}.welcome-section{margin-bottom:50px;text-align:center}.welcome-title{color:#1e293b;font-size:42px;font-weight:700;line-height:1.2;margin:0 0 12px}.name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d32f2f,#1565c0);-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:#64748b;font-size:18px;margin:0}.modules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.module-wrapper{gap:0}.module-card,.module-wrapper{display:flex;flex-direction:column}.module-card{align-items:center;border-radius:24px 24px 0 0;color:#fff;cursor:pointer;justify-content:center;min-height:280px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.module-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.module-wrapper:hover .module-card{transform:translateY(-8px)}.module-wrapper:hover .info-card{box-shadow:0 12px 24px -8px #00000026;transform:translateY(-8px)}.card-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff;font-size:56px;font-weight:900;height:140px;width:140px}.card-icon,.card-icon-img{align-items:center;border-radius:20px;display:flex;justify-content:center;margin-bottom:20px}.card-icon-img{background:#fffffff2;box-shadow:0 8px 24px #00000026;height:160px;padding:14px;width:160px}.card-icon-img img{height:100%;object-fit:contain;width:100%}.card-icon-fallback{align-items:center;color:#2563eb;display:flex;font-size:72px;font-weight:900;justify-content:center}.card-content{align-items:center;display:flex;flex-direction:column}.card-title{font-size:36px!important;font-weight:800!important;margin:0 0 10px!important}.card-subtitle,.card-title{color:#fff!important;letter-spacing:3px!important;text-transform:uppercase!important}.card-subtitle{font-size:14px!important;font-weight:700!important;margin:0 0 16px!important}.card-location-info{display:flex;gap:12px;justify-content:center;margin-top:6px}.division-badge,.location-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:6px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:6px 12px}.division-icon,.location-icon{font-size:14px}.card-arrow{color:#fff9;font-size:40px;font-weight:300;position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .4s}.module-wrapper:hover .card-arrow{color:#fff;transform:translateY(-50%) translateX(8px);transform:translateX(8px)}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 24px 24px;border-top:none;box-shadow:0 4px 6px -1px #0000000d;cursor:pointer;padding:20px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-description{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 16px}.launch-btn{background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:0;transition:all .3s}.launch-btn:hover{transform:translateX(4px)}.quick-stats{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px #00000005;display:flex;gap:50px;justify-content:center;padding:24px 40px}.stat-item{align-items:center;display:flex;gap:10px}.stat-icon{font-size:18px}.stat-text{color:#64748b;font-size:14px}.stat-text strong{color:#1e293b}.status-online{color:#16a34a!important}.launcher-footer{background:#fff;border-top:1px solid #e8ecf0;padding:24px;text-align:center}.launcher-footer p{color:#9aa5b4;font-size:13px;margin:0}.launcher-footer .version{color:#c5ccd4;font-size:11px;margin-top:4px}@media (max-width:1400px){.modules-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.module-card{min-height:280px;padding:40px 30px}.card-title{font-size:36px!important}.card-subtitle,.card-title{letter-spacing:2px!important}.card-subtitle{font-size:14px!important}.card-icon{font-size:48px;height:120px;width:120px}.card-icon-img{height:140px;width:140px}}@media (max-width:1024px){.header-content{padding:12px 24px}.launcher-main{padding:40px 24px}.modules-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.module-card{min-height:260px;padding:30px 24px}.card-title{font-size:32px!important}.welcome-title{font-size:32px}.quick-stats{flex-wrap:wrap;gap:20px;padding:20px}}@media (max-width:768px){.header-content{text-align:center}.header-content,.header-right{flex-direction:column;gap:16px}.datetime-section{text-align:center}.module-card{padding:24px}.card-icon{font-size:20px;height:56px;width:56px}.card-title{font-size:24px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:16px}}@media (max-width:500px){.modules-grid{grid-template-columns:1fr}.module-card{min-width:0}.datetime-section{display:none}.quick-stats{align-items:center;flex-direction:column;gap:16px}}:root{--bg-white:#fff;--bg-light:#f0f2f5;--bg-card:#fff;--bg-elevated:#eef0f3;--bg-input:#f5f6f8;--text-primary:#1a2332;--text-secondary:#6b7a8f;--text-muted:#9aa5b4;--border-light:#e8ecf0;--border-medium:#dce1e8;--accent-blue:#1565c0;--accent-green:#2e7d32;--accent-yellow:#f9a825;--accent-red:#c62828;--accent-purple:#6a1b9a;--cs-grad:linear-gradient(135deg,#d32f2f,#1565c0);--bravo-primary:#0891b2;--bravo-secondary:#0e7490;--bravo-bg:linear-gradient(135deg,#0891b2,#0e7490);--bravo-glow:#0891b233;--papa-primary:#ea580c;--papa-secondary:#c2410c;--papa-bg:linear-gradient(135deg,#ea580c,#c2410c);--papa-glow:#ea580c33;--contractor-dbs:#dc2626;--contractor-krishna:#ea580c;--contractor-samudra:#ca8a04;--contractor-shiva:#16a34a;--contractor-shukoor:#0d9488;--contractor-sona:#2563eb;--contractor-swf:#7c3aed;--contractor-venkateswara:#db2777;--contractor-ism:#4f46e5;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-card:0 2px 8px #00000014;--transition-fast:150ms ease;--transition-normal:250ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:#f0f2f5;color:#1a2332;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;height:100%;line-height:1.5}#root,.app{min-height:100vh}.loading-screen{color:#6b7a8f;color:var(--text-secondary);font-size:1.5rem}.loading-screen,.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-page{background:#f0f2f5;background:var(--bg-light);padding:24px;padding:var(--space-lg)}.login-container{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-width:420px;padding:48px;padding:var(--space-2xl);width:100%}.login-header{margin-bottom:32px;margin-bottom:var(--space-xl);text-align:center}.login-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0891b2,#ea580c);background:linear-gradient(135deg,var(--bravo-primary),var(--papa-primary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.login-subtitle{color:#6b7a8f;color:var(--text-secondary);font-size:.95rem;margin-top:8px;margin-top:var(--space-sm)}.login-form{gap:24px;gap:var(--space-lg)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px;gap:var(--space-sm)}.form-label{color:#6b7a8f;color:var(--text-secondary);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.form-input{background:#f5f6f8;background:var(--bg-input);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a2332;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:16px;padding:var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.form-input:focus{background:#fff;background:var(--bg-white);border-color:#1565c0;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26;outline:none}.form-textarea{min-height:80px;resize:vertical}.login-btn{background:linear-gradient(135deg,#1565c0,#6a1b9a);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:.25s ease;transition:var(--transition-normal)}.login-btn:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-error{background:#dc26261a;border:1px solid #dc26264d;border-radius:10px;border-radius:var(--radius-md);color:#c62828;color:var(--accent-red);font-size:.9rem;padding:16px;padding:var(--space-md);text-align:center}.login-hint{color:#9aa5b4;color:var(--text-muted);font-size:.85rem;margin-top:24px;margin-top:var(--space-lg);text-align:center}.dashboard-selector{background:#f0f2f5;background:var(--bg-light);display:flex;flex-direction:column;min-height:100vh}.selector-header{align-items:center;background:#fff;background:var(--bg-white);border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px 32px;padding:var(--space-lg) var(--space-xl)}.selector-brand{color:#1a2332;color:var(--text-primary);font-size:1.5rem;font-weight:700}.selector-user{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.user-info{text-align:right}.user-name{color:#1a2332;color:var(--text-primary);font-size:.95rem;font-weight:600}.user-role{color:#6b7a8f;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.logout-btn{background:#dc26261a;border:1px solid #dc26264d;border-radius:6px;border-radius:var(--radius-sm);color:#c62828;color:var(--accent-red);cursor:pointer;font-size:.85rem;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.logout-btn:hover{background:#dc262633}.selector-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px;padding:var(--space-2xl)}.selector-title{color:#1a2332;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-sm);text-align:center}.selector-subtitle{color:#6b7a8f;color:var(--text-secondary);font-size:1.1rem;margin-bottom:48px;margin-bottom:var(--space-2xl);text-align:center}.dashboard-cards{grid-gap:32px;grid-gap:var(--space-xl);display:grid;gap:32px;gap:var(--space-xl);grid-template-columns:repeat(2,1fr);max-width:900px;width:100%}@media (max-width:768px){.dashboard-cards{grid-template-columns:1fr}}.dashboard-card{border:2px solid #0000;border-radius:24px;border-radius:var(--radius-xl);color:#fff;cursor:pointer;padding:48px;padding:var(--space-2xl);position:relative;transition:.25s ease;transition:var(--transition-normal)}.dashboard-card:hover{transform:translateY(-8px) scale(1.02)}.dashboard-card.bravo{background:linear-gradient(135deg,#0891b2,#0e7490);background:var(--bravo-bg);border-color:#0891b2;border-color:var(--bravo-primary);box-shadow:0 8px 32px #0891b233;box-shadow:0 8px 32px var(--bravo-glow)}.dashboard-card.papa{background:linear-gradient(135deg,#ea580c,#c2410c);background:var(--papa-bg);border-color:#ea580c;border-color:var(--papa-primary);box-shadow:0 8px 32px #ea580c33;box-shadow:0 8px 32px var(--papa-glow)}.card-content{text-align:center}.card-icon{font-size:4rem;margin-bottom:24px;margin-bottom:var(--space-lg)}.card-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:8px;margin-bottom:var(--space-sm)}.card-description{color:#fff;font-size:1rem;opacity:.9}.admin-section{margin-top:48px;margin-top:var(--space-2xl);max-width:900px;width:100%}.admin-title{color:#6b7a8f;color:var(--text-secondary);font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:24px;margin-bottom:var(--space-lg);text-align:center;text-transform:uppercase}.admin-cards{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.admin-cards{grid-template-columns:1fr}}.admin-card{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);cursor:pointer;display:flex;gap:16px;gap:var(--space-md);padding:24px;padding:var(--space-lg);transition:.25s ease;transition:var(--transition-normal)}.admin-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.admin-card.users{border-left:4px solid #6a1b9a;border-left:4px solid var(--accent-purple)}.admin-card.requests{border-left:4px solid #f9a825;border-left:4px solid var(--accent-yellow)}.admin-card-icon{font-size:2.5rem;position:relative}.notification-badge{background:#c62828;background:var(--accent-red);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;min-width:20px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.admin-card-content h3{color:#1a2332;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.admin-card-content p{color:#6b7a8f;color:var(--text-secondary);font-size:.85rem}.dashboard{background:#f0f2f5;background:var(--bg-light);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#d32f2f,#1565c0);background:var(--cs-grad);border-bottom:none;box-shadow:0 2px 14px #0003;justify-content:space-between;padding:24px 32px;padding:var(--space-lg) var(--space-xl)}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:24px;gap:var(--space-lg)}.back-btn{align-items:center;background:#ffffff29;border:1px solid #ffffff47;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.back-btn:hover{background:#ffffff42;color:#fff}.dashboard-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:2px}.dashboard-title.bravo,.dashboard-title.papa{color:#fff}.header-right{align-items:center;display:flex;gap:24px;gap:var(--space-lg)}.date-picker-wrapper{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.date-label{color:#ffffffbf;font-size:.85rem;text-transform:uppercase}.date-input{background:#ffffff26;border:1px solid #ffffff47;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.95rem;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.date-picker{background:#ffffff26;border:1px solid #ffffff47;color:#fff}.date-picker::-webkit-calendar-picker-indicator{filter:invert(1)}.dashboard-content{display:flex;flex:1 1;flex-direction:column;gap:32px;gap:var(--space-xl);padding:32px;padding:var(--space-xl)}.action-btn{border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.5rem;font-weight:600;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:.15s ease;transition:var(--transition-fast)}.action-btn.create{background:#1565c0;background:var(--accent-blue);color:#fff}.action-btn.create:hover{background:#0d47a1}.action-btn.activity{background:#f0f2f5;background:var(--bg-light);border:1px solid #e8ecf0;border:1px solid var(--border-light);color:#6b7a8f;color:var(--text-secondary)}.action-btn.activity:hover{background:#eef0f3;background:var(--bg-elevated)}.report-btn,.requests-btn{background:#ffffff29;border:1px solid #ffffff47;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.report-btn:hover,.requests-btn:hover{background:#ffffff42}.reset-btn{background:#c62828bf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.reset-btn:hover{background:#b71c1ce6}.user-role-badge{background:#ffffff38;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:11px;font-weight:600;margin-left:12px;padding:4px 12px;text-transform:uppercase}.rate-structure-section{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);margin-bottom:24px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-lg)}.rate-structure-section .section-title{color:#6b7a8f;color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.rate-cards{grid-gap:16px;grid-gap:var(--space-md);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.rate-card{background:linear-gradient(135deg,#1565c0,#6a1b9a);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;padding:24px;padding:var(--space-lg);text-align:center;transition:.25s ease;transition:var(--transition-normal)}.rate-card:nth-child(2){background:linear-gradient(135deg,#2e7d32,#047857);background:linear-gradient(135deg,var(--accent-green),#047857)}.rate-card:nth-child(3){background:linear-gradient(135deg,#f9a825,#b45309);background:linear-gradient(135deg,var(--accent-yellow),#b45309)}.rate-card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.rate-range{font-size:1rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs);opacity:.9}.rate-value{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:800}.day-target-section{margin-bottom:24px;margin-bottom:var(--space-lg);width:100%}.day-target-card{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);padding:24px;padding:var(--space-lg)}.day-target-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md)}.day-target-label{color:#1a2332;color:var(--text-primary);font-size:1rem;font-weight:600}.day-target-input-wrapper{align-items:center;display:flex;flex:1 1;gap:8px;gap:var(--space-sm);min-width:300px}.day-target-input{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);display:flex;gap:24px;gap:var(--space-lg);padding:24px;padding:var(--space-lg)}.day-target-input input{background:#f5f6f8;background:var(--bg-input);border:2px solid #e8ecf0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a2332;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;max-width:900px;min-width:600px;padding:24px 32px;padding:var(--space-lg) var(--space-xl)}.day-target-input input:focus{background:#fff;background:var(--bg-white);border-color:#1565c0;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26;outline:none}.day-target-input input::placeholder{color:#9aa5b4;color:var(--text-muted);font-size:1.2rem;font-weight:400}.day-target-unit{color:#6b7a8f;color:var(--text-secondary);font-size:1rem;font-weight:600}.day-target-save-btn{background:linear-gradient(135deg,#2e7d32,#047857);background:linear-gradient(135deg,var(--accent-green),#047857);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:24px 32px;padding:var(--space-lg) var(--space-xl);transition:.25s ease;transition:var(--transition-normal);white-space:nowrap}.day-target-save-btn:hover{box-shadow:0 8px 20px #0596694d;transform:translateY(-2px)}.day-target-input-container{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);display:flex;gap:24px;gap:var(--space-lg);padding:32px;padding:var(--space-xl)}.day-target-input-container input{background:#f5f6f8;background:var(--bg-input);border:2px solid #e8ecf0;border:2px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);color:#1a2332;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:600;max-width:800px;min-width:500px;padding:24px 32px;padding:var(--space-lg) var(--space-xl)}.day-target-input-container input:focus{background:#fff;background:var(--bg-white);border-color:#1565c0;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb26;outline:none}.day-target-input-container input::placeholder{color:#9aa5b4;color:var(--text-muted);font-size:1.1rem;font-weight:400}.save-target-btn{background:linear-gradient(135deg,#2e7d32,#047857);background:linear-gradient(135deg,var(--accent-green),#047857);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;min-width:180px;padding:32px 48px;padding:var(--space-xl) var(--space-2xl);transition:.25s ease;transition:var(--transition-normal);white-space:nowrap}.save-target-btn:hover{box-shadow:0 8px 20px #0596694d;transform:translateY(-2px)}.top-summary-cards{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-stat-card{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);display:flex;gap:24px;gap:var(--space-lg);padding:32px;padding:var(--space-xl);transition:.25s ease;transition:var(--transition-normal)}.summary-stat-card .stat-icon{align-items:center;background:#f0f2f5;background:var(--bg-light);border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.summary-stat-card .stat-content{flex:1 1}.summary-stat-card .stat-label{color:#6b7a8f;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.summary-stat-card .stat-value{color:#1a2332;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:800}.summary-stat-card.target{border-left:4px solid #1565c0;border-left:4px solid var(--accent-blue)}.summary-stat-card.target .stat-value{color:#1565c0;color:var(--accent-blue)}.summary-stat-card.entered{border-left:4px solid #6a1b9a;border-left:4px solid var(--accent-purple)}.summary-stat-card.entered .stat-value{color:#6a1b9a;color:var(--accent-purple)}.summary-stat-card.balance{border-left:4px solid #f9a825;border-left:4px solid var(--accent-yellow)}.summary-stat-card.balance.positive .stat-value{color:#f9a825;color:var(--accent-yellow)}.summary-stat-card.balance.negative{border-left-color:#c62828;border-left-color:var(--accent-red)}.summary-stat-card.balance.negative .stat-value{color:#c62828;color:var(--accent-red)}.summary-stat-card.balance.zero{border-left-color:#2e7d32;border-left-color:var(--accent-green)}.summary-stat-card.balance.zero .stat-value{color:#2e7d32;color:var(--accent-green)}.summary-stat-card.amount{border-left:4px solid #2e7d32;border-left:4px solid var(--accent-green)}.summary-stat-card.amount .stat-value{color:#2e7d32;color:var(--accent-green)}.summary-stat-card.commission{border-left:4px solid #db2777}.summary-stat-card.commission .stat-value{color:#db2777}.summary-stat-card.export{border-left:4px solid #0891b2;border-left:4px solid var(--bravo-primary);cursor:pointer}.summary-stat-card.export:hover{background:#f0f2f5;background:var(--bg-light);transform:translateY(-2px)}.summary-stat-card.export .stat-value.clickable{color:#0891b2;color:var(--bravo-primary);font-size:.9rem}.rate-section{width:100%}.rate-editor-inline{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);display:flex;gap:16px;gap:var(--space-md);padding:16px 24px;padding:var(--space-md) var(--space-lg);width:-webkit-fit-content;width:fit-content}.rate-editor-inline label{color:#6b7a8f;color:var(--text-secondary);font-size:.9rem;font-weight:500}.rate-input{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a2332;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1rem;text-align:center;width:100px}.rate-input,.rate-save-btn{padding:8px 16px;padding:var(--space-sm) var(--space-md)}.rate-save-btn{background:#2e7d32;background:var(--accent-green);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.contractors-section{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);padding:24px;padding:var(--space-lg)}.section-title{color:#6b7a8f;color:var(--text-secondary);font-size:3.6rem;font-weight:700;letter-spacing:1.5px;margin-bottom:24px;margin-bottom:var(--space-lg);text-transform:uppercase}.contractors-grid{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(4,1fr);justify-content:start}.contractor-btn{align-items:center;border:2px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:700;gap:4px;justify-content:center;min-height:80px;padding:16px;padding:var(--space-md);text-align:center;transition:.25s ease;transition:var(--transition-normal)}.contractor-btn .contractor-name{font-size:1.15rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.contractor-btn:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.contractor-btn.selected{border-color:#1a2332;border-color:var(--text-primary);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:scale(1.05)}.contractor-btn.dbs{background:#dc2626;background:var(--contractor-dbs)}.contractor-btn.krishna{background:#ea580c;background:var(--contractor-krishna)}.contractor-btn.samudra{background:#ca8a04;background:var(--contractor-samudra)}.contractor-btn.shiva{background:#16a34a;background:var(--contractor-shiva)}.contractor-btn.shukoor{background:#0d9488;background:var(--contractor-shukoor)}.contractor-btn.sona{background:#2563eb;background:var(--contractor-sona)}.contractor-btn.swf{background:#7c3aed;background:var(--contractor-swf)}.contractor-btn.venkateswara{background:#db2777;background:var(--contractor-venkateswara)}.contractor-btn.ism{background:#4f46e5;background:var(--contractor-ism)}.shift-indicators{display:flex;gap:4px;gap:var(--space-xs);justify-content:center;margin-top:8px;margin-top:var(--space-sm)}.shift-badge{background:#0003;border-radius:4px;font-size:.65rem;font-weight:500;padding:2px 6px}.shift-badge.completed{background:#ffffff4d}.productivity-info{display:flex;flex-direction:column;font-size:.95rem;font-weight:600;gap:4px;margin-top:8px;opacity:.95}.productivity-row{align-items:center;display:flex;justify-content:space-between}.prod-label{font-size:.9rem;font-weight:600;opacity:.85}.prod-value{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.contractor-btn.complete{box-shadow:0 0 0 3px #2e7d32;box-shadow:0 0 0 3px var(--accent-green)}.contractor-btn.partial{box-shadow:0 0 0 3px #f9a825;box-shadow:0 0 0 3px var(--accent-yellow)}.contractor-btn .status-indicator{display:flex;flex-wrap:wrap;font-size:.65rem;gap:4px;justify-content:center;margin-top:4px;margin-top:var(--space-xs)}.contractor-btn .shift-tag{background:#ffffff4d;border-radius:4px;font-size:.6rem;font-weight:600;padding:2px 6px;text-transform:uppercase}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content,.modal-overlay{padding:24px;padding:var(--space-lg)}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);max-height:95vh;max-width:520px;overflow-y:auto;width:100%}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}.modal-content.export-modal{max-width:520px}.modal-content.activity-modal{max-height:80vh;max-width:700px;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:8px;padding-bottom:var(--space-sm)}.modal-title{color:#1565c0;color:var(--accent-blue);font-size:1.1rem;font-weight:700}.modal-close{align-items:center;background:#f0f2f5;background:var(--bg-light);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#6b7a8f;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.modal-close:hover{background:#dc26261a;border-color:#c62828;border-color:var(--accent-red);color:#c62828;color:var(--accent-red)}.modal-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.form-select{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a2332;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 10px}.calculated-fields{background:#f0f2f5;background:var(--bg-light);border:1px dashed #dce1e8;border:1px dashed var(--border-medium);border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--space-md)}.calc-row{display:flex;font-size:.95rem;justify-content:space-between;padding:8px 0;padding:var(--space-sm) 0}.calc-row:not(:last-child){border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light)}.calc-label{color:#6b7a8f;color:var(--text-secondary)}.calc-value{color:#1a2332;color:var(--text-primary);font-weight:600}.calc-value.highlight{color:#2e7d32;color:var(--accent-green)}.modal-actions{display:flex;gap:16px;gap:var(--space-md);margin-top:8px;margin-top:var(--space-sm)}.btn-primary{background:linear-gradient(135deg,#1565c0,#6a1b9a);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#f0f2f5;background:var(--bg-light);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#6b7a8f;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.btn-secondary:hover{background:#eef0f3;background:var(--bg-elevated);color:#1a2332;color:var(--text-primary)}.shift-unavailable{background:#d977061a;border-radius:6px;border-radius:var(--radius-sm);color:#f9a825;color:var(--accent-yellow);font-size:.85rem;padding:8px;padding:var(--space-sm);text-align:center}.export-options{flex-direction:column}.export-option,.export-options{display:flex;gap:16px;gap:var(--space-md)}.export-option{align-items:center;background:#f0f2f5;background:var(--bg-light);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);cursor:pointer;padding:24px;padding:var(--space-lg);transition:.25s ease;transition:var(--transition-normal)}.export-option:hover{background:#eef0f3;background:var(--bg-elevated);border-color:#1565c0;border-color:var(--accent-blue);transform:translateX(4px)}.export-option-icon{align-items:center;background:#fff;background:var(--bg-white);border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.export-option-content{flex:1 1}.export-option-content h3{color:#1a2332;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.export-option-content p{color:#6b7a8f;color:var(--text-secondary);font-size:.85rem}.export-option-arrow{color:#9aa5b4;color:var(--text-muted);font-size:1.5rem}.export-btn{background:#1565c0;background:var(--accent-blue);border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:3rem;font-weight:700;padding:24px 32px;padding:var(--space-lg) var(--space-xl);transition:.15s ease;transition:var(--transition-fast)}.export-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.summary-section{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:1fr}.summary-card{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow-card);padding:24px;padding:var(--space-lg)}.summary-card.full-width{width:100%}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-lg)}.table-responsive{overflow-x:auto}.summary-table{border-collapse:collapse;width:100%}.summary-table td,.summary-table th{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light);padding:10px 12px;text-align:left}.summary-table th{background:#f0f2f5;background:var(--bg-light);color:#6b7a8f;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-table td{color:#1a2332;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.summary-table .total-row{background:#f0f2f5;background:var(--bg-light);font-weight:700}.summary-table .total-row td{color:#2e7d32;color:var(--accent-green)}.summary-table .inactive-row{opacity:.5}.users-table td{vertical-align:middle}.you-badge{background:#1565c0;background:var(--accent-blue);border-radius:10px;color:#fff;font-size:.7rem;margin-left:8px;margin-left:var(--space-sm);padding:2px 8px}.role-badge,.you-badge{display:inline-block;font-weight:600}.role-badge{border-radius:12px;font-size:.75rem;padding:4px 10px}.role-badge.admin{background:#7c3aed26;color:#6a1b9a;color:var(--accent-purple)}.role-badge.user{background:#2563eb26;color:#1565c0;color:var(--accent-blue)}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.status-badge.active{background:#05966926;color:#2e7d32;color:var(--accent-green)}.status-badge.inactive{background:#dc262626;color:#c62828;color:var(--accent-red)}.status-badge.locked,.status-badge.pending{background:#d9770626;color:#f9a825;color:var(--accent-yellow)}.status-badge.approved{background:#05966926;color:#2e7d32;color:var(--accent-green)}.status-badge.rejected{background:#dc262626;color:#c62828;color:var(--accent-red)}.auto-badge{background:#f0f2f5;background:var(--bg-light);border-radius:10px;color:#9aa5b4;color:var(--text-muted);display:inline-block;font-size:.7rem;padding:2px 8px}.date-cell{color:#6b7a8f;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.action-buttons{display:flex;gap:4px;gap:var(--space-xs)}.icon-btn{align-items:center;background:#f0f2f5;background:var(--bg-light);border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:2rem;height:64px;justify-content:center;transition:.15s ease;transition:var(--transition-fast);width:64px}.icon-btn:hover{transform:scale(1.1)}.icon-btn.edit:hover{background:#2563eb26}.icon-btn.reset:hover{background:#7c3aed26}.icon-btn.deactivate:hover{background:#dc262626}.icon-btn.activate:hover{background:#05966926}.icon-btn.history:hover{background:#d9770626}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#eef0f3;background-color:var(--bg-elevated);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);content:"";height:18px;left:2px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#2e7d32;background-color:var(--accent-green);border-color:#2e7d32;border-color:var(--accent-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-btn{border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:.15s ease;transition:var(--transition-fast)}.toggle-btn.on{background:#05966926}.toggle-btn.off{background:#dc262626}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.activity-log-list{max-height:400px;overflow-y:auto}.activity-item{border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light);display:flex;gap:16px;gap:var(--space-md);padding:16px;padding:var(--space-md)}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.5rem}.activity-content{flex:1 1}.activity-action{color:#1a2332;color:var(--text-primary);font-weight:500;margin-bottom:4px}.activity-details{color:#6b7a8f;color:var(--text-secondary);font-size:.9rem}.activity-meta{color:#9aa5b4;color:var(--text-muted);font-size:.8rem;margin-top:4px}.filters-section{display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-lg)}.filter-group{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.filter-group label{color:#6b7a8f;color:var(--text-secondary);font-size:.9rem;font-weight:500}.filter-select{min-width:120px;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.dashboard-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.dashboard-badge.bravo{background:#0891b226;color:#0891b2;color:var(--bravo-primary)}.dashboard-badge.papa{background:#ea580c26;color:#ea580c;color:var(--papa-primary)}.type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.type-badge.edit{background:#2563eb26;color:#1565c0;color:var(--accent-blue)}.type-badge.delete{background:#dc262626;color:#c62828;color:var(--accent-red)}.sub-text{color:#9aa5b4;color:var(--text-muted);font-family:inherit;font-size:.8rem}.entry-details{line-height:1.4}.number-cell{font-family:JetBrains Mono,monospace}.number-cell.highlight{color:#2e7d32;color:var(--accent-green);font-weight:600}.reason-cell{font-family:inherit;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleted-text{color:#c62828;color:var(--accent-red);font-style:italic}.reviewed-text{color:#9aa5b4;color:var(--text-muted);font-size:.8rem}.review-btn{background:#1565c0;background:var(--accent-blue);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.review-btn:hover{background:#1d4ed8}.review-details{background:#f0f2f5;background:var(--bg-light);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-lg);padding:16px;padding:var(--space-md)}.review-row{align-items:center;display:flex;justify-content:space-between}.review-label{color:#6b7a8f;color:var(--text-secondary);font-size:.9rem}.highlight-value{color:#2e7d32;color:var(--accent-green);font-weight:600}.review-actions{justify-content:flex-end}.btn-approve{background:#2e7d32;background:var(--accent-green)}.btn-approve,.btn-reject{border:none;border-radius:10px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:16px 24px;padding:var(--space-md) var(--space-lg)}.btn-reject{background:#c62828;background:var(--accent-red)}.inline-entry-form{animation:slideDown .3s ease;background:#fff;background:var(--bg-white);border:2px solid #1565c0;border:2px solid var(--accent-blue);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001f;margin-top:24px;margin-top:var(--space-lg);padding:24px;padding:var(--space-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inline-form-header{align-items:center;border-bottom:2px solid #e8ecf0;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md);padding-bottom:8px;padding-bottom:var(--space-sm)}.inline-form-header h2,.inline-form-title{color:#1565c0;color:var(--accent-blue);font-size:1.1rem;font-weight:700;margin:0}.inline-form-close{align-items:center;background:#f0f2f5;background:var(--bg-light);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:.25s ease;transition:var(--transition-normal);width:32px}.inline-form-close:hover{background:#dce1e8;background:var(--border-medium);transform:rotate(90deg)}.form-row{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-md)}.form-row.cols-2{grid-template-columns:1.2fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.form-row.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.form-field label{color:#6b7a8f;color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.form-field input,.form-field select{border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;font-size:.9rem;font-weight:500;padding:8px 10px;transition:.25s ease;transition:var(--transition-normal);width:100%}.form-field input:focus,.form-field select:focus{border-color:#1565c0;border-color:var(--accent-blue);box-shadow:0 0 0 2px #2563eb1a;outline:none}.form-field input::placeholder{color:#9aa5b4;color:var(--text-muted);font-size:.85rem}.shift-buttons{display:flex;gap:8px;gap:var(--space-sm)}.shift-btn{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a2332;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 12px;transition:.25s ease;transition:var(--transition-normal)}.shift-btn.selected{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#1565c0;border-color:var(--accent-blue);color:#fff}.shift-btn.completed{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.shift-btn:disabled{cursor:not-allowed;opacity:.6}.inline-rate-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-weight:600;padding:8px 12px;text-align:center}.inline-calc-preview{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--space-md);padding:16px;padding:var(--space-md)}.calc-grid{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(3,1fr);margin-bottom:8px;margin-bottom:var(--space-sm)}.calc-grid.cols-2{grid-template-columns:repeat(2,1fr)}.calc-grid.cols-4{grid-template-columns:repeat(4,1fr)}.calc-box{background:#fff9;border-radius:6px;border-radius:var(--radius-sm);padding:8px;padding:var(--space-sm);text-align:center}.calc-label{color:#92400e;font-size:.7rem;font-weight:600;margin-bottom:2px;text-transform:uppercase}.calc-value{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.form-actions{display:flex;gap:16px;gap:var(--space-md);margin-top:24px;margin-top:var(--space-lg)}.form-btn{border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;transition:.25s ease;transition:var(--transition-normal)}.form-btn.cancel{background:#fff;background:var(--bg-white);border:1px solid #dce1e8;border:1px solid var(--border-medium);color:#1a2332;color:var(--text-primary)}.form-btn.cancel:hover{background:#f0f2f5;background:var(--bg-light)}.form-btn.submit{background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;color:#fff}.form-btn.submit:hover{box-shadow:0 4px 12px #1e40af4d;transform:translateY(-2px)}.form-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.calculation-preview{background:#f0f2f5;background:var(--bg-light);border:1px dashed #dce1e8;border:1px dashed var(--border-medium);border-radius:6px;border-radius:var(--radius-sm);margin-top:8px;margin-top:var(--space-sm);padding:8px;padding:var(--space-sm)}.calculation-preview .calc-row{display:flex;font-size:.85rem;justify-content:space-between;padding:4px 0}.calculation-preview .calc-row:not(:last-child){border-bottom:1px solid #e8ecf0;border-bottom:1px solid var(--border-light)}.calculation-preview .calc-row.highlight{color:#2e7d32;color:var(--accent-green);font-weight:600}.date-picker{background:#fff;background:var(--bg-white);border:1px solid #e8ecf0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#1a2332;color:var(--text-primary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.95rem;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.date-picker:focus{border-color:#1565c0;border-color:var(--accent-blue);outline:none}.no-data{color:#9aa5b4;color:var(--text-muted);padding:48px;padding:var(--space-2xl);text-align:center}.no-data-icon{font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-md);opacity:.5}.toast{animation:toastSlideIn .3s ease;border-radius:10px;border-radius:var(--radius-md);bottom:32px;bottom:var(--space-xl);box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);color:#fff;font-weight:500;padding:16px 24px;padding:var(--space-md) var(--space-lg);position:fixed;right:32px;right:var(--space-xl);z-index:2000}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast.success{background:#2e7d32;background:var(--accent-green)}.toast.error{background:#c62828;background:var(--accent-red)}@media (max-width:640px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-md)}.header-right{flex-wrap:wrap;justify-content:space-between;width:100%}.contractors-grid,.top-summary-cards{grid-template-columns:repeat(2,1fr)}.day-target-input-wrapper{flex-wrap:wrap;min-width:100%}.admin-cards{grid-template-columns:1fr}.rate-cards{grid-template-columns:repeat(2,1fr)}.day-target-input{flex-direction:column;padding:24px;padding:var(--space-lg)}.day-target-input input{font-size:1.3rem;max-width:none;min-width:auto;width:100%}.save-target-btn{font-size:1.1rem;width:100%}.day-target-input-container{flex-direction:column}.day-target-input-container input{font-size:1.2rem;max-width:none;min-width:auto;width:100%}.contractor-btn{font-size:.75rem;min-height:70px;padding:8px;padding:var(--space-sm)}.form-row.cols-4{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.388947b2.css.map*/