:root{--ink:#16233b;--ink-2:#3b4a63;--muted:#7a8699;--bg:#eef1f5;--panel:#ffffff;--line:#dde3ea;--cobalto:#1f4fd8;--cobalto-bg:#e8eefc;--ambar:#b8770a;--ambar-bg:#fdf3dd;--verde:#1e7d4f;--verde-bg:#e2f4e9;--rojo:#c02e2e;--rojo-bg:#fbe7e7;--morado:#6743c4;--morado-bg:#efe9fb;--gris:#5f6b7d;--gris-bg:#eceff3;--radius:10px;--font-body:"Inter",system-ui,sans-serif;--font-disp:"Barlow Condensed","Arial Narrow",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}h1,h2,h3,.disp{font-family:var(--font-disp);letter-spacing:.02em}header{background:var(--ink);color:#fff;padding:0 20px;display:flex;align-items:center;gap:16px;height:58px;position:sticky;top:0;z-index:50}.logo{display:flex;align-items:baseline;gap:8px}.logo .mark{font-family:var(--font-disp);font-weight:700;font-size:24px;letter-spacing:.04em}.logo .mark span{color:#f5b93e}.logo .sub{font-size:11px;color:#9fb0cc;text-transform:uppercase;letter-spacing:.12em}nav{display:flex;gap:4px;margin-left:24px;flex:1}nav a{background:none;border:none;color:#c6d0e2;font-family:var(--font-disp);font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;cursor:pointer;border-radius:6px;text-decoration:none;display:inline-block}nav a:hover{background:#ffffff14;color:#fff}nav a.active{background:#f5b93e;color:var(--ink)}.user-box{display:flex;align-items:center;gap:10px}.user-box label{font-size:11px;color:#9fb0cc;text-transform:uppercase;letter-spacing:.08em}.user-box select{background:#24344f;color:#fff;border:1px solid #3b4a63;border-radius:6px;padding:6px 10px;font-family:var(--font-body);font-size:13px}.role-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;background:#f5b93e;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}main{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.view-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.view-title h2{font-size:28px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.view-title .hint{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px}.panel h3{font-size:19px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;color:var(--ink-2)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:860px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cobalto)}.kpi.amb:before{background:var(--ambar)}.kpi.ver:before{background:var(--verde)}.kpi.roj:before{background:var(--rojo)}.kpi .num{font-family:var(--font-disp);font-size:38px;font-weight:700;line-height:1}.kpi .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 14px}@media (max-width:860px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:4px}.field.span2{grid-column:span 2}@media (max-width:860px){.field.span2{grid-column:span 1}}.field label{font-size:11.5px;font-weight:600;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}.field label .req{color:var(--rojo)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-family:var(--font-body);font-size:14px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--cobalto);outline-offset:0;border-color:var(--cobalto)}.field input.err,.field select.err{border-color:var(--rojo);background:var(--rojo-bg)}.field .msg{font-size:11.5px;color:var(--rojo);min-height:14px}.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn{border:none;border-radius:7px;padding:9px 18px;font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .12s}.btn:hover{filter:brightness(.94)}.btn-pri{background:var(--cobalto);color:#fff}.btn-sec{background:var(--gris-bg);color:var(--ink-2);border:1px solid var(--line)}.btn-ok{background:var(--verde);color:#fff}.btn-warn{background:#f5b93e;color:var(--ink)}.btn-dan{background:var(--rojo);color:#fff}.btn-sm{padding:5px 12px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{font-family:var(--font-disp);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);text-align:left;padding:9px 10px;border-bottom:2px solid var(--ink);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:hover td{background:#f6f8fb}.folio{font-family:var(--font-disp);font-weight:700;font-size:15px;letter-spacing:.05em;color:var(--cobalto);cursor:pointer}.folio:hover{text-decoration:underline}.sello{display:inline-block;font-family:var(--font-disp);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;padding:3px 10px;border-radius:4px;border:1.5px solid;white-space:nowrap}.s-nueva{color:var(--cobalto);background:var(--cobalto-bg);border-color:var(--cobalto)}.s-en_revision{color:var(--ambar);background:var(--ambar-bg);border-color:var(--ambar)}.s-rechazada{color:var(--rojo);background:var(--rojo-bg);border-color:var(--rojo)}.s-aprobada{color:var(--morado);background:var(--morado-bg);border-color:var(--morado)}.s-guia_generada{color:var(--verde);background:var(--verde-bg);border-color:var(--verde)}.s-en_paqueteria{color:#0e7490;background:#e0f4f8;border-color:#0e7490}.s-entregada{color:var(--gris);background:var(--gris-bg);border-color:var(--gris)}.prio-urgente{color:var(--rojo);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filtros input,.filtros select{border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:13px;font-family:var(--font-body)}.chip{border:1.5px solid var(--line);background:#fff;border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink-2)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.modal-bg{display:none;position:fixed;inset:0;background:#16233b8c;z-index:100;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal-bg.open{display:flex}.modal{background:#fff;border-radius:12px;max-width:760px;width:100%;padding:24px;position:relative}.modal .close-x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--muted)}.modal h3{font-size:22px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.modal .sub{color:var(--muted);font-size:13px;margin-bottom:16px}.timeline{border-left:2px solid var(--line);margin:10px 0 10px 8px;padding-left:18px}.tl-item{position:relative;padding-bottom:14px}.tl-item:before{content:"";position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--cobalto);border:2px solid #fff;box-shadow:0 0 0 2px var(--cobalto)}.tl-item .tl-est{font-family:var(--font-disp);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.tl-item .tl-meta{font-size:12px;color:var(--muted)}.tl-item .tl-nota{font-size:12.5px;color:var(--ink-2);background:var(--gris-bg);border-radius:6px;padding:5px 9px;margin-top:4px;display:inline-block}.det-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px;margin-bottom:14px}@media (max-width:700px){.det-grid{grid-template-columns:1fr 1fr}}.det-grid .d label{font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:block}.det-grid .d span{font-size:13.5px}.dropzone{border:2px dashed var(--cobalto);background:var(--cobalto-bg);border-radius:10px;padding:28px;text-align:center;cursor:pointer;transition:background .15s}.dropzone:hover{background:#dce7fb}.dropzone .big{font-family:var(--font-disp);font-size:20px;font-weight:600;color:var(--cobalto)}.dropzone .small{font-size:12.5px;color:var(--muted);margin-top:4px}.err-list{background:var(--rojo-bg);border:1px solid var(--rojo);border-radius:8px;padding:12px 16px;margin-top:12px;font-size:13px;max-height:220px;overflow-y:auto}.err-list li{margin-left:16px;margin-bottom:3px}.ok-box{background:var(--verde-bg);border:1px solid var(--verde);border-radius:8px;padding:12px 16px;margin-top:12px;font-size:13.5px;color:var(--verde);font-weight:600}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-row .bl{width:150px;font-size:12.5px;font-weight:600;color:var(--ink-2);text-align:right}.bar-row .bar{flex:1;background:var(--gris-bg);border-radius:4px;height:22px;position:relative;overflow:hidden}.bar-row .bar>div{height:100%;background:var(--cobalto);border-radius:4px}.bar-row .bv{width:70px;font-family:var(--font-disp);font-weight:700;font-size:15px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 22px;border-radius:8px;font-size:13.5px;z-index:200;display:none;box-shadow:0 6px 24px #00000040}.empty{text-align:center;color:var(--muted);padding:30px;font-size:13.5px}.nota-info{background:var(--ambar-bg);border-left:4px solid var(--ambar);padding:10px 14px;border-radius:0 8px 8px 0;font-size:13px;color:#7a5405;margin-bottom:14px}