:root{--ladrillo-050:#fbefe8;--ladrillo-100:#f5d9c9;--ladrillo-500:#d67c51;--ladrillo-600:#b05a31;--ladrillo-700:#8e4523;--gaba-gris-050:#f0f0f2;--gaba-gris-500:#6c6c75;--gaba-gris-600:#58585f;--gaba-gris-700:#45454b;--gaba-naranja-050:#fdf1e4;--gaba-naranja-500:#e79a4f;--gaba-naranja-600:#c97b30;--grupo-900:#111;--n-0:#fff;--n-050:#f7f6f4;--n-100:#efedea;--n-200:#e2dfda;--n-300:#cfcbc5;--n-400:#a19d97;--n-500:#75716c;--n-600:#57534f;--n-700:#3d3a37;--n-800:#292725;--n-900:#1a1918;--n-950:#121110;--st-ok:#2f7d32;--st-ok-bg:#e6f2e6;--st-ok-ink:#1f5a22;--st-go:#1e6fd9;--st-go-bg:#e5effc;--st-go-ink:#164f9c;--st-warn:#b7791f;--st-warn-bg:#fdf3e0;--st-warn-ink:#7a4f0e;--st-bad:#c0392b;--st-bad-bg:#fbe9e7;--st-bad-ink:#8f2a20;--st-off:#6b6f76;--st-off-bg:#eeeff1;--st-off-ink:#4a4e54;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--ff-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ff-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-reg:400;--fw-med:500;--fw-semi:600;--fw-bold:700;--fs-h1:26px;--fs-h2:21px;--fs-h3:18px;--fs-lg:17px;--fs-md:15px;--fs-sm:13px;--fs-xs:12px;--touch-desk:48px;--touch-field:56px;--touch:var(--touch-desk);--topbar-h:56px;--bottomnav-h:64px;--sidebar-w:248px;--content-max:1100px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--n-050);--surface:var(--n-0);--surface-2:var(--n-100);--border:var(--n-200);--border-strong:var(--n-300);--text:var(--n-900);--text-muted:var(--n-500);--text-inverse:#fff;--shadow-1:0 1px 2px #1a19180f, 0 1px 3px #1a19180d;--shadow-2:0 4px 14px #1a191814;--shadow-3:0 16px 40px #1a19182e;--brand:var(--grupo-900);--primary:var(--grupo-900);--primary-hover:#000;--primary-contrast:#fff;--primary-wash:var(--n-100);--accent:var(--n-700);--ring:0 0 0 3px #11111147}:root[data-company=el-ladrillo]{--brand:var(--ladrillo-500);--primary:var(--ladrillo-600);--primary-hover:var(--ladrillo-700);--primary-contrast:#fff;--primary-wash:var(--ladrillo-050);--accent:var(--ladrillo-500);--ring:0 0 0 3px #d67c5173}:root[data-company=transportadora-gaba]{--brand:var(--gaba-gris-500);--primary:var(--gaba-gris-500);--primary-hover:var(--gaba-gris-700);--primary-contrast:#fff;--primary-wash:var(--gaba-gris-050);--accent:var(--gaba-naranja-500);--ring:0 0 0 3px #e79a4f80}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--n-950);--surface:var(--n-900);--surface-2:var(--n-800);--border:#33302d;--border-strong:#46423e;--text:#efedea;--text-muted:#a8a39d;--text-inverse:var(--n-900);--shadow-1:none;--shadow-2:0 4px 14px #0006;--shadow-3:0 16px 40px #0000008c;--brand:#efedea;--primary:#efedea;--primary-hover:#fff;--primary-contrast:var(--n-900);--primary-wash:var(--n-800);--accent:#efedea;--ring:0 0 0 3px #efedea59;--st-ok-bg:#17301a;--st-ok-ink:#9fd8a2;--st-go-bg:#10284a;--st-go-ink:#9cc2f5;--st-warn-bg:#3a2a0c;--st-warn-ink:#f2c574;--st-bad-bg:#3a1512;--st-bad-ink:#f1a198;--st-off-bg:#26282b;--st-off-ink:#b0b4ba}:root[data-theme=dark][data-company=el-ladrillo]{--brand:var(--ladrillo-500);--primary:var(--ladrillo-500);--primary-hover:#e08e66;--primary-contrast:var(--n-900);--primary-wash:#3a2418;--accent:var(--ladrillo-500);--ring:0 0 0 3px #d67c518c}:root[data-theme=dark][data-company=transportadora-gaba]{--brand:var(--gaba-naranja-500);--primary:var(--gaba-naranja-500);--primary-hover:#efae6e;--primary-contrast:var(--n-900);--primary-wash:#3a2c1c;--accent:var(--gaba-naranja-500);--ring:0 0 0 3px #e79a4f8c}.density-field{--touch:var(--touch-field)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--ff-sans);font-size:var(--fs-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.45}h1,h2,h3{margin:0 0 var(--sp-3);line-height:1.2}h1{font-size:var(--fs-h1);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);font-weight:var(--fw-semi)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semi)}p{margin:0 0 var(--sp-3)}a{color:inherit}img{max-width:100%;display:block}.muted{color:var(--text-muted)}.small{font-size:var(--fs-sm)}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--ff-mono);font-size:var(--fs-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--ring);outline:none}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.grow{flex:auto;min-width:0}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--r-md);font:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semi);cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);color:var(--text);border:1px solid #0000;text-decoration:none;transition:background .12s,border-color .12s,transform 60ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted)}.btn-ghost{background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--st-bad);color:#fff}.btn-sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-block{width:100%}.btn-icon{min-height:var(--touch);min-width:var(--touch);border-radius:var(--r-md);background:0 0;padding:0}.btn-icon:hover{background:var(--surface-2)}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field>label,.label{font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--text-muted)}.input,.select{width:100%;min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-lg)}.input::placeholder{color:var(--text-muted)}.input:focus,.select:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}.input[aria-invalid=true]{border-color:var(--st-bad)}.field .hint{font-size:var(--fs-sm);color:var(--text-muted)}.field .error{font-size:var(--fs-sm);color:var(--st-bad)}.input-affix{position:relative}.input-affix .input{padding-right:calc(var(--touch) + var(--sp-1))}.input-affix .btn-icon{position:absolute;top:0;right:0}.segmented{gap:var(--sp-1);background:var(--surface-2);padding:var(--sp-1);border-radius:var(--r-md);display:flex}.segmented button{min-height:calc(var(--touch) - 8px);border-radius:var(--r-sm);color:var(--text-muted);font:inherit;font-weight:var(--fw-semi);cursor:pointer;background:0 0;border:0;flex:1}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.alert{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--st-off-bg);color:var(--st-off-ink);font-size:var(--fs-md);align-items:flex-start;display:flex}.alert svg{flex:none;margin-top:2px}.alert-ok{background:var(--st-ok-bg);color:var(--st-ok-ink)}.alert-go{background:var(--st-go-bg);color:var(--st-go-ink)}.alert-warn{background:var(--st-warn-bg);color:var(--st-warn-ink)}.alert-bad{background:var(--st-bad-bg);color:var(--st-bad-ink)}.pill{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semi);white-space:nowrap;background:var(--st-off-bg);color:var(--st-off-ink);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.no-dot:before{display:none}.pill-ok{background:var(--st-ok-bg);color:var(--st-ok-ink)}.pill-go{background:var(--st-go-bg);color:var(--st-go-ink)}.pill-warn{background:var(--st-warn-bg);color:var(--st-warn-ink)}.pill-bad{background:var(--st-bad-bg);color:var(--st-bad-ink)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1)}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin:0;padding:0;list-style:none;overflow:hidden}.li{align-items:center;gap:var(--sp-3);min-height:var(--touch);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;text-decoration:none;display:flex}.list>li:last-child .li,.list>.li:last-child{border-bottom:0}button.li,a.li{cursor:pointer}button.li:hover,a.li:hover{background:var(--surface-2)}.li .li-icon{border-radius:var(--r-sm);background:var(--primary-wash);width:36px;height:36px;color:var(--brand);flex:none;place-items:center;display:grid}.li .li-title{font-weight:var(--fw-semi)}.li .li-sub{font-size:var(--fs-sm);color:var(--text-muted)}.scrim{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:560px;max-height:92dvh;padding:var(--sp-2) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-3);animation:.18s ease-out rise;overflow:auto}.sheet-handle{background:var(--border-strong);width:40px;height:5px;margin:var(--sp-1) auto var(--sp-3);border-radius:3px}.sheet-head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.sheet-head h2{margin:0}@media (width>=900px){.scrim{align-items:center}.sheet{border-radius:var(--r-xl);padding-bottom:var(--sp-6)}.sheet-handle{display:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}.shell{min-height:100dvh}.topbar{z-index:30;align-items:center;gap:var(--sp-2);height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--sp-3) 0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand-btn{align-items:center;gap:var(--sp-2);min-width:0;min-height:44px;padding:0 var(--sp-2);border-radius:var(--r-md);color:inherit;font:inherit;text-align:left;background:0 0;border:0;display:flex}button.brand-btn{cursor:pointer}button.brand-btn:hover{background:var(--surface-2)}.brand-logo{border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--border);background:#fff;flex:none;width:36px;height:36px}.brand-name{font-weight:var(--fw-bold);font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand-name:after{content:"";background:var(--accent);border-radius:2px;width:28px;height:3px;margin-top:2px;display:block}.chip-conn{min-height:34px;padding:0 var(--sp-3);border-radius:var(--r-pill);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semi);cursor:pointer;white-space:nowrap;background:var(--st-ok-bg);color:var(--st-ok-ink);border:0;align-items:center;gap:6px;display:inline-flex}.chip-conn.off{background:var(--st-warn-bg);color:var(--st-warn-ink)}.chip-conn.sending{background:var(--st-go-bg);color:var(--st-go-ink)}.chip-conn.bad{background:var(--st-bad-bg);color:var(--st-bad-ink)}.chip-conn.idle{color:var(--text-muted);padding:0 var(--sp-2);background:0 0}.chip-conn .dot{background:currentColor;border-radius:50%;width:8px;height:8px}.chip-conn.sending .dot{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.3}}.layout{display:flex}.sidebar{display:none}.main{width:100%;min-width:0;max-width:var(--content-max);padding:var(--sp-4) var(--sp-4) calc(var(--bottomnav-h) + var(--sp-6) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.page-title{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.page-title h1{margin:0}.bottomnav{z-index:30;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a,.bottomnav button{height:var(--bottomnav-h);color:var(--text-muted);font:inherit;font-size:11px;font-weight:var(--fw-semi);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.bottomnav a.active{color:var(--primary)}.bottomnav .fab-wrap{height:var(--bottomnav-h);justify-content:center;align-items:flex-start;display:flex}.bottomnav a.fab{background:var(--primary);width:58px;height:58px;color:var(--primary-contrast);box-shadow:var(--shadow-2);border-radius:50%;margin-top:-18px}.bottomnav a.fab span{display:none}@media (width>=900px){.shell.has-sidebar .bottomnav{display:none}.shell.has-sidebar .sidebar{gap:var(--sp-1);top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));width:var(--sidebar-w);padding:var(--sp-3);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex;position:sticky;overflow-y:auto}.shell.has-sidebar .main{padding-bottom:var(--sp-8)}.shell:not(.has-sidebar) .main{max-width:640px}}.nav-group-label{margin:var(--sp-3) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.nav-link{align-items:center;gap:var(--sp-3);min-height:42px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text);font-weight:var(--fw-med);text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--primary-wash);color:var(--primary);font-weight:var(--fw-semi)}:root[data-theme=dark] .nav-link.active{color:var(--brand)}.nav-link .soon{color:var(--text-muted);font-size:10px;font-weight:var(--fw-semi);margin-left:auto}.banner{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--st-go-bg);color:var(--st-go-ink);font-size:var(--fs-sm);font-weight:var(--fw-semi);flex-wrap:wrap;display:flex}.center-page{min-height:100dvh;padding:var(--sp-6) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card{width:100%;max-width:400px}.auth-logos{justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.auth-logos img{border-radius:var(--r-md);border:1px solid var(--border);object-fit:cover;background:#fff;width:64px;height:64px}.empty{text-align:center;padding:var(--sp-8) var(--sp-4);color:var(--text-muted)}.empty svg{margin:0 auto var(--sp-3);color:var(--brand)}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.grid-tiles{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.tile{gap:var(--sp-2);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:inherit;flex-direction:column;min-height:104px;text-decoration:none;display:flex}.tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.tile svg{color:var(--brand)}.tile .tile-title{font-weight:var(--fw-semi)}.tabs{gap:var(--sp-1);margin-bottom:var(--sp-4);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tabs button{font:inherit;font-weight:var(--fw-semi);color:var(--text-muted);min-height:44px;padding:0 var(--sp-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.data th,table.data td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);vertical-align:top}table.data th{color:var(--text-muted);font-weight:var(--fw-semi)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.ss{position:relative}.ss-input{padding-right:calc(var(--sp-4) + 22px);cursor:pointer}.ss-open .ss-input{cursor:text}.ss-caret{right:var(--sp-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ss-list{z-index:40;max-height:min(320px,50vh);padding:var(--sp-1) 0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-2);margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ss-group{padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.ss-opt{justify-content:space-between;gap:var(--sp-3);min-height:40px;padding:var(--sp-2) var(--sp-3);cursor:pointer;align-items:center;display:flex}.ss-active{background:var(--surface-2)}.ss-selected .ss-label{font-weight:var(--fw-semi)}.ss-disabled{opacity:.5;cursor:not-allowed}.ss-hint{color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap}.ss-empty,.ss-more{padding:var(--sp-2) var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm)}