@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#d8e4f0;z-index:2;background:#102a43;flex-direction:column;width:244px;padding:28px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.7px;align-items:center;gap:10px;padding:0 10px 43px;font:800 20px Manrope,sans-serif;display:flex}.brand-mark{background:#2c73d2;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.brand-light{color:#7db7ff}.brand small{letter-spacing:1.5px;color:#8fa8c1;margin-top:4px;font:600 8px DM Sans;display:block}.workspace-label,.eyebrow{letter-spacing:1.35px;color:#8ca3bb;font-size:10px;font-weight:700}.workspace-label{padding:0 12px 12px}.nav-item{color:#adc1d5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;margin-bottom:5px;padding:12px;font-size:13px;display:flex}.nav-item.active{color:#fff;background:#214a70;font-weight:600}.nav-count{color:#dcecff;background:#38618a;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-bottom{border-top:1px solid #2c4966;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 0;font-size:11px;display:flex}.avatar,.top-avatar{color:#24599a;background:#d9e9ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{color:#8fa8c1;margin-top:4px}.sidebar-bottom>svg{margin-left:auto}.main-content{max-width:1800px;margin-left:244px;padding:0 34px 22px}.topbar{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;height:72px;display:flex}.breadcrumb{color:#8a98aa;font-size:12px}.breadcrumb span{color:#c2cbd5;padding:0 10px}.breadcrumb strong{color:#334155}.top-actions{align-items:center;gap:18px;display:flex}.connection{color:#64748b;align-items:center;gap:7px;font-size:11px;display:flex}.connection i{background:#f59e0b;border-radius:50%;width:7px;height:7px}.connection.connected i{background:#22b573}.connection.demo i{background:#64748b}.icon-button{color:#64748b;background:#fff;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:relative}.icon-button b{background:#ed765f;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.top-avatar{width:31px;height:31px;font-size:11px}.page-heading{justify-content:space-between;align-items:center;padding:29px 0 23px;display:flex}.page-heading .eyebrow{color:#6f8cae}.page-heading h1{letter-spacing:-.8px;color:#172b4d;margin:8px 0 5px;font:800 25px Manrope,sans-serif}.page-heading p,.panel-heading p{color:#8290a3;margin:0;font-size:12px}.primary-button{color:#fff;background:#286dcc;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 10px #286dcc20}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-card,.panel{background:#fff;border:1px solid #e8edf3;border-radius:12px;box-shadow:0 2px 8px #203c5b05}.kpi-card{min-width:0;padding:18px 18px 15px}.kpi-top,.kpi-bottom{justify-content:space-between;align-items:center;gap:6px;display:flex}.kpi-top>span:first-child{color:#6d7b8f;font-size:12px;font-weight:600}.kpi-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.kpi-icon.blue{color:#367bd4;background:#eaf3ff}.kpi-icon.violet{color:#8067d7;background:#f0edff}.kpi-icon.green{color:#1d9b67;background:#e5f8ef}.kpi-icon.orange{color:#e58a39;background:#fff1e4}.kpi-value{color:#172b4d;margin:13px 0 12px;font:800 27px Manrope,sans-serif}.kpi-bottom{color:#94a0af;font-size:10px}.trend{color:#e18b48;white-space:nowrap;align-items:center;gap:2px;font-weight:600;display:flex}.trend.up{color:#159a66}.middle-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:16px;margin-top:18px;display:grid}.panel{padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{color:#1e3553;margin:0 0 5px;font:700 15px Manrope,sans-serif}.panel-heading p{font-size:11px}.subtle-button{color:#65758b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.route-visual{background:#f7faff;border-radius:9px;height:220px;margin-top:15px;position:relative;overflow:hidden}.route-grid{opacity:.65;background-image:linear-gradient(#e8eef6 1px,#0000 1px),linear-gradient(90deg,#e8eef6 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.route-visual svg{width:100%;height:100%;position:relative}.route-line{fill:none;stroke-width:3px;stroke-linecap:round}.route-line-blue{stroke:#4a8fe7}.route-line-orange{stroke:#f0a36d;stroke-dasharray:5 6}.route-line-dash{stroke:#9ab7dc;stroke-width:2px;stroke-dasharray:4 5}.route-dot{fill:#367bd4;stroke:#fff;stroke-width:3px}.route-halo{fill:#367bd4;opacity:.12}.route-visual text{fill:#536981;font-size:10px;font-weight:600}.map-note{color:#8090a3;background:#fffe;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex;position:absolute;bottom:8px;right:9px}.route-legend{flex-wrap:wrap;gap:24px;margin-top:14px;display:flex}.route-legend span{color:#8090a3;align-items:center;gap:7px;font-size:10px;display:flex}.route-legend strong{color:#4b5f77}.legend-blue,.legend-orange{background:#4a8fe7;border-radius:50%;width:7px;height:7px}.legend-orange{background:#f0a36d}.alert-count{color:#d86b45;background:#fff0e9;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700}.attention-item{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f5;align-items:center;gap:10px;width:100%;padding:15px 0;display:flex}.attention-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.attention-icon.warning{color:#db8a38;background:#fff4e5}.attention-icon.danger{color:#d75c55;background:#ffedeb}.attention-copy{flex:1;min-width:0}.attention-copy strong,.attention-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.attention-copy strong{color:#394c63;font-size:11px}.attention-copy small{color:#9aa5b3;margin-top:5px;font-size:10px}.attention-chevron{color:#a3afbd;transform:rotate(-90deg)}.text-link{color:#367bd4;background:0 0;border:0;align-items:center;gap:9px;padding:15px 0 0;font-size:11px;font-weight:600;display:flex}.empty-state{color:#8997a8;padding:24px 0;font-size:12px}.shipments-panel{margin-top:18px;padding:20px 0 0;overflow:hidden}.shipment-heading{padding:0 20px 18px}.result-count{color:#8392a4;background:#f5f7fa;border-radius:6px;padding:6px 8px;font-size:10px}.table-tools{background:#fbfcfe;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;align-items:center;gap:9px;padding:13px 20px;display:flex}.search-box{color:#9ba7b5;background:#fff;border:1px solid #e1e7ef;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:350px;padding:0 10px;display:flex}.search-box input{color:#334155;border:0;outline:0;width:100%;min-width:0;height:34px;font-size:11px}.search-box input::placeholder{color:#a2adba}.table-tools select{color:#64748b;background:#fff;border:1px solid #e1e7ef;border-radius:7px;height:36px;padding:0 10px;font-size:11px}.filter-button{height:36px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}thead{background:#fbfcfe}th{text-align:left;color:#9aa6b4;letter-spacing:.65px;padding:12px 14px;font-size:9px;font-weight:700}th:first-child,td:first-child{padding-left:20px}td{color:#63748a;border-top:1px solid #f0f3f7;padding:13px 14px;font-size:11px}.shipment-row{cursor:pointer;transition:background .15s}.shipment-row:hover{background:#f8fbff}.tracking,.recipient{display:block}.tracking{color:#2b4e78;font-size:11px;font-weight:700}.recipient{color:#9aa5b3;margin-top:5px;font-size:10px}.route-cell{color:#697b90;align-items:center;gap:7px;font-size:10px;display:flex}.route-arrow{color:#a7b3c2}.status-badge{border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;font-weight:600;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-badge.in_transit{color:#3478ca;background:#eaf3ff}.status-badge.delivered{color:#218c61;background:#e8f8ef}.status-badge.pending{color:#6f7e91;background:#eef1f5}.status-badge.delayed{color:#ca792a;background:#fff3e4}.status-badge.exception{color:#cb5a55;background:#ffedeb}.priority{font-size:10px;font-weight:600}.priority.standard{color:#8a97a8}.priority.express{color:#7664c9}.priority.urgent{color:#d46e42}.date-cell{color:#64758b;font-size:10px}.row-action{color:#7e90a5;background:#fff;border:1px solid #e5ebf2;border-radius:6px;width:27px;height:27px}.empty-table{text-align:center;color:#93a0af;padding:35px}.table-footer{color:#9aa6b4;border-top:1px solid #edf1f5;justify-content:space-between;padding:13px 20px;font-size:10px;display:flex}.table-footer strong{color:#5f7188}footer{color:#a0aab7;justify-content:space-between;gap:10px;padding:22px 0 5px;font-size:10px;display:flex}footer span{color:#8295ab}.modal-backdrop{z-index:5;background:#102a4377;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail-modal{background:#fff;border-radius:15px;width:min(100%,480px);padding:28px;position:relative;box-shadow:0 20px 70px #102a4333}.modal-close{color:#8795a6;background:0 0;border:0;font-size:27px;position:absolute;top:12px;right:17px}.detail-modal .eyebrow{color:#7290b2}.detail-modal h2{color:#183656;margin:10px 0 4px;font:800 22px Manrope}.modal-recipient{color:#8290a3;margin:0;font-size:12px}.detail-status{align-items:center;gap:12px;margin:18px 0;display:flex}.detail-route{background:#f7faff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.detail-route div{flex-direction:column;gap:7px;display:flex}.detail-route small{letter-spacing:1px;color:#91a0b1;font-size:9px}.detail-route strong{color:#334e6e;font-size:12px}.detail-route>span{color:#6a9cdb}.detail-eta{color:#718298;align-items:center;gap:7px;margin:17px 0 23px;font-size:11px;display:flex}.detail-eta strong{color:#334e6e}.detail-modal h3{color:#314b69;font:700 13px Manrope}.event-row{border-bottom:1px solid #edf1f5;gap:11px;padding:12px 0;display:flex}.event-dot{background:#4389dc;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;box-shadow:0 0 0 4px #eaf3ff}.event-row strong,.event-row small{font-size:11px;display:block}.event-row strong{color:#4b6078}.event-row small{color:#9aa5b3;margin-top:5px}.demo-notice{color:#8998aa;background:#f7f9fc;border-radius:7px;margin-top:18px;padding:10px;font-size:10px}@media (width<=1150px){.sidebar{width:210px}.main-content{margin-left:210px;padding:0 22px 20px}.kpi-grid{gap:10px}.kpi-card{padding:14px}.middle-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.route-cell{gap:4px}.route-cell span{text-overflow:ellipsis;max-width:100px;overflow:hidden}}@media (width<=900px){.sidebar{width:65px;padding:22px 8px}.brand{padding:0 5px 40px}.brand>span:last-child,.workspace-label,.nav-item:not(.active),.nav-item.active{font-size:0}.brand-mark{flex-shrink:0}.nav-item{justify-content:center;padding:13px 0}.nav-count,.sidebar-bottom>div:not(.avatar),.sidebar-bottom>svg{display:none}.sidebar-bottom{justify-content:center;padding:18px 0 0}.main-content{margin-left:65px;padding:0 18px}.middle-grid{grid-template-columns:1fr}.attention-panel{display:block}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.main-content{padding:0 12px}.topbar{height:58px}.connection{font-size:0}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:20px}.page-heading p{max-width:280px;line-height:1.5}.page-heading .primary-button{padding:11px;font-size:0}.page-heading .primary-button svg{width:18px}.kpi-grid{gap:8px}.kpi-card{padding:12px}.kpi-top>span:first-child{font-size:10px}.kpi-icon{width:30px;height:30px}.kpi-value{margin:10px 0;font-size:23px}.kpi-bottom{flex-direction:column;align-items:flex-start;font-size:9px}.middle-grid{gap:12px;margin-top:12px}.panel{padding:15px}.route-visual{height:180px}.table-tools{flex-wrap:wrap;padding:12px}.search-box{flex-basis:100%;max-width:none}.table-tools select{flex:1}.filter-button{font-size:0}.filter-button:after{content:"Limpar";font-size:10px}.shipment-heading{padding:0 15px 14px}.shipments-panel{padding-top:15px}.shipment-heading h2{font-size:14px}.table-footer,footer{flex-direction:column;gap:8px}.table-footer{padding:13px 15px}.route-legend{gap:10px}.route-legend span{font-size:9px}.detail-modal{padding:22px}.detail-route strong{font-size:10px}}