:root{--primary-color: #0d6efd;--primary-gradient: linear-gradient(135deg, #0d6efd, #0056b3);--secondary-color: #6c757d;--success-color: #198754;--success-gradient: linear-gradient(135deg, #198754, #146c43);--warning-color: #ffc107;--warning-gradient: linear-gradient(135deg, #fff3cd, #ffeaa7);--danger-color: #dc3545;--danger-gradient: linear-gradient(135deg, #f8d7da, #f1aeb5);--info-color: #0dcaf0;--info-gradient: linear-gradient(135deg, #d1ecf1, #b8daff);--light-color: #f8f9fa;--dark-color: #212529;--text-color: black;--text-color-light: rgb(78, 75, 75);--heading-text-color: #fff;--card-bg: #fff;--highlight-bg: var(--primary-color);--body-bg: #f5f5f5;--card-header-bg: var(--primary-color);--table-header-bg: var(--primary-gradient);--table-row-hover-bg: rgba(13, 110, 253, .05);--summary-card-bg: #fff;--summary-label-color: var(--secondary-color);--form-label-color: var(--dark-color);--form-bg: #fff;--form-border: #e9ecef;--form-focus-border: var(--primary-color);--form-focus-shadow: 0 0 0 .2rem rgba(13, 110, 253, .25);--btn-primary-bg: var(--primary-gradient);--btn-success-bg: var(--success-gradient);--alert-success-bg: linear-gradient(135deg, #d1e7dd, #a3d9a4);--alert-success-color: #0f5132;--alert-danger-bg: var(--danger-gradient);--alert-danger-color: #842029;--alert-warning-bg: var(--warning-gradient);--alert-warning-color: #664d03;--alert-info-bg: var(--info-gradient);--alert-info-color: #055160;--scrollbar-bg: #d1d5db;--scrollbar-thumb: #6b7280;--scrollbar-thumb-hover: rgb(136, 162, 228)}body.dark-theme{--primary-color: orange;--highlight-bg: #202123;--primary-gradient: linear-gradient(135deg, var(--highlight-bg), #26282a);--secondary-color: #adb5bd;--success-color: #00bc8c;--success-gradient: linear-gradient(135deg, #00bc8c, #00796b);--warning-color: #f39c12;--warning-gradient: linear-gradient(135deg, #f39c12, #b9770e);--danger-color: #e74c3c;--danger-gradient: linear-gradient(135deg, #e74c3c, #c0392b);--info-color: #202123;--info-gradient: linear-gradient(135deg, #202123, #2b2d2f);--light-color: #222831;--dark-color: #f8f9fa;--text-color: white;--text-color-light: rgb(196, 191, 191);--heading-text-color: #0000;--card-bg: #202123;--body-bg: #2b2d2f;--card-header-bg: var(--highlight-bg);--table-header-bg: #1b1c1d;--table-row-hover-bg: rgba(55, 90, 127, .15);--summary-card-bg: #202123;--summary-label-color: var(--secondary-color);--form-label-color: var(--dark-color);--form-bg: #202123;--form-border: #444444;--border-color: #444444;--form-focus-border: var(--primary-color);--form-focus-shadow: 0 0 0 .2rem rgba(55, 90, 127, .25);--btn-primary-bg: var(--primary-color);--btn-success-bg: var(--success-gradient);--alert-success-bg: var(--highlight-bg);--alert-success-color: #f8f9fa;--alert-danger-bg: var(--danger-gradient);--alert-danger-color: #f8f9fa;--alert-warning-bg: var(--warning-gradient);--alert-warning-color: #f8f9fa;--alert-info-bg: var(--info-gradient);--alert-info-color: var(--primary-color);--scrollbar-bg: #1e2533;--scrollbar-thumb: #4b5563;--scrollbar-thumb-hover: rgb(136, 162, 228);--sgrids-border-color: #444444;--sgrids-color-black: #0f1011;--sgrids-color-black-900: #151617;--sgrids-color-black-800: #1b1c1d;--sgrids-color-black-700: #202223;--sgrids-color-black-600: #26282a;--sgrids-color-black-500: #2b2d2f;--sgrids-color-black-400: #3f4143;--sgrids-color-black-300: #545658;--sgrids-color-black-200: #6a6b6d;--sgrids-color-black-100: #808183;--sgrids-color-black-50: #969799}body{background-color:var(--body-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bg-primary{background:var(--highlight-bg)!important;background-color:var(--highlight-bg)!important;color:var(--text-color)!important}.container-fluid{margin-top:0}.text-color{color:var(--text-color)}.text-muted{color:var(--text-color-light)!important}.text-color-light{color:var(--text-color-light)}.input-group-text{background:var(--form-bg)!important;color:var(--form-label-color)!important;border:2px solid var(--form-border)}.card{background:var(--card-bg);border:none;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-light-color{background:var(--body-bg);border:none;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-body{background:var(--card-bg);color:var(--text-color);border:none;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card-body-light{background:var(--body-bg);color:var(--text-color);border:none;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;padding:1.5rem}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.card-header{background:var(--card-header-bg);color:var(--text-color);border-radius:12px 12px 0 0!important;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.card-header-light{background:var(--body-bg);color:var(--text-color);border-radius:12px 12px 0 0!important;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.nav-tabs{border-bottom:2px solid var(--form-border)}.nav-tabs .nav-link{border:none;color:var(--secondary-color);font-weight:500;padding:.75rem 1.5rem;border-radius:8px 8px 0 0;margin-right:.5rem;transition:all .3s ease}.nav-tabs .nav-link:hover{border-color:transparent;color:var(--primary-color);background-color:#0d6efd1a}.nav-tabs .nav-link.active{color:var(--primary-color);background-color:var(--summary-card-bg);border-color:var(--form-border) var(--form-border) var(--summary-card-bg);font-weight:600}.card-header-tabs .nav-link{color:#fff;font-weight:600;background-color:#fff3;border:1px solid rgba(255,255,255,.3)}.card-header-tabs .nav-link:hover{border-color:#ffffff80;color:#fff;background-color:#ffffff4d;transform:translateY(-1px)}.card-header-tabs .nav-link.active{color:var(--primary-color);background-color:var(--summary-card-bg);border:1px solid var(--form-border);font-weight:700}.nav-arrow i{color:var(--text-color-light)!important;font-size:1.2rem;margin:0 .5rem}.nav-pills .nav-link{border:none;color:var(--text-color)!important;background:none!important;font-weight:500;padding:.75rem 1.5rem;border-radius:8px;margin-right:.5rem;transition:color .2s,background .2s}.nav-pills .nav-link:hover{color:var(--primary-color)!important;background:#0d6efd14!important}.nav-pills .nav-link.active,.nav-pills .nav-link:focus,.nav-pills .nav-link:active{color:var(--text-color)!important;background:var(--primary-color)!important;font-weight:600}.nav-pills .nav-link.active{box-shadow:none}.form-label{font-weight:600;color:var(--form-label-color);margin-bottom:.5rem}.form-control,.form-select{background:var(--form-bg);border-radius:8px;border:2px solid var(--form-border);padding:.75rem 1rem;font-size:.95rem;transition:border-color .3s ease,box-shadow .3s ease;color:var(--dark-color)}.form-control:focus,.form-select:focus{background:var(--form-bg);color:var(--text-color);border-color:var(--form-focus-border);box-shadow:var(--form-focus-shadow)}.btn{border-radius:8px;font-weight:600;padding:.75rem 1.5rem}.btn:hover{box-shadow:0 4px 12px #00000026}.btn-primary{background:var(--btn-primary-bg);border:none}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:var(--btn-primary-bg);background-color:var(--btn-primary-bg);box-shadow:none;filter:none}.btn-success{background:var(--primary-color);border:none}.summary-card{background:var(--summary-card-bg);border-radius:12px;padding:1.5rem;text-align:center;border-left:4px solid var(--primary-color);transition:transform .2s ease}.summary-card-light{background:var(--body-bg);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s ease}.summary-card:hover{transform:translateY(-3px)}.summary-card.penalty{border-left-color:var(--danger-color)}.summary-card.savings{border-left-color:var(--success-color)}.summary-card.energy{border-left-color:var(--info-color)}.summary-card.revenue{border-left-color:var(--warning-color)}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}body:not(.dark-theme) .modal-content{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--form-border)!important}body:not(.dark-theme) #forecastDataTabs .nav-link,body:not(.dark-theme) #historyTabs .nav-link,body:not(.dark-theme) #forecastTypeTabs .nav-link{background:var(--card-bg)!important;color:var(--text-color-light)!important;border-color:var(--form-border)!important}body:not(.dark-theme) #forecastDataTabs .nav-link.active,body:not(.dark-theme) #historyTabs .nav-link.active,body:not(.dark-theme) #forecastTypeTabs .nav-link.active{background:var(--highlight-bg)!important;color:#fff!important;border-color:var(--highlight-bg)!important}body:not(.dark-theme) .history-table,body:not(.dark-theme) .history-table thead,body:not(.dark-theme) .history-table tbody tr,body:not(.dark-theme) .history-table th,body:not(.dark-theme) .history-table td{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--form-border)!important}body:not(.dark-theme) [style*="#1a1b1e"],body:not(.dark-theme) [style*="#2b2d2f"],body:not(.dark-theme) [style*="#2d2d2d"],body:not(.dark-theme) [style*="#22232a"],body:not(.dark-theme) [style*="#111827"],body:not(.dark-theme) [style*="#2b3035"]{background:var(--card-bg)!important}body:not(.dark-theme) [style*="color: #e5e7eb"],body:not(.dark-theme) [style*="color:#e5e7eb"],body:not(.dark-theme) [style*="color: #9ca3af"],body:not(.dark-theme) [style*="color:#9ca3af"]{color:var(--text-color)!important}body:not(.dark-theme) [style*="#404040"],body:not(.dark-theme) [style*="#3a3c3e"],body:not(.dark-theme) [style*="#374151"],body:not(.dark-theme) [style*="#2d2d2d"]{border-color:var(--form-border)!important}.summary-label{color:var(--summary-label-color);font-size:.9rem;font-weight:500}.summary-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.table-responsive{max-height:500px;overflow-y:auto;overflow-x:auto}.table thead th{position:sticky;top:0;z-index:5;background:var(--table-header-bg);color:var(--text-color)}.table thead{position:sticky;top:0;z-index:4;background:var(--table-header-bg)}.table tbody td{padding:.75rem;vertical-align:middle;text-align:center;border-bottom:1px solid var(--form-border);background:var(--card-bg);color:var(--text-color)}.table tbody tr:hover{background-color:var(--table-row-hover-bg)}.chart-container{background:var(--summary-card-bg);border-radius:8px;padding:1rem}.alert{border:none;border-radius:8px;font-weight:500;margin-bottom:1rem}.alert-success{background:var(--alert-success-bg);color:var(--alert-success-color)}.alert-danger{background:var(--alert-danger-bg);color:var(--alert-danger-color)}.alert-warning{background:var(--alert-warning-bg);color:var(--alert-warning-color)}.alert-info{background:var(--alert-info-bg);color:var(--text-color)}.spinner-border{width:3rem;height:3rem}@media (max-width: 768px){.container-fluid{padding-left:.5rem;padding-right:.5rem}.card-body,.card-body-light{padding:1rem}.summary-card{margin-bottom:1rem}.summary-value{font-size:1.5rem}.table{font-size:.8rem}.btn{padding:.5rem 1rem;font-size:.9rem}}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:var(--scrollbar-bg);border-radius:4px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}.penalty-high{color:var(--danger-color);font-weight:700}.penalty-medium{color:var(--warning-color);font-weight:700}.penalty-low{color:var(--success-color);font-weight:700}.error-high{background-color:#dc35451a}.error-medium{background-color:#ffc1071a}.error-low{background-color:#1987541a}#comparisonSummaryCards .card{height:auto!important;min-height:120px;background:var(--summary-card-bg)}#comparisonSummaryCards .card-body{padding:.75rem!important}#comparisonSummaryCards .card-body h5{font-size:1.1rem!important;margin-bottom:.25rem!important;color:var(--form-label-color)}#comparisonSummaryCards .card-body .display-6{font-size:1.5rem!important;margin-bottom:.25rem!important;color:var(--primary-color)}#comparisonSummaryCards .card-body small{font-size:.75rem!important;line-height:1.2;color:var(--secondary-color)}#comparisonSummaryCards .card-body-light{padding:.75rem!important}#comparisonSummaryCards .card-body-light h5{font-size:1.1rem!important;margin-bottom:.25rem!important;color:var(--form-label-color)}#comparisonSummaryCards .card-body-light .display-6{font-size:1.5rem!important;margin-bottom:.25rem!important;color:var(--primary-color)}#comparisonSummaryCards .card-body-light small{font-size:.75rem!important;line-height:1.2;color:var(--secondary-color)}#comparisonSummaryCards .fas{font-size:1.5rem!important;color:var(--primary-color)}#comparisonSummaryCards .row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto}#comparisonSummaryCards .col{flex:0 0 auto!important}.curtailment-section{background:var(--info-gradient, linear-gradient(135deg, #e3f2fd 0%, #f1f8e9 100%));border:2px solid var(--primary-color, #2196f3);border-radius:10px;margin-top:15px}.curtailment-section .card-header{background:var(--card-header-bg, linear-gradient(135deg, #2196f3 0%, #4caf50 100%));border-radius:8px 8px 0 0;color:var(--light-color, #fff)}.curtailment-section .card-header-light{background:var(--body-bg, linear-gradient(135deg, #2196f3 0%, #4caf50 100%));border-radius:8px 8px 0 0;color:var(--light-color, #fff)}.feature-highlight{background:var(--alert-warning-bg, #fff3e0);border-left:4px solid var(--warning-color, #ff9800);padding:15px;border-radius:5px;margin-bottom:15px;color:var(--alert-warning-color, #664d03)}.threshold-input{border:2px solid var(--success-color, #4caf50);background:var(--form-bg);color:var(--form-label-color)}.threshold-input:focus{border-color:var(--primary-color, #2196f3);box-shadow:0 0 8px #2196f34d}.bess-sizing-header{background:var(--highlight-bg);color:var(--text-color)}.bess-sizing-header h1{margin-bottom:0rem}.bess-sizing-header p.lead{margin-bottom:0;font-size:1.1rem}.parameter-card{border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background:var(--card-bg);color:var(--text-color)}.parameter-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.optimization-card{background:var(--card-bg);color:var(--text-color)}.cost-card{border-left:4px solid var(--warning-color);background:var(--warning-gradient)}.revenue-card{background:var(--info-color);color:var(--text-color)}.analysis-tabs{border-radius:10px;background:var(--card-bg);box-shadow:0 2px 10px #0000001a;padding:1rem;margin-bottom:.5rem;color:var(--text-color)}.sizing-result{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin:1rem 0;color:var(--text-color)}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0;padding:4px 0}@media (max-width: 576px){.metric-row{gap:12px}}.metric-row>[class*=col-]{padding:0!important;margin:0!important}.metric-box{display:flex;flex-direction:row;align-items:center;gap:12px;padding:6px;min-width:200px;height:80px;background:var(--body-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0;color:var(--text-color);overflow:hidden;box-sizing:border-box}.metric-box .metric-icon{flex-shrink:0;width:40px;height:40px;display:flex;margin-left:6px;align-items:center;justify-content:center;border-radius:50%;background:var(--card-bg);padding:10px}.metric-box .metric-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left;overflow:hidden}.metric-box .metric-label,.metric-value,.metric-box small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-box .metric-value{font-weight:600}.metric-row--pad-x{margin-top:10px;padding:0 10px;box-sizing:border-box;width:100%}.chart-container{background:var(--card-bg);border-radius:12px;padding:1rem;box-shadow:0 4px 6px #0000001a;margin:1rem 0;color:var(--text-color)}.progress-indicator{height:4px;background:var(--primary-gradient);border-radius:2px;margin:1rem 0}.optimization-status{background:var(--form-bg);border-radius:8px;padding:1rem;border-left:4px solid var(--primary-color);color:var(--text-color)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--form-border, #dee2e6)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-1.75rem;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--card-bg, #fff);box-shadow:0 0 0 2px var(--form-border, #dee2e6);background:var(--body-bg, #fff)}.timeline-content{background:var(--card-bg, #fff);border:1px solid var(--form-border, #dee2e6);border-radius:.5rem;padding:1rem;color:var(--text-color, #000)}:root{--header-bg: #0d6efd;--header-border: #e5e7eb;--header-shadow: 0 4px 12px rgba(0,0,0,.08);--nav-icon-color: rgba(255,255,255,.75);--nav-icon-color-hover: #ffffff;--nav-icon-color-active: #ffffff;--nav-underline-color: #ffffff;--header-icon-btn-bg: #f3f4f6;--header-icon-btn-border: #e5e7eb;--header-icon-btn-icon: #374151;--user-dropdown-bg: #ffffff;--user-dropdown-border: #e5e7eb;--dropdown-divider: rgba(0,0,0,.1);--dropdown-item-color: rgba(0,0,0,.85);--dropdown-item-hover-bg: #f3f4f6;--dropdown-item-hover-color: #000;--notif-badge-grad: linear-gradient(135deg,#dc3545,#c82333);--notif-badge-shadow: rgba(220,53,69,.5);--avatar-bg: #000;--underline-height: 3px}.dark-theme{--header-bg: #202123;--header-border: #4A4C4E;--header-shadow: 0 4px 12px rgba(0,0,0,.15);--nav-icon-color: rgba(255,255,255,.65);--nav-icon-color-hover: rgba(255,255,255,.9);--nav-icon-color-active: #ffffff;--nav-underline-color: var(--text-color);--header-icon-btn-bg: #3A3C3E;--header-icon-btn-border: #4A4C4E;--header-icon-btn-icon: #FFFFFF;--user-dropdown-bg: #2B2D2F;--user-dropdown-border: #3A3C3E;--dropdown-divider: rgba(255,255,255,.1);--dropdown-item-color: rgba(255,255,255,.85);--dropdown-item-hover-bg: rgba(255,255,255,.1);--dropdown-item-hover-color: #ffffff;--notif-badge-grad: linear-gradient(135deg,#dc3545,#c82333);--notif-badge-shadow: rgba(220,53,69,.5);--avatar-bg: #000}.app-header{position:fixed;top:0;left:0;right:0;width:100%;height:48px;background:var(--header-bg);z-index:1050;box-shadow:var(--header-shadow);padding:0}.header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 18px;height:100%;margin:0 auto}.header-logo{display:flex;align-items:center;width:260px;height:36px;min-width:180px;flex-shrink:0;justify-content:flex-start}.logo-image{height:36px;width:auto;object-fit:contain;transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.header-navigation{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px;position:absolute;left:50%;transform:translate(-50%)}.nav-icon-item{--underline-width: 80%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px 20px;min-width:90px;height:32px;background:transparent;border:none;cursor:pointer;text-decoration:none;color:var(--nav-icon-color);transition:all .3s ease;position:relative;overflow:visible}.nav-icon-item i{font-size:20px;transition:all .3s ease}.nav-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;line-height:1;white-space:nowrap;opacity:.9}.nav-icon-item:hover{color:var(--nav-icon-color-hover);transform:translateY(-2px)}.nav-icon-item:hover i{transform:scale(1.1)}.nav-icon-item.active,.nav-icon-item.active i{color:var(--nav-icon-color-active)}.nav-icon-item.active:before{content:none}.nav-icon-item:after{content:"";position:absolute;bottom:0;left:50%;width:var(--underline-width);height:var(--underline-height);background:var(--nav-underline-color);opacity:0;transform:translate(-50%) scaleX(0);transform-origin:center;transition:opacity .25s ease,transform .25s ease;border-radius:0}.nav-icon-item.active:after,.nav-icon-item:hover:after{opacity:1;transform:translate(-50%) scaleX(1)}.header-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;width:260px;min-width:260px;flex-shrink:0}.header-icon-btn{position:relative;display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:var(--header-icon-btn-bg);border:1px solid var(--header-icon-btn-border);border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0003}.header-icon-btn i{color:var(--header-icon-btn-icon);font-size:16px}.header-icon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.header-icon-btn:active{transform:translateY(0)}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:var(--notif-badge-grad);color:#fff;border-radius:10px;font-size:10px;font-weight:700;display:flex;justify-content:center;align-items:center;line-height:1;box-shadow:0 2px 6px var(--notif-badge-shadow);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-menu{position:relative;z-index:1100}.user-avatar{background:var(--body-bg)}.user-avatar:hover{box-shadow:0 4px 16px #ff980066}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--user-dropdown-bg);border:1px solid var(--user-dropdown-border);border-radius:12px;box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden;z-index:1100}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 20px;color:var(--dropdown-item-color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;font-size:14px}.dropdown-item:hover{background:var(--dropdown-item-hover-bg);color:var(--dropdown-item-hover-color)}.dropdown-item i{width:20px;text-align:center}.dropdown-divider{height:1px;background:var(--dropdown-divider);margin:8px 0}.theme-switcher-wrapper{display:flex;align-items:center}@media (max-width:1200px){.header-container{padding:0 30px}.header-logo,.header-actions{width:220px;min-width:180px}.nav-icon-item{padding:10px 15px}.nav-label{font-size:11px}}@media (max-width:992px){.app-header{height:70px}.header-logo{width:140px;min-width:120px}.logo-image{height:42px}.header-navigation{gap:6px;padding:5px}.nav-icon-item{padding:8px 12px;height:50px}.nav-icon-item i{font-size:18px}.nav-label{font-size:11px}.header-actions{gap:12px;width:180px;min-width:150px}.header-icon-btn{width:36px;height:36px}}@media (max-width:768px){.header-container{padding:0 20px;position:relative}.app-header{height:64px}.header-logo{width:100px;min-width:80px}.logo-image{height:36px}.header-navigation{padding:4px;gap:4px;position:absolute;left:10%;transform:translate(-50%)}.nav-icon-item{padding:6px 8px;height:44px;gap:6px}.nav-icon-item i{font-size:16px}.nav-label{font-size:10px}.header-actions{gap:8px;width:auto;min-width:auto}.header-icon-btn{width:32px;height:32px}.header-icon-btn i{font-size:14px}}@media (max-width:576px){.header-navigation{gap:2px;padding:3px}.nav-icon-item{padding:4px 6px;height:40px;gap:4px}.nav-icon-item i{font-size:14px}.nav-label{font-size:9px}}.app-content{padding-top:48px}@media (max-width:992px){.app-content{padding-top:70px}}@media (max-width:768px){.app-content{padding-top:64px}}.nav-icon-item.loading{pointer-events:none;opacity:.6}.nav-icon-item.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nav-icon-item:focus,.header-icon-btn:focus{outline-offset:2px}@media print{.app-header{display:none}body{padding-top:0!important}}.user-dropdown .form-select,.user-dropdown .form-control{background:var(--header-icon-btn-bg);border:1px solid var(--user-dropdown-border);color:var(--dropdown-item-color);font-size:.75rem}.user-dropdown .form-select:focus,.user-dropdown .form-control:focus{background:var(--header-icon-btn-bg);border-color:var(--header-bg);color:var(--dropdown-item-color);box-shadow:0 0 0 .2rem #0d6efd40}.dark-theme .user-dropdown .form-select:focus,.dark-theme .user-dropdown .form-control:focus{border-color:#ff7f00;box-shadow:0 0 0 .2rem #ff7f0040}.user-dropdown .form-select option{background:var(--user-dropdown-bg);color:var(--dropdown-item-color)}.user-dropdown .form-label{color:var(--dropdown-item-color);font-weight:500;margin-bottom:.25rem}.user-dropdown .btn-primary{background:var(--header-bg);border-color:var(--header-bg);color:#fff;font-size:.75rem;font-weight:600}.user-dropdown .btn-primary:hover{background:#0b5ed7;border-color:#0b5ed7}.dark-theme .user-dropdown .btn-primary{background:#ff7f00;border-color:#ff7f00}.dark-theme .user-dropdown .btn-primary:hover{background:#ff8f1a;border-color:#ff8f1a}.user-dropdown .btn-success{background:#28a745;border-color:#28a745}.date-range-input-wrap{min-width:230px}.date-range-presets{display:inline-flex;flex-wrap:wrap;gap:.3rem;align-items:center}.drp-preset-btn{padding:.2rem .55rem;font-size:.72rem;line-height:1.2}.drp-preset-btn.active{color:#fff;background-color:var(--bs-primary, #0d6efd);border-color:var(--bs-primary, #0d6efd)}.drp-calendar-presets{display:flex;flex-wrap:nowrap;gap:.3rem;padding:.5rem .75rem;border-top:1px solid var(--border-color, #e0e0e0);background:var(--calendar-bg, #ffffff);justify-content:center}.dark-theme .drp-calendar-presets{background:#2b2d2f;border-top-color:#404040}.drp-calendar-preset-btn{padding:.25rem .5rem;font-size:.7rem;line-height:1.2;font-weight:500;border:1px solid var(--border-color, #ccc);background:transparent;color:var(--text-color, #333);border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.drp-calendar-preset-btn:hover{border-color:var(--bs-primary, #0d6efd);background-color:#0d6efd1a}.drp-calendar-preset-btn.active{color:#fff;background-color:var(--bs-primary, #0d6efd);border-color:var(--bs-primary, #0d6efd)}.dark-theme .drp-calendar-preset-btn{border-color:#404040;color:#e5e7eb}.dark-theme .drp-calendar-preset-btn:hover{border-color:var(--bs-primary, #0d6efd);background-color:#0d6efd26}.dark-theme .drp-calendar-preset-btn.active{color:#fff;background-color:var(--bs-primary, #0d6efd);border-color:var(--bs-primary, #0d6efd)}.flatpickr-calendar{z-index:12000}.flatpickr-day{padding:0!important;margin:0!important}.flatpickr-day.inRange{box-shadow:none!important;background:#0d6efd33!important;border-radius:0!important}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--bs-primary, #0d6efd)!important;border-color:var(--bs-primary, #0d6efd)!important;color:#fff!important;border-radius:50%!important;box-shadow:none!important;position:relative;z-index:2}.flatpickr-day.startRange:not(.endRange){box-shadow:8px 0 #0d6efd33!important}.flatpickr-day.endRange:not(.startRange){box-shadow:-8px 0 #0d6efd33!important}.dark-theme .flatpickr-calendar{background:#1f2328;border-color:#3a3f45;box-shadow:0 8px 24px #00000059}.dark-theme .flatpickr-month,.dark-theme .flatpickr-weekday,.dark-theme .flatpickr-current-month .flatpickr-monthDropdown-months,.dark-theme .flatpickr-current-month input.cur-year,.dark-theme .flatpickr-day,.dark-theme .flatpickr-day.prevMonthDay,.dark-theme .flatpickr-day.nextMonthDay{color:#e5e7eb}.dark-theme .flatpickr-months,.dark-theme .flatpickr-weekdays,.dark-theme span.flatpickr-weekday{background:#1f2328}.dark-theme .flatpickr-current-month .flatpickr-monthDropdown-months,.dark-theme .flatpickr-current-month input.cur-year{background:#1f2328!important;border:1px solid #3a3f45!important;border-radius:4px;padding:2px 4px}.dark-theme .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,.dark-theme .flatpickr-monthDropdown-months option{background:#1f2328!important;color:#e5e7eb!important}.dark-theme .flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#2a2f36!important}.dark-theme .flatpickr-months .flatpickr-prev-month svg,.dark-theme .flatpickr-months .flatpickr-next-month svg{fill:#e5e7eb!important}.dark-theme .flatpickr-months .flatpickr-prev-month:hover svg,.dark-theme .flatpickr-months .flatpickr-next-month:hover svg{fill:#0d6efd!important}.dark-theme .flatpickr-day.selected,.dark-theme .flatpickr-day.startRange,.dark-theme .flatpickr-day.endRange,.dark-theme .flatpickr-day.selected.inRange,.dark-theme .flatpickr-day.startRange.inRange,.dark-theme .flatpickr-day.endRange.inRange,.dark-theme .flatpickr-day.selected:focus,.dark-theme .flatpickr-day.startRange:focus,.dark-theme .flatpickr-day.endRange:focus,.dark-theme .flatpickr-day.selected:hover,.dark-theme .flatpickr-day.startRange:hover,.dark-theme .flatpickr-day.endRange:hover{background:#0d6efd;border-color:#0d6efd;color:#fff}.dark-theme .flatpickr-day.startRange:not(.endRange){box-shadow:8px 0 #0d6efd33!important}.dark-theme .flatpickr-day.endRange:not(.startRange){box-shadow:-8px 0 #0d6efd33!important}.dark-theme .flatpickr-day.inRange,.dark-theme .flatpickr-day.prevMonthDay.inRange,.dark-theme .flatpickr-day.nextMonthDay.inRange,.dark-theme .flatpickr-day.today.inRange,.dark-theme .flatpickr-day.prevMonthDay.today.inRange,.dark-theme .flatpickr-day.nextMonthDay.today.inRange,.dark-theme .flatpickr-day:hover,.dark-theme .flatpickr-day.prevMonthDay:hover,.dark-theme .flatpickr-day.nextMonthDay:hover,.dark-theme .flatpickr-day:focus,.dark-theme .flatpickr-day.prevMonthDay:focus,.dark-theme .flatpickr-day.nextMonthDay:focus{background:#0d6efd33;border-color:transparent}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.theme-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--body-bg);box-shadow:0 2px 6px #00000026;transition:background .3s ease,box-shadow .3s ease,transform .2s}#theme-toggle .theme-icon{transition:color .3s ease}body.dark-theme #theme-toggle .theme-icon{color:#d7e4f3}body:not(.dark-theme) #theme-toggle .theme-icon{color:#202123}.app-content{min-height:calc(100vh - 64px)}