:root{--app-bg: #f4f7fb;--app-surface: #ffffff;--app-sidebar: #2f3130;--app-sidebar-muted: #8f969b;--app-border: #e4e9ef;--app-text: #1d2430;--app-muted: #6b7785;--app-accent: #7dbbef;--app-accent-strong: #2796d6;--app-green: #17a56f;--app-shadow: 0 18px 42px rgba(23, 32, 51, .08);--app-radius: 8px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% -10%,rgba(125,187,239,.22),transparent 34%),radial-gradient(circle at 105% 12%,rgba(23,165,111,.12),transparent 28%),var(--app-bg);color:var(--app-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:96px minmax(0,1fr);background:linear-gradient(115deg,#ffffffb8,#ffffff47),var(--app-bg);color:var(--app-text)}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 14px;background:var(--app-sidebar);color:#fff;border-right:1px solid rgba(255,255,255,.08);box-shadow:14px 0 44px #0f172a21;z-index:10}.app-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.08);min-height:56px}.app-brand__mark{width:46px;height:46px;border-radius:8px;background:#fff;color:#252827;display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:0;box-shadow:0 10px 24px #0000002e}.app-brand strong,.app-brand small{display:none}.app-brand small{color:#94a3b8;font-size:12px}.app-nav{display:flex;flex-direction:column;gap:10px;align-items:center}.app-nav-link{width:54px;min-height:54px;color:#ffffffb3;text-decoration:none;font-weight:750;padding:8px;border-radius:8px;transition:.2s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}.app-nav-link:hover{background:#ffffff1a;color:#fff}.app-nav-link.active{background:var(--app-accent);color:#16222f;font-weight:750;box-shadow:0 12px 24px #7dbbef47}.app-main{min-width:0;padding:32px clamp(18px,3vw,38px)}.app-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;position:relative}.app-page-kicker{display:block;color:var(--app-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.app-page-title{margin:0;color:#181c22;font-size:clamp(26px,3vw,34px);line-height:1.15;font-weight:850;letter-spacing:0}.app-page-meta{min-width:170px;border:1px solid var(--app-border);background:#ffffffe6;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;align-items:flex-end;color:#475569;box-shadow:0 12px 28px #0f172a0f}.app-page-meta strong{color:#0f172a;font-size:18px}.app-card{background:#fff;border:1px solid var(--app-border);border-radius:8px;box-shadow:var(--app-shadow)}.btn,button{letter-spacing:0}.btn{border-radius:8px;font-weight:750}.btn-primary,.btn-gradient-primary{background:#252827;border-color:#252827;color:#fff}.btn-primary:hover,.btn-gradient-primary:hover{background:#111312;border-color:#111312;color:#fff}.btn-success{background:var(--app-green);border-color:var(--app-green)}.btn-outline-primary{color:#25628d;border-color:#b9d7ee;background:#f3f9fe}.btn-outline-primary:hover{color:#173f5d;border-color:var(--app-accent);background:#e7f4fd}.btn-outline-success{color:#13744e;border-color:#bde9d7;background:#effaf5}.btn-outline-success:hover{color:#0d5e3d;border-color:#78d6ad;background:#dff6ec}@media (max-width: 768px){.app-shell{display:block}.app-sidebar{position:sticky;top:0;z-index:30;height:auto;gap:10px;padding:10px 12px;background:#fff;color:#0f172a;border-right:none;border-bottom:1px solid var(--app-border);box-shadow:0 12px 28px #0f172a14}.app-brand{padding:0;border-bottom:none}.app-brand small{color:#64748b}.app-brand__mark{width:34px;height:34px}.app-nav{flex-direction:row;overflow-x:auto;padding-bottom:2px;align-items:center}.app-nav-link{width:auto;min-height:40px;color:#334155;background:#f1f5f9;white-space:nowrap;padding:8px 10px;font-size:12px}.app-nav-link.active{background:#0f172a;color:#fff}.app-main{padding:14px}.app-page-header{align-items:stretch;flex-direction:column}.app-page-title{font-size:24px}.app-page-meta{align-items:flex-start;width:100%}}.swal2-popup.viver-preview-popup{width:min(95vw,1600px)!important;max-width:1600px!important;padding:1rem!important;border-radius:24px!important;background:linear-gradient(180deg,#fffdf8,#fff)!important;box-shadow:0 24px 80px #0f172a2e!important}.swal2-popup.viver-preview-popup .swal2-title{font-size:1.45rem!important;font-weight:800!important;color:#183153!important;padding:.4rem 2.8rem 0!important}.swal2-html-container.viver-preview-html{margin:.75rem 0 0!important;padding:0!important;text-align:left!important}.swal2-popup.viver-preview-popup .swal2-actions{gap:.75rem!important;margin-top:1rem!important}.swal2-popup.viver-preview-popup .swal2-confirm,.swal2-popup.viver-preview-popup .swal2-cancel{border-radius:999px!important;padding:.8rem 1.4rem!important;font-weight:700!important}.swal2-popup.guia-manager-popup{border-radius:12px!important;padding:18px!important}.guia-manager{display:grid;gap:14px;text-align:left}.guia-manager__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fbfe;color:#334155}.guia-manager__meta strong{color:#1d2430}.guia-manager__preview{width:100%;max-height:min(62vh,620px);overflow:auto;border:1px solid #dfe7ee;border-radius:8px;background:#f8fafc;padding:10px;display:flex;justify-content:center}.guia-manager__image{display:block;width:min(100%,720px);height:auto;border-radius:6px;background:#fff;box-shadow:0 10px 24px #0f172a14}.guia-manager__empty{width:100%;min-height:220px;display:grid;place-items:center;text-align:center;color:#64748b;font-weight:700;padding:24px}.guia-manager__actions{display:flex;flex-wrap:wrap;gap:10px}.guia-manager__btn{border:1px solid #d7e1ea;border-radius:8px;padding:10px 12px;background:#fff;color:#25313f;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.guia-manager__btn--dark{background:#252827;border-color:#252827;color:#fff}.guia-manager__btn--primary{background:#eef8fd;border-color:#b9d7ee;color:#1f6289}.guia-manager__btn--whatsapp{background:#effaf5;border-color:#bde9d7;color:#13744e}.guia-manager__btn--danger{background:#fff1f1;border-color:#ffc9c9;color:#b42318}.guia-upload{text-align:left}.guia-upload__label{display:block;margin:0 0 6px;color:#52606d;font-weight:800;font-size:13px}.guia-upload__input{width:100%!important;margin:0 0 14px!important}.guia-upload__drop{display:grid;justify-items:center;gap:8px;padding:18px;border:1px dashed #b9d7ee;border-radius:8px;background:#f6fbff;color:#1f6289;cursor:pointer}.guia-upload__drop i{font-size:28px}.guia-upload__drop span{color:#1d2430;font-weight:850}.guia-upload__drop small{color:#64748b;text-align:center}.swal2-popup.pedido-manual-popup{border-radius:14px!important;padding:18px!important}.pedido-manual-form{text-align:left;display:grid;gap:14px}.pedido-manual-card{padding:14px;border:1px solid #e4e9ef;border-radius:10px;background:#f8fbfe}.pedido-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pedido-manual-field{display:grid;gap:6px}.pedido-manual-field label{color:#52606d;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.pedido-manual-field input,.pedido-manual-field select,.pedido-manual-field textarea{width:100%!important;margin:0!important;border-radius:8px!important;border:1px solid #d7e1ea!important;background:#fff!important;box-shadow:none!important}.pedido-manual-field--full{grid-column:1/-1}.pedido-manual-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.pedido-manual-secondary{border:1px solid #d7e1ea;background:#fff;color:#334155;border-radius:8px;padding:9px 12px;font-weight:800}.pedido-manual-danger{border-color:#f2c7c7;background:#fff5f5;color:#9b2525}.catalog-status{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fff8e7;border:1px solid #efd79a;color:#7a5a00;font-size:12px;line-height:1.4;font-weight:700}@media (max-width: 720px){.pedido-manual-grid{grid-template-columns:1fr}.guia-manager__actions{display:grid;grid-template-columns:1fr}}.swal2-popup.viver-preview-popup .swal2-html-container>div:first-child{border:1px solid #e5e7eb;border-radius:18px;padding:1rem;background:linear-gradient(180deg,#fff,#f8fafc)}.swal2-popup.viver-preview-popup table{min-width:1480px;border-collapse:separate!important;border-spacing:0}.swal2-popup.viver-preview-popup th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,#183153,#23446f)!important}.swal2-popup.viver-preview-popup td,.swal2-popup.viver-preview-popup th{font-size:.88rem;white-space:nowrap;vertical-align:middle}.swal2-popup.viver-preview-popup td{padding:.45rem .4rem;border-bottom:1px solid #e2e8f0}.swal2-popup.viver-preview-popup .swal2-input,.swal2-popup.viver-preview-popup .swal2-select,.swal2-popup.viver-preview-popup .swal2-textarea{border:1px solid #cbd5e1!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:none!important}.swal2-popup.viver-preview-popup .swal2-input[readonly]{color:#334155!important;font-weight:700!important}.viver-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.viver-preview-master-check{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:#183153}.viver-preview-counter{color:#475569;font-size:.88rem;font-weight:700}.viver-preview-table-wrap{max-height:68vh;overflow:auto;border:1px solid #dbe2ea;border-radius:16px;background:#fff}.viver-preview-table{width:100%;font-size:13px}.viver-preview-table th{padding:.65rem .45rem;font-size:.82rem;font-weight:800;letter-spacing:.01em}.viver-preview-table .row-warning{background:#fff8e1}.viver-preview-table .col-check{width:52px;min-width:52px;text-align:center}.viver-preview-table .col-cliente{width:180px;min-width:180px}.viver-preview-table .cliente-main{white-space:normal;line-height:1.25;font-weight:600}.viver-preview-table .col-numero{width:104px;min-width:104px}.viver-preview-table .col-mini{width:88px;min-width:88px}.viver-preview-table .col-guias{width:180px;min-width:180px;white-space:normal}.viver-preview-table .col-direccion{width:290px;min-width:290px}.viver-preview-table .col-select{width:170px;min-width:170px}.viver-preview-table .col-codigo{width:90px;min-width:90px}.viver-preview-table .col-agencia{width:280px;min-width:280px}.viver-preview-table .col-agencia-dir{width:240px;min-width:240px}.viver-preview-popup input[type=checkbox]{width:16px;height:16px}.viver-field-sm,.viver-field-md,.viver-field-select,.viver-field-code,.viver-field-textarea,.viver-field-textarea-sm{width:100%!important;min-width:0!important;margin:0!important}.viver-field-sm{min-width:72px!important}.viver-field-md{min-width:112px!important}.viver-field-code{background:#eef2f6!important}.viver-field-readonly,.swal2-popup .viver-field-readonly{background:#f4f7fb!important;color:#475569!important;cursor:default!important}.select-resultados-desplegado,.swal2-popup .select-resultados-desplegado{width:100%!important;min-width:min(520px,100vw - 48px)!important;max-width:min(680px,100vw - 48px)!important;height:auto!important;padding:8px!important;line-height:1.35!important;white-space:normal!important;overflow-x:auto!important;background:#fff!important;border-color:#9bc9ee!important;box-shadow:0 14px 28px #0f172a1f!important;position:relative;z-index:5}.viver-preview-table .select-resultados-desplegado{min-width:360px!important}.viver-field-textarea{min-height:76px!important;resize:vertical}.viver-field-textarea-sm{min-height:68px!important;resize:vertical}.viver-preview-table .col-agencia .swal2-input,.viver-preview-table .col-agencia .swal2-select{margin-top:.35rem!important}.viver-preview-table .col-agencia .swal2-input:first-child{margin-top:0!important}@media (max-width: 768px){.swal2-popup.viver-preview-popup{width:calc(100vw - 1rem)!important;padding:.75rem!important}.swal2-popup.viver-preview-popup .swal2-title{font-size:1.15rem!important;padding-left:2rem!important;padding-right:2rem!important}.swal2-popup.viver-preview-popup .swal2-html-container>div:first-child{padding:.75rem;border-radius:14px}.viver-preview-toolbar{align-items:flex-start;flex-direction:column}}