.layout{height:100%;display:flex;overflow:hidden}.sidebar{background:#1a1a1a;border-right:1px solid #2d2d2d;flex-direction:column;flex-shrink:0;width:230px;transition:width .2s;display:flex}.layout.collapsed .sidebar{width:58px}.sidebar-logo{border-bottom:1px solid #2d2d2d;justify-content:space-between;align-items:center;min-height:64px;padding:22px 16px 18px;display:flex}.logo-full{color:#fff;letter-spacing:4px;font-size:20px;font-weight:700}.logo-short{color:#fff;letter-spacing:2px;margin:0 auto;font-size:20px;font-weight:700}.collapse-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:20px;line-height:1;transition:color .15s}.collapse-btn:hover{color:#fff}.sidebar-nav{flex:1;padding:10px 0;overflow:hidden auto}.nav-item{color:#777;white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:12px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#242424}.nav-item.active{color:#fff;background:#242424;border-left-color:#2d6a9f}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.nav-label{font-size:13px}.sidebar-footer{border-top:1px solid #2d2d2d;padding:14px 16px}.user-info{flex-direction:column;gap:8px;display:flex}.user-email{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-btn{color:#888;cursor:pointer;text-align:left;background:#2d2d2d;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:background .15s,color .15s}.logout-btn:hover{color:#fff;background:#3d3d3d}.main-content{background:#f4f5f7;flex:1;overflow:hidden auto}.page{padding:28px 32px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-title{color:#1a1a1a;font-size:22px;font-weight:700}.page-subtitle{color:#888;margin-top:4px;font-size:13px}.coming-soon{color:#ccc;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:60vh;display:flex}.coming-soon-icon{opacity:.3;font-size:48px}.coming-soon-title{color:#888;font-size:18px;font-weight:600}.coming-soon-sub{color:#aaa;font-size:13px}.tenant-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.03em;margin-bottom:2px;font-size:12px;font-weight:700;overflow:hidden}body.light{color:#1a1a1a;background:#f4f5f7}body.light .layout{background:#f4f5f7}body.light .sidebar{background:#fff;border-right:1px solid #e8e8e8}body.light .sidebar-logo{border-bottom:1px solid #e8e8e8}body.light .logo-full,body.light .logo-short{color:#1a1a1a}body.light .collapse-btn{color:#888}body.light .collapse-btn:hover{color:#1a1a1a}body.light .nav-item{color:#888;border-left-color:#0000}body.light .nav-item:hover{color:#1a1a1a;background:#f4f5f7}body.light .nav-item.active{color:#2d6a9f;background:#eef4fa;border-left-color:#2d6a9f}body.light .sidebar-footer{border-top:1px solid #e8e8e8}body.light .tenant-name{color:#1a1a1a}body.light .user-email{color:#888}body.light .logout-btn{color:#555;background:#f4f5f7}body.light .logout-btn:hover{color:#1a1a1a;background:#e8e8e8}body.light .main-content{background:#f4f5f7}body.light .page-title{color:#1a1a1a}body.light .page-subtitle{color:#888}.theme-toggle{cursor:pointer;background:#2d2d2d;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:calc(100% - 20px);margin:8px 10px 0;padding:8px 12px;transition:background .15s;display:flex}.theme-toggle:hover{background:#3d3d3d}body.light .theme-toggle{background:#f0f0f0}body.light .theme-toggle:hover{background:#e0e0e0}.theme-toggle-label{color:#888;white-space:nowrap;font-family:inherit;font-size:11px;font-weight:600}body.light .theme-toggle-label{color:#555}.theme-toggle-track{background:#444;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.theme-toggle-track.on{background:#2d6a9f}.theme-toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.theme-toggle-track.on .theme-toggle-thumb{transform:translate(14px)}body:not(.light){color:#eee;background:#141414}body:not(.light) .main-content{background:#141414}body:not(.light) .page-title{color:#eee}body:not(.light) .page-subtitle{color:#999}body:not(.light) .table-card,body:not(.light) .kpi-strip,body:not(.light) .dash-kpi-card,body:not(.light) .dash-section-card,body:not(.light) .rpt-kpi-card,body:not(.light) .rpt-section-card,body:not(.light) .stg-card,body:not(.light) .tank-card,body:not(.light) .customer-search-result,body:not(.light) .delivery-type-card{background:#1e1e1e;border-color:#2d2d2d}body:not(.light) .dash-kpi-urgent{background:#2a1a1a;border-color:#5a2020}body:not(.light) .dash-kpi-warn{background:#2a2010;border-color:#5a4010}body:not(.light) .dash-section-header,body:not(.light) .rpt-section-header,body:not(.light) .stg-card-header{border-bottom-color:#2d2d2d}body:not(.light) .dash-section-title,body:not(.light) .rpt-section-title,body:not(.light) .stg-card-title{color:#eee}body:not(.light) .stg-card-sub{color:#999}body:not(.light) .kpi-number,body:not(.light) .dash-kpi-value,body:not(.light) .rpt-kpi-value{color:#eee}body:not(.light) .kpi-label,body:not(.light) .dash-kpi-label,body:not(.light) .rpt-kpi-label{color:#999}body:not(.light) .dash-kpi-sub,body:not(.light) .rpt-kpi-sub{color:#666}body:not(.light) .kpi-divider{background:#2d2d2d}body:not(.light) .data-table th{color:#888;background:#242424;border-bottom-color:#2d2d2d}body:not(.light) .data-table td{color:#eee;border-bottom-color:#2d2d2d}body:not(.light) .data-table tr:hover td{background:#252525}body:not(.light) .data-table tfoot td{color:#999;background:#1e1e1e;border-top-color:#2d2d2d}body:not(.light) .search-row th{background:#242424;border-bottom-color:#2d2d2d}body:not(.light) .rpt-tabs,body:not(.light) .stg-tabs{border-bottom-color:#2d2d2d}body:not(.light) .rpt-tab,body:not(.light) .stg-tab{color:#777}body:not(.light) .rpt-tab:hover,body:not(.light) .stg-tab:hover{color:#eee}body:not(.light) .rpt-range-group{background:#252525;border-color:#2d2d2d}body:not(.light) .rpt-range-btn{color:#777}body:not(.light) .rpt-range-btn:hover{color:#eee;background:#333}body:not(.light) .rpt-range-btn.active{color:#5d9fd4;background:#1e1e1e}body:not(.light) .dash-filter-chip{color:#888;background:#252525;border-color:#2d2d2d}body:not(.light) .dash-filter-chip:hover{color:#eee;background:#333}body:not(.light) .dash-filter-chip.active{color:#fff;background:#2d6a9f;border-color:#2d6a9f}body:not(.light) .dash-range-btn{color:#888;background:#252525;border-color:#2d2d2d}body:not(.light) .dash-range-btn:hover{color:#eee;background:#333}body:not(.light) .dash-range-btn.active{color:#fff;background:#2d6a9f;border-color:#2d6a9f}body:not(.light) .filter-tab{color:#888;background:#252525}body:not(.light) .filter-tab:hover{color:#eee;background:#333}body:not(.light) .filter-tab.active{color:#fff;background:#2d6a9f}body:not(.light) .search-input,body:not(.light) .col-search,body:not(.light) .stg-role-select,body:not(.light) .form-group input,body:not(.light) .form-group select,body:not(.light) .form-group textarea{color:#eee;background:#242424;border-color:#3d3d3d}body:not(.light) .form-group label{color:#888}body:not(.light) .form-section-label{color:#888;border-top-color:#2d2d2d}body:not(.light) .dash-clock{color:#888;background:#1e1e1e;border-color:#2d2d2d}body:not(.light) .dash-driver-list{border-left-color:#2d2d2d}body:not(.light) .dash-driver-row{border-bottom-color:#222}body:not(.light) .dash-driver-row:hover{background:#242424}body:not(.light) .dash-driver-row.active{background:#1a2a3a;border-left-color:#2d6a9f}body:not(.light) .dash-driver-drawer{background:#1e1e1e;border-color:#2d2d2d}body:not(.light) .dash-drawer-header,body:not(.light) .dash-drawer-section{border-bottom-color:#2d2d2d}body:not(.light) .dash-stat-cell{background:#242424}body:not(.light) .alert-critical{background:#2a1a1a}body:not(.light) .alert-warning{background:#2a2010}body:not(.light) .alert-info{background:#1a2232}body:not(.light) .chart-tooltip{background:#1e1e1e;border-color:#2d2d2d}body:not(.light) .chart-tooltip-label{color:#eee;border-bottom-color:#2d2d2d}body:not(.light) .chart-tooltip-row{color:#aaa}body:not(.light) .btn-secondary{color:#ccc;background:#2d2d2d}body:not(.light) .btn-secondary:hover{background:#3d3d3d}body:not(.light) .btn-edit{color:#5d9fd4;background:#1e2a38;border-color:#2d4a6a}body:not(.light) .btn-edit:hover{background:#253a50}body:not(.light) .expand-btn{color:#666}body:not(.light) .expand-btn:hover{color:#eee;background:#2d2d2d}body:not(.light) .modal{background:#1e1e1e}body:not(.light) .modal-title{color:#eee}body:not(.light) .modal-close{color:#666}body:not(.light) .modal-close:hover{color:#eee;background:#2d2d2d}body:not(.light) .form-actions{border-top-color:#2d2d2d}body:not(.light) .stg-theme-option{border-color:#3d3d3d}body:not(.light) .stg-theme-option:hover,body:not(.light) .stg-theme-option.active{background:#1a2a3a;border-color:#2d6a9f}body:not(.light) .stg-scale-btn{background:#242424;border-color:#3d3d3d}body:not(.light) .stg-scale-btn:hover,body:not(.light) .stg-scale-btn.active{background:#1a2a3a;border-color:#2d6a9f}body:not(.light) .stg-scale-label{color:#eee}body:not(.light) .stg-integration-row{background:#242424;border-color:#2d2d2d}body:not(.light) .stg-notif-category-row td{background:#242424;border-top-color:#2d2d2d}body:not(.light) .customer-profile{background:#1a1a1a;border-color:#2d2d2d}body:not(.light) .tank-form-card{background:#242424;border-color:#2d2d2d}body:not(.light) .profile-section-title{color:#777}body:not(.light) .profile-label{color:#666}body:not(.light) .mono{color:#aaa}body:not(.light) .clickable-name{color:#5d9fd4}body:not(.light) .toggle-row{background:#242424;border-color:#2d2d2d}body:not(.light) .toggle-label{color:#ccc}body:not(.light) .date-quick-btn{color:#888;background:#2d2d2d}body:not(.light) .date-quick-btn:hover{color:#eee;background:#3d3d3d}body.light ::-webkit-scrollbar-track{background:#f0f0f0}body.light ::-webkit-scrollbar-thumb{background:#ccc}body:not(.light) .recharts-cartesian-axis-tick text,body:not(.light) .recharts-cartesian-axis-tick-value{fill:#888!important}body:not(.light) .recharts-cartesian-grid line{stroke:#2d2d2d!important}body:not(.light) .recharts-legend-item-text{color:#ccc!important}body:not(.light) .recharts-tooltip-label{color:#eee!important}body:not(.light) .recharts-tooltip-item{color:#ccc!important}body:not(.light) .recharts-default-tooltip{color:#eee!important;background-color:#1e1e1e!important;border-color:#2d2d2d!important}body:not(.light) .dash-section-title{color:#eee}body:not(.light) .dash-link{color:#5d9fd4}body:not(.light) .dash-stat-val{color:#eee}body:not(.light) .dash-stat-lbl{color:#888}body:not(.light) input:not([type=checkbox]):not([type=radio]),body:not(.light) select,body:not(.light) textarea{color:#eee!important;background:#242424!important;border-color:#3d3d3d!important}body:not(.light) input::placeholder,body:not(.light) textarea::placeholder{color:#555!important}body:not(.light) .stg-notif-category-row td{color:#aaa}body:not(.light) .badge-grey{color:#aaa;background:#2d2d2d}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}body{color:#1a1a1a;background:#f4f5f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}