:root{--brand: #E5322E;--brand-600: #c0261f;--brand-050: #fdeeec;--navy: #17284D;--navy-600: #0f1c38;--coral: #F7A8A0;--bg: #eef1f6;--bg-2: #f5f6f8;--card: #ffffff;--line: #e3e8f0;--line-2: #eef1f6;--ink: #26374d;--ink-2: #3d5169;--txt: #1c2733;--muted: #75839a;--ok: #1faa59;--ok-bg: #e6f6ec;--ok-bd: #bfe6cd;--ok-ink: #157a3f;--warn: #e8a13a;--warn-bg: #fdf3e2;--warn-bd: #f0dfa3;--warn-ink: #8a5a0a;--err: #e23b4e;--err-bg: #fdeaec;--err-bd: #f5c6cb;--err-ink: #b21e32;--info: #17284D;--info-bg: #eef2fb;--info-bd: #d3ddf3;--best: #0d7d4d;--best-bg: #e3f6ec;--shadow: 0 12px 34px rgba(31, 45, 70, .16);--shadow-2: 0 4px 14px rgba(31, 45, 70, .1);--shadow-sm: 0 2px 8px rgba(31, 45, 70, .07);--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 20px;--topbar-h: 60px;--rolebar-h: 60px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{margin:0;color:var(--ink)}::selection{background:var(--brand);color:#fff}.brand-mark{width:34px;height:34px;border-radius:9px;flex:none;background:var(--brand);display:grid;place-items:center;box-shadow:0 3px 10px #e5322e4d}.brand-mark svg{width:20px;height:20px}.brand-mark.sm{width:26px;height:26px;border-radius:7px}.brand-mark.sm svg{width:15px;height:15px}.brand-mark.lg{width:56px;height:56px;border-radius:16px}.brand-mark.lg svg{width:32px;height:32px}.wordmark{font-weight:800;font-size:19px;letter-spacing:-.4px;color:var(--ink)}.wordmark .dim{color:var(--muted);font-weight:600}.proto-chip{font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#fff;background:var(--brand);padding:4px 10px;border-radius:999px;white-space:nowrap}.proto-chip.ghost{background:#ffffff29;color:#fff}.app-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.topbar .spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border-radius:999px}.user-chip .who{line-height:1.15}.user-chip .who .nm{font-size:12.5px;font-weight:700;color:var(--ink)}.user-chip .who .rl{font-size:10.5px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand-600))}.avatar.navy{background:linear-gradient(120deg,#29406e,var(--navy))}.avatar.xs{width:22px;height:22px;font-size:9px}.bell{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:17px;color:var(--ink-2)}.bell:hover{background:var(--bg)}.bell .dot{position:absolute;top:6px;right:7px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}.notif-panel{position:absolute;top:46px;right:0;width:min(340px,88vw);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:60}.notif-panel .hd{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800;font-size:13px;display:flex;align-items:center;gap:8px}.notif-list{max-height:340px;overflow:auto}.notif-item{display:flex;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line-2);cursor:pointer}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:#fff8f7}.notif-item .ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;font-size:15px;background:var(--bg)}.notif-item .tx{font-size:12.5px;color:var(--ink-2);line-height:1.4}.notif-item .tx b{color:var(--ink)}.notif-item .tm{font-size:10.5px;color:var(--muted);margin-top:2px}.rolebar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:var(--topbar-h);z-index:30}.rolebar-inner{max-width:1240px;margin:0 auto;display:flex;gap:4px;padding:8px 14px;overflow-x:auto}.role-tab{display:flex;align-items:center;gap:9px;padding:8px 13px;border-radius:10px;border:none;background:none;cursor:pointer;color:var(--ink-2);font-weight:700;font-size:13px;white-space:nowrap;position:relative;transition:.13s}.role-tab .ic{font-size:16px}.role-tab .r{font-size:10px;font-weight:600;opacity:.7;display:block}.role-tab:hover{background:var(--bg)}.role-tab.on{background:var(--navy);color:#fff}.role-tab.on .r{opacity:.85}.role-tab .nb{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:800;display:grid;place-items:center}.role-tab.on .nb{background:#fff;color:var(--brand)}.role-select-wrap{display:none;padding:8px 14px;align-items:center;gap:10px}.role-select{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 12px;font-size:14px;font-weight:700;color:var(--ink);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%2375839a' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center}.content{flex:1;width:100%}.page{max-width:1240px;margin:0 auto;padding:22px 20px 48px}.page.narrow{max-width:760px}.view-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px;flex-wrap:wrap}.view-head .eyebrow{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--brand)}.view-head h1{font-size:22px;margin-top:3px}.view-head .lead{color:var(--muted);font-size:13px;margin-top:4px;max-width:62ch;line-height:1.5}.view-head .ha{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:13.5px;border-radius:11px;padding:10px 16px;transition:.13s;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.brand{background:var(--brand);color:#fff;box-shadow:0 6px 16px #e5322e42}.btn.brand:hover:not(:disabled){background:var(--brand-600)}.btn.navy{background:var(--navy);color:#fff;box-shadow:0 6px 16px #17284d42}.btn.navy:hover:not(:disabled){background:var(--navy-600)}.btn.outline{background:#fff;border-color:var(--brand);color:var(--brand)}.btn.outline:hover:not(:disabled){background:var(--brand);color:#fff}.btn.outline-navy{background:#fff;border-color:var(--line);color:var(--ink)}.btn.outline-navy:hover:not(:disabled){border-color:var(--navy)}.btn.ghost{background:var(--bg);color:var(--ink-2)}.btn.ghost:hover:not(:disabled){background:#e6eaf2}.btn.danger{background:#fff;border-color:var(--err-bd);color:var(--err)}.btn.danger:hover:not(:disabled){background:var(--err);color:#fff}.btn.block{width:100%}.btn.sm{padding:6px 11px;font-size:12px;border-radius:9px}.btn.lg{padding:13px 20px;font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.card.pad{padding:16px}.card.tap{cursor:pointer;transition:.14s}.card.tap:hover{border-color:var(--brand);box-shadow:var(--shadow-2);transform:translateY(-1px)}.card.hot{border-color:var(--brand);box-shadow:0 0 0 3px #e5322e24}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.panel+.panel{margin-top:16px}.panel-hd{padding:13px 16px;border-bottom:1px solid var(--line);font-weight:800;color:var(--ink);font-size:14px;display:flex;align-items:center;gap:10px}.panel-hd .r{margin-left:auto;display:flex;gap:8px;align-items:center}.panel-bd{padding:16px}.grid{display:grid;gap:16px}.grid.k2{grid-template-columns:repeat(2,1fr)}.grid.k3{grid-template-columns:repeat(3,1fr)}.grid.k4{grid-template-columns:repeat(4,1fr)}.grid-charts{grid-template-columns:1.5fr 1fr}.grid-transporte{grid-template-columns:minmax(0,1fr) 340px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-2);position:relative;overflow:hidden}.kpi .top{display:flex;align-items:flex-start;margin-bottom:12px}.kpi .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:18px;background:var(--bg);color:var(--ink)}.kpi .badge{margin-left:auto;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.kpi .badge.up,.kpi .badge.down{background:var(--ok-bg);color:var(--ok-ink)}.kpi .badge.warn{background:var(--warn-bg);color:var(--warn-ink)}.kpi .badge.err{background:var(--err-bg);color:var(--err-ink)}.kpi .v{font-size:26px;font-weight:800;color:var(--ink);line-height:1}.kpi .v small{font-size:15px;color:var(--muted);font-weight:700}.kpi .l{font-size:11.5px;color:var(--muted);margin-top:6px}.kpi.accent-err{border-left:3px solid var(--err)}.kpi.accent-warn{border-left:3px solid var(--warn)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok-ink)}.pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.pill.err{background:var(--err-bg);color:var(--err-ink)}.pill.info{background:var(--info-bg);color:var(--info)}.pill.brand{background:var(--brand-050);color:var(--brand)}.pill.mut{background:var(--bg);color:var(--muted)}.pill.best{background:var(--best-bg);color:var(--best)}.pill .d{width:7px;height:7px;border-radius:50%;background:currentColor}.tag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:6px;white-space:nowrap}.tag.ok{background:var(--ok-bg);color:var(--ok-ink)}.tag.warn{background:var(--warn-bg);color:var(--warn-ink)}.tag.err{background:var(--err-bg);color:var(--err-ink)}.tag.info{background:var(--info-bg);color:var(--info)}.tag.mut{background:var(--bg);color:var(--muted)}.tag.brand{background:var(--brand-050);color:var(--brand)}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.status-dot.warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}.status-dot.err{background:var(--err);box-shadow:0 0 0 3px var(--err-bg)}.table-wrap{width:100%;overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;color:var(--muted);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;padding:11px 14px;background:#fafbfd;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:11px 14px;border-top:1px solid var(--line);color:var(--ink-2)}.tbl tbody tr:hover td{background:#fafcff}.tbl tr.active td{background:var(--brand-050)}.tbl .mono{font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:11.5px}.tbl .strong{font-weight:800;color:var(--ink)}.cell-user{display:inline-flex;align-items:center;gap:7px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:6px}.field .req{color:var(--err);font-weight:800}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--ink);transition:.13s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #e5322e1f}.search-input{position:relative}.search-input input{padding-left:36px}.search-input:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.55}.radios{display:flex;gap:16px;flex-wrap:wrap}.radios label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}.timeline{position:relative}.timeline .st{display:flex;gap:12px;padding-bottom:16px;position:relative}.timeline .st:before{content:"";position:absolute;left:12px;top:26px;bottom:-2px;width:2px;background:var(--line)}.timeline .st:last-child:before{display:none}.timeline .dot{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--muted);z-index:1;flex:none}.timeline .st.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.timeline .st.now .dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px #e5322e29}.timeline .lbl{font-weight:700;font-size:13.5px;color:var(--ink)}.timeline .st.pend .lbl{color:var(--muted);font-weight:600}.timeline .sub{font-size:11.5px;color:var(--muted);margin-top:1px}.stepper{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.stp{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:700}.stp .n{width:24px;height:24px;border-radius:50%;background:#eef1f6;color:var(--muted);display:grid;place-items:center;font-size:11px}.stp.done{color:var(--ok)}.stp.done .n{background:var(--ok);color:#fff}.stp.now{color:var(--brand)}.stp.now .n{background:var(--brand);color:#fff;box-shadow:0 0 0 4px #e5322e26}.stp .bar{width:26px;height:2px;background:var(--line)}.stp.done .bar,.stp.done+.stp .bar{background:var(--ok)}.kv{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:7px 0;border-top:1px dashed var(--line)}.kv:first-child{border-top:none}.kv .k{color:var(--muted)}.kv .v{font-weight:700;color:var(--ink);text-align:right}.note{border-radius:var(--r);padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex;gap:10px}.note.info{background:var(--info-bg);border:1px solid var(--info-bd);color:var(--ink-2)}.note.warn{background:var(--warn-bg);border:1px solid var(--warn-bd);color:#7a5c14}.note.err{background:var(--err-bg);border:1px solid var(--err-bd);color:#8a2733}.note.ok{background:var(--ok-bg);border:1px solid var(--ok-bd);color:#14663a}.note b{color:inherit}.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-2)}.flow .b{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-weight:700;color:var(--ink)}.flow .b.mid{background:var(--brand-050);border-color:#f5c6d5;color:var(--brand)}.flow .ar{color:var(--muted)}.empty{text-align:center;color:var(--muted);font-size:13px;padding:32px 14px}.empty .big{font-size:34px;margin-bottom:8px;opacity:.8}.wait{text-align:center;color:var(--muted);font-size:13px;padding:16px;background:var(--bg);border-radius:var(--r)}.toast-wrap{position:fixed;z-index:90;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;width:min(420px,92vw)}.toast{width:100%;background:var(--navy);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);display:flex;gap:11px;align-items:flex-start;animation:toastIn .28s ease}.toast .ic{width:28px;height:28px;border-radius:8px;background:#ffffff24;display:grid;place-items:center;font-size:15px;flex:none}.toast .tx{font-size:12.5px;line-height:1.4}.toast .tx b{color:#fff}.toast .tx .sub{opacity:.8;font-size:11px;margin-top:1px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d16228c;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:80;overflow:auto;animation:fade .18s ease}.modal{background:#fff;border-radius:var(--r-xl);width:100%;box-shadow:var(--shadow);overflow:hidden}.modal.sm{max-width:460px}.modal.md{max-width:720px}.modal.lg{max-width:940px}.modal-hd{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-hd h2{font-size:17px}.modal-hd .x{margin-left:auto;background:none;border:none;font-size:24px;color:var(--muted);cursor:pointer;line-height:1}.modal-bd{padding:18px 20px;max-height:66vh;overflow:auto}.modal-ft{display:flex;justify-content:space-between;gap:10px;padding:15px 20px;border-top:1px solid var(--line)}@keyframes fade{0%{opacity:0}to{opacity:1}}.login-wrap{min-height:62vh;display:grid;place-items:center;padding:28px 16px}.login-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:30px 26px;text-align:center}.login-card h2{color:var(--ink)}.login-role{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-weight:800;color:var(--ink);font-size:13.5px}.login-acct{font-size:12px;color:var(--muted);margin:10px 0 4px}.login-forgot{font-size:12px;color:var(--brand);font-weight:700;margin:12px 0 2px;cursor:pointer}.ms-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;font-weight:700;color:var(--ink);cursor:pointer;font-size:14px;font-family:inherit;transition:.13s}.ms-btn:hover:not(:disabled){border-color:var(--navy);background:var(--bg)}.ms-btn:disabled{opacity:.6;cursor:default}.ms-logo{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;flex:none}.ms-logo i{display:block;width:8px;height:8px}.login-card .note{text-align:left;margin-top:16px}.mobile-app{max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-2);min-height:78vh;display:flex;flex-direction:column}.m-appbar{background:linear-gradient(120deg,var(--brand),var(--brand-600));color:#fff;padding:16px 16px 14px;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px}.m-appbar:before{content:"";position:absolute;top:-30px;right:-10px;width:92px;height:92px;border-radius:50%;border:2px solid var(--coral);opacity:.55}.m-appbar:after{content:"";position:absolute;top:8px;right:46px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.m-appbar>*{position:relative;z-index:1}.m-appbar .back{cursor:pointer;font-size:22px;line-height:1}.m-appbar .title{font-weight:800;font-size:16px}.m-appbar .who{font-size:11px;opacity:.92;margin-top:1px}.m-appbar .brand-mark{background:#ffffff29;box-shadow:none}.m-body{flex:1;padding:14px;background:var(--bg);overflow-y:auto}.m-tabbar{display:flex;background:#fff;border-top:1px solid var(--line);position:relative}.m-tab{flex:1;text-align:center;padding:9px 2px 10px;color:var(--muted);font-size:10.5px;cursor:pointer;font-weight:700;border:none;background:none}.m-tab .ic{display:block;font-size:19px;margin-bottom:2px;filter:grayscale(1);opacity:.65}.m-tab.on{color:var(--brand)}.m-tab.on .ic{filter:none;opacity:1}.m-tab .nb{position:absolute;top:6px;margin-left:6px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px;font-weight:800;display:inline-grid;place-items:center}.offbar{background:#33414f;color:#fff;font-size:11.5px;padding:7px 12px;text-align:center;font-weight:600}.offbar.ok{background:var(--ok)}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.ml-auto{margin-left:auto}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-0{margin-bottom:0}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:11.5px}.strong{font-weight:800;color:var(--ink)}.name{font-weight:700;font-size:14px;color:var(--ink)}.meta{font-size:12px;color:var(--muted);margin-top:2px}.center{text-align:center}.hr{height:1px;background:var(--line);border:none;margin:14px 0}.right{text-align:right}.nowrap{white-space:nowrap}.mono{font-family:SF Mono,ui-monospace,Consolas,monospace}.scn{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer;transition:.14s;color:var(--txt)}.scn:hover{border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow-2)}.scn .n{width:24px;height:24px;border-radius:8px;background:var(--brand);color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}.scn .t{display:block;font-weight:700;font-size:13px;color:var(--ink)}.scn .d{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45}.admin-layout{display:grid;grid-template-columns:216px 1fr;gap:20px;align-items:start}.admin-nav{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:12px 10px;position:sticky;top:calc(var(--topbar-h) + var(--rolebar-h) + 14px)}.admin-nav .grp{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:12px 10px 6px;font-weight:800}.admin-nav div:first-child .grp{margin-top:2px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink-2);font-size:13.5px;font-weight:700;cursor:pointer;margin-bottom:2px}.admin-nav a .i{font-size:16px}.admin-nav a:hover{background:var(--bg)}.admin-nav a.on{background:var(--brand);color:#fff}.admin-nav a.on .tag{background:#ffffff40;color:#fff}.admin-main{min-width:0}.maprow{display:grid;grid-template-columns:1fr 40px 1fr;gap:0;align-items:start;margin-top:8px}.mapcol h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 8px}.mf{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;margin-bottom:8px;font-size:12.5px;cursor:pointer;background:#fff;transition:.12s}.mf:hover{border-color:var(--brand)}.mf.sel{border-color:var(--brand);box-shadow:0 0 0 3px #e5322e24}.mf.mapped{background:var(--ok-bg);border-color:var(--ok-bd)}.mf .fname{font-weight:800;color:var(--ink);font-family:SF Mono,ui-monospace,Consolas,monospace}.mf .req{color:var(--err)}.mf .chip{margin-left:auto;font-size:10px;font-weight:800;color:var(--best);background:var(--best-bg);padding:2px 8px;border-radius:6px;white-space:nowrap}.mf .samp{margin-left:auto;color:var(--muted);font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:11px}.mapmid{display:flex;justify-content:center;align-items:center;color:var(--muted);padding-top:32px}.mapwarn{margin-top:12px;font-size:12.5px;font-weight:800}.mapwarn.bad{color:var(--warn-ink)}.mapwarn.ok{color:var(--ok-ink)}.jsonbox{background:#0d1622;color:#cfe3ff;font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:11.5px;border-radius:10px;padding:14px 16px;margin-top:14px;white-space:pre;overflow:auto}@media (max-width: 900px){.admin-layout{grid-template-columns:1fr}.admin-nav{position:static;display:flex;flex-wrap:wrap;gap:4px}.admin-nav div{display:contents}.admin-nav .grp{display:none}.admin-nav a{margin-bottom:0}.maprow{grid-template-columns:1fr}.mapmid{padding:4px 0;transform:rotate(90deg)}}.seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px}.seg button{border:none;background:none;padding:8px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--ink-2);cursor:pointer}.seg button.on{background:var(--navy);color:#fff}.scenario-row{display:flex;gap:8px;flex-wrap:wrap}.scenario-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px 6px 6px;font-size:12px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:.13s}.scenario-chip:hover{border-color:var(--brand);color:var(--ink)}.scenario-chip .n{width:20px;height:20px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.fdv-desktop-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;gap:16px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fdv-confirm-wrap{padding:20px 0}@media (max-width: 1120px){.fdv-desktop-grid{grid-template-columns:minmax(0,1fr) 300px}.fdv-col-pdv{grid-column:1 / -1}.fdv-col-pdv .panel-bd{display:flex;gap:8px;overflow-x:auto}.fdv-col-pdv .panel-bd>*{min-width:220px}}@media (max-width: 860px){.product-grid,.fdv-desktop-grid{grid-template-columns:1fr}.fdv-col-cart .panel{position:static!important}}.fdv-app{min-height:74vh}.cmp3{border:1px solid var(--line);border-radius:11px;overflow:hidden}.cmp3-hd{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:7px 11px 3px;font-weight:800}.may{display:flex;align-items:center;gap:8px;padding:8px 11px;border-top:1px solid var(--line);font-size:12.5px}.may:first-of-type{border-top:none}.may.best{background:var(--best-bg)}.may .star{color:var(--best);font-weight:800;font-size:13px;width:13px}.may .mn{font-weight:800;color:var(--ink);min-width:58px}.may .pr{margin-left:auto;font-weight:800;color:var(--ink)}.may.out .pr{color:var(--muted);font-weight:600}.qty{display:inline-flex;align-items:center;gap:9px}.qty button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer;color:var(--ink);font-size:15px}.qty button:hover{border-color:var(--brand);color:var(--brand)}.qty b{min-width:18px;text-align:center}@media (max-width: 720px){.fdv-page-mobile{padding:0;height:calc(100dvh - var(--topbar-h) - 58px)}.fdv-page-mobile .fdv-app{height:100%;min-height:0;display:flex;flex-direction:column}.fdv-page-mobile .m-body{flex:1;min-height:0;overflow-y:auto}.topbar{background:linear-gradient(120deg,var(--brand),var(--brand-600));border-bottom-color:transparent}.topbar .wordmark{color:#fff}.topbar .wordmark .dim{color:#ffffffb8}.topbar .brand-mark{background:#fff3;box-shadow:none}.topbar .proto-chip{background:#ffffff38;color:#fff}.topbar .btn.ghost{background:#ffffff29;color:#fff}.topbar .btn.ghost:hover{background:#ffffff42}.topbar .bell{background:#ffffff24;border-color:#ffffff4d;color:#fff}.topbar .bell .dot{box-shadow:0 0 0 2px var(--brand-600)}.topbar:after{content:"";position:absolute;top:-26px;right:54px;width:84px;height:84px;border-radius:50%;border:2px solid var(--coral);opacity:.5;pointer-events:none}.fdv-page-mobile .m-appbar{background:#fff;border-bottom:1px solid var(--line)}.fdv-page-mobile .m-appbar:before,.fdv-page-mobile .m-appbar:after{display:none}.fdv-page-mobile .m-appbar .title{color:var(--ink)}.fdv-page-mobile .m-appbar .who{color:var(--muted)}.fdv-page-mobile .m-appbar .brand-mark,.fdv-page-mobile .m-appbar .proto-chip.ghost{display:none}}.fade-in{animation:fadeUp .22s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 1023px){.grid.k4,.grid.k3{grid-template-columns:repeat(2,1fr)}.grid-transporte{grid-template-columns:1fr}}@media (max-width: 860px){.grid-charts{grid-template-columns:1fr}}@media (max-width: 720px){.rolebar-inner{display:none}.role-select-wrap{display:flex}.grid.k2,.grid.k3,.grid.k4{grid-template-columns:1fr}.page{padding:16px 14px 40px}.view-head h1{font-size:20px}.view-head .ha{width:100%;margin-left:0}.topbar .user-chip .who{display:none}.mobile-app{border:none;border-radius:0;box-shadow:none;max-width:100%;min-height:calc(100vh - var(--topbar-h) - 78px)}}@media (max-width: 420px){.wordmark{font-size:16px}.wordmark .dim{display:none}}@media (display-mode: standalone){.topbar{padding-top:env(safe-area-inset-top)}}