.layout{height:100%;display:flex;overflow:hidden}.sidebar{background:#13131f;border-right:1px solid #1e1e2d;flex-direction:column;flex-shrink:0;width:230px;transition:width .2s;display:flex}.layout.collapsed .sidebar{width:58px}.sidebar-logo{border-bottom:1px solid #1e1e2d;justify-content:space-between;align-items:center;min-height:72px;padding:14px 16px;display:flex}.logo-image-wrap{flex:1;align-items:center;min-width:0;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:#5c5c78;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:#c8c8e0}.sidebar-nav{flex:1;padding:10px 0;overflow:hidden auto}.nav-item{color:#8888a0;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:#e2e8f0;background:#1a1a28}.nav-item.active{color:#3b82f6;background:#1e1e2d;border-left-color:#3b82f6}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.nav-label{font-size:13px}.sidebar-footer{border-top:1px solid #1e1e2d;padding:14px 16px}.user-info{flex-direction:column;gap:8px;display:flex}.user-email{color:#5c5c78;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-btn{color:#8888a0;cursor:pointer;text-align:left;background:#1e1e2d;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:background .15s,color .15s}.logout-btn:hover{color:#e2e8f0;background:#2a2a3a}.main-content{background:#edf2f7;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:#13131f;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:#13131f;background:#edf2f7}body.light .layout{background:#edf2f7}body.light .sidebar{background:#13131f;border-right:1px solid #1e1e2d}body.light .sidebar-logo{border-bottom:1px solid #1e1e2d}body.light .logo-full,body.light .logo-short{color:#fff}body.light .collapse-btn{color:#5c5c78}body.light .collapse-btn:hover{color:#c8c8e0}body.light .nav-item{color:#8888a0;border-left-color:#0000}body.light .nav-item:hover{color:#e2e8f0;background:#1a1a28}body.light .nav-item.active{color:#3b82f6;background:#1e1e2d;border-left-color:#3b82f6}body.light .sidebar-footer{border-top:1px solid #1e1e2d}body.light .tenant-name{color:#fff}body.light .user-email{color:#5c5c78}body.light .logout-btn{color:#8888a0;background:#1e1e2d}body.light .logout-btn:hover{color:#e2e8f0;background:#2a2a3a}body.light .main-content{background:#edf2f7}body.light .page-title{color:#13131f}body.light .page-subtitle{color:#888}.theme-toggle{cursor:pointer;background:#1e1e2d;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:#2a2a3a}body.light .theme-toggle{background:#1e1e2d}body.light .theme-toggle:hover{background:#2a2a3a}.theme-toggle-label{color:#8888a0;white-space:nowrap;font-family:inherit;font-size:11px;font-weight:600}body.light .theme-toggle-label{color:#8888a0}.theme-toggle-track{background:#2a2a3a;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.theme-toggle-track.on{background:#3b82f6}.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:#0d0d14}body:not(.light) .main-content{background:#0d0d14}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:#1a1a28;border-color:#1e1e2d}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:#1e1e2d}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:#1e1e2d}body:not(.light) .data-table th{color:#888;background:#18181f;border-bottom-color:#1e1e2d}body:not(.light) .data-table td{color:#eee;border-bottom-color:#1e1e2d}body:not(.light) .data-table tr:hover td{background:#1a1a28}body:not(.light) .data-table tfoot td{color:#999;background:#1a1a28;border-top-color:#1e1e2d}body:not(.light) .search-row th{background:#18181f;border-bottom-color:#1e1e2d}body:not(.light) .rpt-tabs,body:not(.light) .stg-tabs{border-bottom-color:#1e1e2d}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:#1a1a28;border-color:#1e1e2d}body:not(.light) .rpt-range-btn{color:#777}body:not(.light) .rpt-range-btn:hover{color:#eee;background:#2a2a3a}body:not(.light) .rpt-range-btn.active{color:#60a5fa;background:#1a1a28}body:not(.light) .dash-filter-chip{color:#888;background:#1a1a28;border-color:#1e1e2d}body:not(.light) .dash-filter-chip:hover{color:#eee;background:#2a2a3a}body:not(.light) .dash-filter-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6}body:not(.light) .dash-range-btn{color:#888;background:#1a1a28;border-color:#1e1e2d}body:not(.light) .dash-range-btn:hover{color:#eee;background:#2a2a3a}body:not(.light) .dash-range-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}body:not(.light) .filter-tab{color:#888;background:#1a1a28}body:not(.light) .filter-tab:hover{color:#eee;background:#2a2a3a}body:not(.light) .filter-tab.active{color:#fff;background:#3b82f6}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:#18181f;border-color:#2a2a3a}body:not(.light) .form-group label{color:#888}body:not(.light) .form-section-label{color:#888;border-top-color:#1e1e2d}body:not(.light) .dash-clock{color:#888;background:#1a1a28;border-color:#1e1e2d}body:not(.light) .dash-driver-list{border-left-color:#1e1e2d}body:not(.light) .dash-driver-row{border-bottom-color:#18181f}body:not(.light) .dash-driver-row:hover{background:#18181f}body:not(.light) .dash-driver-row.active{background:#1a1a2e;border-left-color:#3b82f6}body:not(.light) .dash-driver-drawer{background:#1a1a28;border-color:#1e1e2d}body:not(.light) .dash-drawer-header,body:not(.light) .dash-drawer-section{border-bottom-color:#1e1e2d}body:not(.light) .dash-stat-cell{background:#18181f}body:not(.light) .alert-critical{background:#2a1a1a}body:not(.light) .alert-warning{background:#2a2010}body:not(.light) .alert-info{background:#111a2e}body:not(.light) .chart-tooltip{background:#1a1a28;border-color:#1e1e2d}body:not(.light) .chart-tooltip-label{color:#eee;border-bottom-color:#1e1e2d}body:not(.light) .chart-tooltip-row{color:#aaa}body:not(.light) .btn-secondary{color:#ccc;background:#1e1e2d}body:not(.light) .btn-secondary:hover{background:#2a2a3a}body:not(.light) .btn-edit{color:#60a5fa;background:#111a2e;border-color:#1e3a6e}body:not(.light) .btn-edit:hover{background:#172240}body:not(.light) .expand-btn{color:#666}body:not(.light) .expand-btn:hover{color:#eee;background:#1e1e2d}body:not(.light) .modal{background:#1a1a28}body:not(.light) .modal-title{color:#eee}body:not(.light) .modal-close{color:#666}body:not(.light) .modal-close:hover{color:#eee;background:#1e1e2d}body:not(.light) .form-actions{border-top-color:#1e1e2d}body:not(.light) .stg-theme-option{border-color:#2a2a3a}body:not(.light) .stg-theme-option:hover,body:not(.light) .stg-theme-option.active{background:#111a2e;border-color:#3b82f6}body:not(.light) .stg-scale-btn{background:#18181f;border-color:#2a2a3a}body:not(.light) .stg-scale-btn:hover,body:not(.light) .stg-scale-btn.active{background:#111a2e;border-color:#3b82f6}body:not(.light) .stg-scale-label{color:#eee}body:not(.light) .stg-integration-row{background:#18181f;border-color:#1e1e2d}body:not(.light) .stg-notif-category-row td{background:#18181f;border-top-color:#1e1e2d}body:not(.light) .customer-profile{background:#13131f;border-color:#1e1e2d}body:not(.light) .tank-form-card{background:#18181f;border-color:#1e1e2d}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:#60a5fa}body:not(.light) .toggle-row{background:#18181f;border-color:#1e1e2d}body:not(.light) .toggle-label{color:#ccc}body:not(.light) .date-quick-btn{color:#888;background:#1e1e2d}body:not(.light) .date-quick-btn:hover{color:#eee;background:#2a2a3a}body.light ::-webkit-scrollbar-track{background:#f0f2f5}body.light ::-webkit-scrollbar-thumb{background:#cbd5e1}body:not(.light) ::-webkit-scrollbar-track{background:#13131f}body:not(.light) ::-webkit-scrollbar-thumb{background:#2a2a3a}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:#1e1e2d!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:#1a1a28!important;border-color:#1e1e2d!important}body:not(.light) .dash-section-title{color:#eee}body:not(.light) .dash-link{color:#60a5fa}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:#18181f!important;border-color:#2a2a3a!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:#1e1e2d}body:not(.light) .rpt-search-input{color:#eee;background:#18181f;border-color:#2a2a3a}body:not(.light) .rpt-search-input::placeholder{color:#555}body:not(.light) .rpt-search-input:focus{border-color:#3b82f6}*{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:#edf2f7;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}