:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f7;--navy: #12344d;--teal: #0f766e;--line: #d8e0e7;--panel: #ffffff;--muted: #667085;--soft: #f7fafc;--danger: #b42318;--warning: #b54708;--success: #027a48}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px;background:var(--navy);color:#fff}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--navy);font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#c7d7e5;font-size:13px}.nav-list{display:grid;gap:8px}.nav-list a{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#dce8f2;text-decoration:none}.nav-list a.active,.nav-list a:hover{background:#ffffff24;color:#fff}.content{padding:18px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:18px}.icon-button,.primary-action,.hero-actions button,.panel-header button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247}.icon-button{width:44px;display:none;place-items:center}.search{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fff}.search input{width:100%;border:0;outline:none;color:#172033}.primary-action{display:inline-flex;align-items:center;gap:8px;padding:0 16px;background:var(--teal);color:#fff;border-color:var(--teal);font-weight:700}.topbar-actions{display:inline-flex;align-items:center;gap:10px;min-width:0}.api-pill{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.api-pill.connected{color:var(--success);background:#ecfdf3;border-color:#abefc6}.api-pill.demo{color:var(--warning);background:#fffaeb;border-color:#fedf89}.hero-panel{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px}.eyebrow{margin:0 0 5px;color:var(--teal);font-weight:800;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,42px);line-height:1.05;overflow-wrap:anywhere}.hero-subtitle{display:block;max-width:680px;margin-top:8px;color:#475467;line-height:1.4}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-actions button,.panel-header button{display:inline-flex;align-items:center;gap:8px;padding:0 14px}.mobile-action-rail{display:none}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0}.metric-card{min-height:118px;display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-card svg{color:var(--teal)}.metric-card span{color:var(--muted);font-size:14px}.metric-card strong{font-size:30px}.platform-grid,.maritime-grid{display:grid;gap:14px;margin-bottom:14px}.platform-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.maritime-grid{grid-template-columns:1fr}.master-file-list,.module-list,.maritime-list{display:grid;gap:12px}.master-file-card,.module-card,.maritime-card{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.master-file-head,.module-card-head,.maritime-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.master-file-head span:first-child,.module-card-head span,.maritime-card-head span:first-child{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.master-file-head h3,.module-card-head h3,.maritime-card-head h3{margin:0;font-size:17px}.module-card-head strong{font-size:28px}.module-tags{display:flex;gap:7px;flex-wrap:wrap}.module-tags span{min-height:26px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:800}.master-file-meta,.maritime-meta{display:flex;gap:10px;flex-wrap:wrap}.master-file-meta span,.maritime-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.master-file-card p,.module-card p,.module-card small,.handoff-box span{margin:0;color:#475467;font-size:13px;line-height:1.35}.module-card small{display:block;padding-top:8px;border-top:1px solid var(--line)}.maritime-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.maritime-route span{color:#344054;font-weight:800;overflow-wrap:anywhere}.maritime-route svg{color:var(--teal)}.handoff-box{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:#ecfdf3;color:#027a48}.client-tracking-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:14px;margin-bottom:14px}.client-list{display:grid;gap:10px}.client-card{width:100%;color:inherit;font:inherit;text-align:left;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.client-card:hover{border-color:#99d6cf;background:#f0fdfa}.client-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.client-card-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.client-card-head h3{margin:0;font-size:17px}.client-card-head strong{font-size:24px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e4e7ec}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.client-kpis{display:flex;gap:8px;flex-wrap:wrap}.client-kpis span{min-height:28px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:800}.process-stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.process-stage-card{min-width:0;min-height:160px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.process-stage-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px}.process-stage-head span,.process-stage-head b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--teal);font-size:12px;font-weight:800}.process-stage-head strong{font-size:13px}.stage-case-list{display:grid;gap:8px}.stage-case{width:100%;color:inherit;font:inherit;text-align:left;display:grid;gap:5px;padding:10px;border:1px solid transparent;border-radius:8px;background:#fff}.stage-case:hover,.stage-case.selected{border-color:#99d6cf;background:#ecfdf3}.stage-case strong,.stage-case small,.stage-case em{display:block}.case-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;margin-bottom:14px}.case-overview-panel{grid-row:span 2}.panel-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:13px;font-weight:700}.case-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.case-overview div,.case-action-box,.case-route-box{min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.case-overview span,.case-action-box span,.case-progress span{display:block;margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.case-overview strong,.case-action-box strong{display:block;overflow-wrap:anywhere}.case-progress{display:grid;gap:8px;margin-bottom:14px}.case-progress strong{display:block;font-size:20px}.case-action-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;margin-bottom:14px}.case-route-box{display:grid;gap:8px}.case-route-box span{display:inline-flex;align-items:center;gap:7px;color:#475467;font-size:13px}.timeline-list{position:relative;display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0}.timeline-marker{width:12px;height:12px;margin-top:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #dff3f0}.timeline-item h3{margin:0 0 5px;font-size:16px}.timeline-item p,.notification-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.timeline-meta,.notification-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.timeline-meta span,.notification-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.notification-list,.document-list{display:grid;gap:10px}.notification-card{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.notification-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.notification-head strong{color:var(--teal);font-size:13px}.notification-status{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;color:#475467;background:#eaecf0;font-size:12px;font-weight:800}.notification-status.enviado,.notification-status.leido{color:var(--success);background:#dcfae6}.notification-status.en-cola,.notification-status.programado{color:var(--warning);background:#fef0c7}.compose-notification{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--teal);border-radius:8px;background:#ecfdf3;color:var(--teal);font-weight:800}.document-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:10px 0;border-bottom:1px solid var(--line)}.document-row:last-child{border-bottom:0}.document-row svg{color:var(--teal)}.document-row strong,.document-row span{display:block}.document-row span{margin-top:3px;color:var(--muted);font-size:12px}.document-row b{max-width:110px;text-align:right;color:#344054;font-size:12px;overflow-wrap:anywhere}.stage-case small,.stage-case em{color:var(--muted);font-size:12px;font-style:normal}.stage-case p{margin:0;color:#344054;font-size:12px;line-height:1.3}.statistics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.stats-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.stats-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.stats-heading h2{margin:0;font-size:18px}.stats-panel.commercial .stats-heading svg{color:#047857}.stats-panel.operational .stats-heading svg{color:#2563eb}.stats-panel.risk .stats-heading svg{color:var(--danger)}.stats-list{display:grid;gap:10px}.stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:54px;padding:10px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:0}.stat-row span,.stat-row small{display:block}.stat-row span{font-weight:800}.stat-row small{margin-top:3px;color:var(--muted);font-size:12px}.stat-row strong{max-width:150px;color:#101828;font-size:17px;text-align:right;overflow-wrap:anywhere}.products-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}.product-source{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#ecfdf3;color:#027a48}.product-source span{color:#475467;font-size:13px;text-align:right}.product-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-class-card{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.product-class-head{display:flex;justify-content:space-between;gap:10px}.product-class-head span{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.product-class-head h3{margin:0;font-size:17px}.product-class-head strong{font-size:28px}.product-tax-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.product-tax-profile span{min-height:28px;display:inline-flex;align-items:center;padding:3px 8px;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:800}.product-class-card p,.quality-card p{margin:0;color:#475467;font-size:13px;line-height:1.35}.sac-list,.quality-list{display:grid;gap:10px}.sac-list{margin-bottom:14px}.sac-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:54px;padding:10px 0;border-bottom:1px solid var(--line)}.sac-row:last-child{border-bottom:0}.sac-row strong,.sac-row span{display:block}.sac-row span{margin-top:3px;color:var(--muted);font-size:12px}.sac-row b{font-size:20px}.quality-card{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffbf5}.quality-severity{width:fit-content;min-height:22px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.quality-severity.alto{color:var(--danger);background:#fee4e2}.quality-severity.medio{color:var(--warning);background:#fef0c7}.route-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}.customs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customs-card,.route-event{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.customs-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.customs-card-head span:first-child{display:block;margin-bottom:4px;color:var(--teal);font-size:12px;font-weight:800;text-transform:uppercase}.customs-card h3,.route-event h3{margin:0;font-size:16px}.customs-meta,.route-event div{display:grid;gap:7px;margin-top:10px}.customs-meta span,.route-event div span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.customs-card p{margin:10px 0;color:#475467;font-size:13px;line-height:1.35}.issue-tags{display:flex;gap:7px;flex-wrap:wrap}.issue-tags span{min-height:24px;display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#eef4ff;color:#3538cd;font-size:12px;font-weight:800}.route-event-list{display:grid;gap:10px}.work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:14px}.panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff}.panel.wide{grid-row:span 2}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-header h2{margin:0;font-size:19px}.shipment-list{display:grid;gap:12px}.shipment-card{display:grid;grid-template-columns:minmax(200px,1fr) minmax(170px,.7fr) minmax(210px,.9fr) minmax(220px,.9fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.shipment-main h3{margin:6px 0 4px;font-size:17px}.shipment-main p,.shipment-meta span,.shipment-flow span{color:var(--muted);font-size:14px}.shipment-meta,.shipment-flow,.shipment-actions{display:grid;gap:7px;min-width:0}.shipment-flow span,.shipment-actions span,.task-meta span{display:inline-flex;gap:7px;align-items:center}.shipment-actions strong{font-size:13px;line-height:1.25}.shipment-actions div{display:flex;gap:8px;flex-wrap:wrap}.shipment-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247;font-weight:700}.risk{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.risk.alto{color:var(--danger);background:#fee4e2}.risk.medio{color:var(--warning);background:#fef0c7}.risk.bajo{color:var(--success);background:#dcfae6}.location-stack,.alert-stack{display:grid;gap:10px}.location-row{min-height:46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.location-row:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%}.dot.blue{background:#2563eb}.dot.amber{background:#f59e0b}.dot.green{background:#16a34a}.dot.gray{background:#667085}.dot.violet{background:#7c3aed}.wip{cursor:not-allowed;opacity:.85}.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:#08142173}.alert-card{display:grid;gap:4px;padding:12px;border-radius:8px;border:1px solid var(--line)}.alert-card span{color:var(--muted);font-size:14px}.alert-card.danger{background:#fff4f2;border-color:#fecdca}.alert-card.warning{background:#fffaeb;border-color:#fedf89}.alert-card.success{background:#f0fdf4;border-color:#bbf7d0}.people-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-top:14px}.team-list,.task-list{display:grid;gap:10px}.team-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dff3f0;color:var(--teal);font-weight:800}.team-card h3,.task-card h3{margin:0 0 3px;font-size:16px}.team-card span,.team-card small,.task-card span{color:var(--muted);font-size:13px}.team-status{display:grid;gap:5px;justify-items:end;text-align:right}.status-pill,.task-status{display:inline-flex;width:fit-content;min-height:24px;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.status-pill.en-campo,.task-status.en-proceso{color:#175cd3;background:#dbeafe}.status-pill.disponible,.task-status.completa{color:var(--success);background:#dcfae6}.status-pill.revision,.task-status.validar{color:var(--warning);background:#fef0c7}.status-pill.fuera,.task-status.pendiente{color:#475467;background:#eaecf0}.task-card{position:relative;display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.task-id{display:block;margin-bottom:4px;color:var(--teal);font-weight:800;text-transform:uppercase}.task-meta{display:flex;gap:12px;flex-wrap:wrap}.task-status{position:absolute;top:12px;right:12px}@media(max-width:1060px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block;position:fixed;top:0;left:0;bottom:0;width:min(280px,82vw);height:100vh;z-index:40;overflow-y:auto;box-shadow:0 0 40px #00000059}.icon-button{display:grid}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid,.platform-grid,.maritime-grid,.client-tracking-grid,.case-detail-grid,.statistics-grid,.products-grid,.route-grid,.people-grid,.product-class-grid,.customs-grid{grid-template-columns:1fr}.process-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-card{grid-template-columns:minmax(220px,1fr) minmax(190px,.8fr)}}@media(max-width:720px){.content{padding:12px}.topbar{grid-template-columns:auto auto;justify-content:space-between}.topbar-actions{justify-self:end}.api-pill{display:none}.search{grid-column:1 / -1;grid-row:2}.primary-action span{display:none}.primary-action{width:52px;padding:0;justify-content:center;justify-self:end}.hero-panel{align-items:flex-start;flex-direction:column;padding:18px}.hero-actions{width:100%;flex-direction:column}.hero-actions button{width:100%;flex:0 0 auto;justify-content:center;min-width:0}.mobile-action-rail{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:8px;border:1px solid var(--line);border-radius:8px;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-action-rail button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#243247;font-weight:800;font-size:13px}.metrics-grid,.process-stage-strip,.maritime-route{grid-template-columns:1fr}.maritime-route svg{transform:rotate(90deg)}.case-overview,.case-action-box{grid-template-columns:1fr}.document-row{grid-template-columns:auto minmax(0,1fr)}.document-row b{grid-column:2;max-width:none;text-align:left}.product-source{display:grid;align-items:start}.product-source span{text-align:left}.metric-card{min-height:90px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden}.metric-card span{overflow-wrap:anywhere}.shipment-card{grid-template-columns:1fr}.shipment-actions div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shipment-actions button{min-height:42px}.team-card{grid-template-columns:auto minmax(0,1fr)}.team-status{grid-column:1 / -1;justify-items:start;text-align:left}.task-card{padding-top:44px}}