*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f1923;font-family:Inter,sans-serif}.app{min-height:100vh}.header{z-index:50;background:#1a2e44;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;display:flex}.burger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:22px}.burger:hover{background:#ffffff1a}.header h1{color:#fff;font-size:17px;font-weight:600}.header .subtitle{color:#ffffffb3;font-size:11px}.logo-icon{color:#e67e22;font-size:20px}.logo-svg{flex-shrink:0}.header-right{align-items:center;gap:14px;display:flex}.header-search{flex:1;max-width:400px;margin:0 24px}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#fff9;pointer-events:none;position:absolute;left:12px}.global-search{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;width:100%;padding:9px 14px 9px 36px;font-size:13px}.global-search::placeholder{color:#ffffff80}.global-search:focus{background:#ffffff26;border-color:#fff6;outline:none}.last-updated{color:#ffffffb3;font-size:11px}.icon-btn{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-btn:hover{color:#fff;background:#ffffff1a}.amazon-logo{flex-shrink:0}.amazon-brand{flex-direction:column;align-items:center;line-height:1;display:flex}.refresh-btn{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:5px;padding:6px 14px;font-size:12px;font-weight:500}.refresh-btn:hover{background:#cf6d17}.sidebar-overlay{z-index:90;background:#0000004d;position:fixed;inset:0}.sidebar{z-index:100;background:#1a2e44;border-right:1px solid #0f1d2e;width:260px;height:100vh;padding-top:70px;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar.open{left:0}.nav-item{color:#ffffffb3;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:14px 24px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item[data-active=true]{color:#f90;background:#ffffff1a;border-left-color:#f90}.tabs{background:#1a2736;border-bottom:1px solid #2d3f52;gap:0;padding:0 24px;display:flex;overflow-x:auto}.tab{color:#94a3b8;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px;font-weight:500}.tab:hover{color:#e2e8f0}.tab.active{color:#f59e0b;border-bottom-color:#f59e0b;font-weight:600}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:20px 24px;display:grid}.kpi-card{background:#1a2736;border:1px solid #2d3f52;border-left-width:4px;border-radius:8px;padding:18px;position:relative;overflow:hidden}.kpi-card:after{content:"";background:#2d3f52;height:3px;position:absolute;bottom:0;left:0;right:0}.kpi-card.red{border-left-color:#dc3545}.kpi-card.red:after{background:linear-gradient(90deg, #dc3545 var(--progress,30%), #2d3f52 0)}.kpi-card.amber{border-left-color:#e67e22}.kpi-card.amber:after{background:linear-gradient(90deg, #e67e22 var(--progress,30%), #2d3f52 0)}.kpi-card.green{border-left-color:#28a745}.kpi-card.green:after{background:linear-gradient(90deg, #28a745 var(--progress,60%), #2d3f52 0)}.kpi-card.blue{border-left-color:#6c757d}.kpi-card.blue:after{background:linear-gradient(90deg, #6c757d var(--progress,100%), #2d3f52 0)}.kpi-card.purple{border-left-color:#6c757d}.kpi-card.purple:after{background:linear-gradient(90deg, #6c757d var(--progress,50%), #2d3f52 0)}.kpi-top{justify-content:space-between;align-items:flex-start;display:flex}.kpi-icon{opacity:.8;font-size:28px}.kpi-value{color:#f1f5f9;margin-top:8px;font-size:30px;font-weight:700}.kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:500}.kpi-sub{color:#64748b;margin-top:6px;font-size:10px}.filters{flex-wrap:wrap;gap:10px;padding:0 24px 14px;display:flex}.filter-input{color:#e2e8f0;background:#1a2736;border:1px solid #2d3f52;border-radius:5px;padding:7px 12px;font-size:12px}.filter-input:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 2px #4a90d91a}.table-card{background:#1a2736;border:1px solid #2d3f52;border-radius:6px}.table-title{color:#f1f5f9;border-bottom:1px solid #2d3f52;justify-content:space-between;padding:14px 16px;font-size:14px;font-weight:600;display:flex;position:sticky;left:0}.table-count{color:#94a3b8;font-size:12px;font-weight:400}table{border-collapse:collapse;color:#e2e8f0;width:100%;font-size:12px}thead{background:#0f1923}th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #2d3f52;padding:10px 12px;font-size:10px;font-weight:600}td{vertical-align:top;border-bottom:1px solid #2d3f52;padding:10px 12px}tbody tr:nth-child(2n){background:#1e2d3d}tbody tr:hover{background:#263347}tbody tr.row-urgent{background:#2d1515;border-left:3px solid #dc3545}tbody tr.row-urgent:hover{background:#3d1f1f}tbody tr.row-warning{background:#2d2515;border-left:3px solid #e67e22}tbody tr.row-warning:hover{background:#3d3020}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-canceled{color:#fca5a5;background:#450a0a}.badge-delayed{color:#fdba74;background:#451a03}.badge-ontime{color:#86efac;background:#052e16}.badge-contacted{color:#7dd3fc;background:#1e3a5f}.badge-resolved{color:#86efac;background:#052e16}.badge-critical{color:#fca5a5;background:#450a0a;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.flight-no{color:#f59e0b;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.delay-critical{color:#f87171;font-weight:700}.delay-warning{color:#fbbf24;font-weight:600}.email-btn{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:500;transition:background .2s}.email-btn:hover{background:#d35400}.resolve-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:4px;padding:5px 12px;font-size:11px}.resolve-btn:hover{background:#1e7e34}.no-email{color:#64748b;font-size:10px}.comingle-tag{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.notoc-yes{color:#f87171;font-weight:700}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#e2e8f0;background:#1a2736;border:1px solid #2d3f52;border-radius:8px;width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 30px #0006}.modal-header{border-bottom:1px solid #2d3f52;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-header h3{color:#f1f5f9;font-size:16px;font-weight:600}.modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:20px}.modal-close:hover{color:#f1f5f9}.modal-body{padding:18px 20px}.form-group{margin-bottom:14px}.form-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.form-value{color:#e2e8f0;background:#0f1923;border:1px solid #2d3f52;border-radius:5px;padding:8px 12px;font-size:12px}.form-select{color:#e2e8f0;background:#1a2736;border:1px solid #2d3f52;border-radius:5px;width:100%;padding:8px 12px;font-size:12px}.form-select:focus{border-color:#4a90d9;outline:none}.form-textarea{resize:vertical;color:#e2e8f0;background:#0f1923;border:1px solid #2d3f52;border-radius:5px;width:100%;height:50px;padding:8px 12px;font-family:inherit;font-size:12px}.form-textarea:focus{border-color:#4a90d9;outline:none}.modal-footer{border-top:1px solid #2d3f52;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.btn-send{color:#fff;cursor:pointer;background:#e67e22;border:none;border-radius:5px;padding:8px 18px;font-size:12px;font-weight:600}.btn-send:hover{background:#d35400}.btn-cancel{color:#94a3b8;cursor:pointer;background:#2d3f52;border:none;border-radius:5px;padding:8px 18px;font-size:12px}.btn-cancel:hover{background:#3d4f62}.btn-resolve{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:5px;padding:8px 18px;font-size:12px;font-weight:600}.btn-resolve:hover{background:#1e7e34}.action-badge{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.action-hazmat,.action-required{color:#fca5a5;background:#450a0a}.action-urgent{color:#fdba74;background:#451a03}.action-monitor{color:#fde047;background:#422006}.action-contacted{color:#86efac;background:#052e16}.action-resolved{color:#94a3b8;background:#1e293b}.filter-btn{cursor:pointer;color:#94a3b8;background:#1a2736;border:1px solid #2d3f52;border-radius:4px;padding:6px 14px;font-size:12px}.filter-btn.active{color:#fff;background:#e67e22;border-color:#e67e22}.filter-btn.export{color:#86efac;background:#052e16;border-color:#28a745}.filter-btn:hover{opacity:.8}.contract-badge{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600}.contract-bsa{color:#7dd3fc;background:#1e3a5f}.contract-acmi{color:#c4b5fd;background:#3b0764}.contract-charter{color:#fdba74;background:#451a03}.contract-spot{color:#94a3b8;background:#1e293b;border:1px solid #475569}.status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:10px;font-weight:600}.status-contacted{color:#86efac;background:#052e16}.status-inprogress{color:#fde047;background:#422006}.status-pending{color:#94a3b8;background:#1e293b;border:1px solid #475569}.priority-badge{white-space:nowrap;background:#1e293b;border:1px solid #334155;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}.priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.priority-critical{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.priority-high{color:#fdba74;background:#451a03;border-color:#78350f}.priority-medium{color:#fde047;background:#422006;border-color:#713f12}.priority-resolved{color:#86efac;background:#052e16;border-color:#14532d}.dark-theme tbody tr[style]{background:#1a2736!important}.dark-theme tbody tr[style]:hover{background:#263347!important}.dark-theme td[style*=background]{background:#0f1923!important}.dark-theme table table{background:#1a2736!important;border-color:#2d3f52!important}.dark-theme table table thead tr{background:#0f1923!important}.table-wrap{max-height:74vh;padding:0 24px 24px;overflow:auto}.table-wrap::-webkit-scrollbar{width:12px;height:12px}.table-wrap::-webkit-scrollbar-track{background:#0f1923}.table-wrap::-webkit-scrollbar-thumb{background:#3d4f62;border:2px solid #0f1923;border-radius:6px}.table-wrap::-webkit-scrollbar-thumb:hover{background:#4d5f72}.table-card{min-width:1200px;overflow:visible}.table-wrap table{min-width:1200px}thead th{z-index:3;background:#0f1923;position:sticky;top:0}.dark-theme table table{min-width:1500px}