@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--navy:#1f2e54;--navy-2:#2b4275;--blue:#73a3d1;--blue-soft:#eaf2fa;--ink:#18243f;--muted:#66718a;--line:#dbe2ed;--surface:#fff;--background:#eef3f8}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--ink);margin:0;font-family:Montserrat,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;z-index:30;justify-content:space-between;align-items:center;height:68px;padding:8px clamp(16px,3vw,40px);display:flex;position:sticky;top:0;box-shadow:0 7px 25px #11224329}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup img{object-fit:contain;background:#fff;border-radius:10px;width:92px;height:50px;padding:4px 8px}.brand-lockup div{flex-direction:column;display:flex}.brand-lockup span{color:#aac7e6;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.brand-lockup strong{font-size:16px}.top-status{align-items:center;gap:9px;display:flex}.connection,.pending{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}.connection.online{color:#d9f5e3;background:#4ba76a40}.connection.offline{color:#ffe0d9;background:#be4a2f4d}.pending{color:#fff2bf;background:#dba72940}.user-chip{text-align:right;flex-direction:column;display:flex}.user-chip strong{font-size:10px}.user-chip span{color:#bdd1e7;font-size:8px}.logout{color:#fff;background:0 0;border:1px solid #ffffff4d;border-radius:7px;padding:6px 9px;font-size:8px}.folio-chip{text-align:right;background:#ffffff14;border:1px solid #ffffff3d;border-radius:11px;flex-direction:column;gap:2px;min-width:184px;padding:7px 12px;display:flex}.folio-chip small{color:#bdd1e7;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.folio-chip strong{letter-spacing:.03em;font-size:12px}.section-tabs{z-index:29;border-bottom:1px solid var(--line);background:#fff;align-items:stretch;gap:4px;height:43px;padding:0 clamp(16px,3vw,40px);display:flex;position:sticky;top:68px}.section-tabs button{min-width:150px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 20px;font-size:11px;font-weight:700}.section-tabs button.active{border-color:var(--blue);color:var(--navy)}.section-tabs button span{background:var(--blue-soft);color:var(--navy);border-radius:999px;margin-left:6px;padding:2px 6px;font-size:9px}.workspace{grid-template-columns:minmax(650px,1.15fr) minmax(390px,560px);align-items:start;width:min(1660px,100%);margin:0 auto;display:grid}.editor-panel{background:var(--surface);min-width:0;padding:22px clamp(18px,3vw,38px) 82px}.preview-panel{background:linear-gradient(145deg,#dde9f4,#f7f9fc);border-left:1px solid #cfdae7;min-height:calc(100vh - 111px);padding:18px clamp(14px,2vw,30px) 30px;position:sticky;top:111px}.section-heading,.items-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.section-heading h1,.items-heading h2{color:var(--navy);margin:2px 0 0;font-size:clamp(20px,2vw,27px);line-height:1.05}.items-heading{margin-top:22px}.items-heading h2{font-size:21px}.items-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.eyebrow{color:#5685b2;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px;display:grid}.form-grid label,.item-card label{flex-direction:column;gap:4px;min-width:0;display:flex}.form-grid label>span,.item-card label>span,.line-total>span,.amount-words>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:700}.span-2{grid-column:span 2}input,select,textarea{width:100%;min-height:36px;color:var(--ink);border:1px solid var(--line);background:#fbfcfe;border-radius:8px;outline:none;padding:8px 10px;font-size:12px;transition:all .16s}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #73a3d129}input::placeholder{color:#a0a9ba}.button{border:0;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:8px 14px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{color:#fff;background:var(--navy);box-shadow:0 7px 16px #1f2e5433}.button.secondary{color:var(--navy);background:#fff;border:1px solid #cbd5e2}.button.soft{color:var(--navy);background:var(--blue-soft)}.item-list{flex-direction:column;gap:7px;display:flex}.item-card{border:1px solid var(--line);background:#fbfcfe;border-radius:11px;grid-template-columns:25px minmax(200px,2.25fr) minmax(76px,.65fr) 70px 104px 110px 28px;align-items:end;gap:7px;padding:8px 9px;display:grid}.item-index{background:var(--navy);color:#fff;border-radius:50%;align-self:center;place-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:grid}.money-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;min-height:36px;display:flex;overflow:hidden}.money-input b{color:#65718b;padding-left:8px;font-size:12px}.money-input input{min-height:34px;box-shadow:none;border:0;border-radius:0;padding-left:4px}.line-total{text-align:right;flex-direction:column;justify-content:center;gap:3px;min-height:36px;padding:2px;display:flex}.line-total strong{color:var(--navy);font-size:11px}.icon-button{color:#b44c37;background:#fff0ec;border:0;border-radius:8px;align-self:center;width:27px;height:27px;font-size:18px;line-height:1}.quick-add{width:100%;color:var(--navy);background:#f8fbfe;border:1px dashed #b9cadc;border-radius:9px;margin-top:7px;padding:7px;font-size:10px;font-weight:700}.quick-add span{vertical-align:-1px;font-size:15px}.summary-card{background:linear-gradient(125deg,var(--blue-soft),#fff);border:1px solid #d4e1ee;border-radius:13px;grid-template-columns:1fr minmax(230px,300px);gap:18px;margin-top:13px;padding:13px 15px;display:grid}.amount-words{flex-direction:column;gap:6px;display:flex}.amount-words strong{max-width:600px;color:var(--navy);font-size:10px;line-height:1.45}.summary-card dl{flex-direction:column;gap:6px;margin:0;display:flex}.summary-card dl div{color:var(--muted);justify-content:space-between;gap:18px;font-size:10px;display:flex}.summary-card dt,.summary-card dd{margin:0}.summary-card dd{color:var(--navy);font-weight:700}.summary-card .grand-total{color:var(--navy);border-top:1px solid #b9cadc;margin-top:1px;padding-top:7px;font-size:14px;font-weight:700}.actions{z-index:16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #cbd5e2e6;border-radius:12px;justify-content:flex-end;gap:8px;margin-top:12px;padding:8px;display:flex;position:sticky;bottom:8px;box-shadow:0 8px 24px #1f2e541f}.actions .button{min-width:104px}.actions .primary{min-width:180px}.add-action{color:var(--navy);background:#dcecf9}.notice{z-index:50;color:#fff;text-align:center;background:#263b6b;border-radius:10px;width:min(92vw,580px);padding:11px 38px 11px 16px;font-size:11px;position:fixed;top:121px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #14284b47}.notice button{color:#fff;background:0 0;border:0;font-size:20px;position:absolute;top:5px;right:8px}.pdf-ready{z-index:49;background:#fff;border:1px solid #bdd1e7;border-radius:10px;align-items:center;gap:7px;padding:8px 9px;font-size:9px;display:flex;position:fixed;top:121px;right:16px;box-shadow:0 10px 25px #1f2e5429}.pdf-ready strong{color:var(--navy)}.pdf-ready a{background:var(--blue-soft);color:var(--navy);border-radius:6px;padding:5px 7px;font-weight:700;text-decoration:none}.preview-toolbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:9px;display:flex}.preview-toolbar div{color:var(--navy);align-items:center;gap:7px;font-weight:700;display:flex}.status-dot{background:#58a97a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #58a97a21}.paper-wrap{justify-content:center;display:flex}.paper{aspect-ratio:612/792;background:#fff;width:min(100%,500px);position:relative;overflow:hidden;box-shadow:0 20px 40px #1f2e542b}.paper>img{width:100%;height:100%;display:block}.pdf-overlay{z-index:3;max-width:55%;color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(3.7px,.52vw,6.4px);line-height:1;position:absolute;overflow:hidden}.pdf-overlay.wide{max-width:45%}.pdf-overlay.right{text-align:right;width:18%;transform:translate(-100%)}.pdf-overlay.selected,.pdf-items.selected{outline-offset:2px;background:#ffe58959;outline:2px solid #e44e2f}.pdf-items{z-index:2;width:88.6%;height:100%;position:absolute;left:6.05%}.pdf-row{color:var(--navy);grid-template-columns:17.9% 42.5% 8.8% 13.3% 17.5%;align-items:center;font-size:clamp(3.7px,.5vw,6px);display:grid}.pdf-row span{white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;padding:0 4%;overflow:hidden}.pdf-row span:nth-child(2){text-align:left}.pdf-row span:nth-child(4),.pdf-row span:nth-child(5){text-align:right}.pv{z-index:2;color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(4px,.55vw,6.4px);line-height:1;position:absolute;overflow:hidden}.pv.folio{width:11.8%;font-size:clamp(3.7px,.48vw,5.7px);top:6.15%;left:63.35%}.pv.date{width:10.2%;top:6.1%;left:83.5%}.pv.name{width:54%;top:20.45%;left:13.1%}.pv.rfc{width:21%;top:20.45%;left:71.6%}.pv.address{width:52%;top:23.45%;left:14.2%}.pv.phone{width:21%;top:23.45%;left:71.5%}.pv.email{width:82%;top:26.4%;left:10.8%}.preview-items{grid-template-rows:repeat(18,1fr);width:88.6%;height:51.78%;display:grid;top:32.25%;left:6.05%}.preview-row{grid-template-columns:17.9% 42.5% 8.8% 13.3% 17.5%;align-items:center;min-height:0;display:grid}.preview-row span{white-space:nowrap;text-overflow:ellipsis;text-align:center;justify-content:center;align-items:center;height:100%;padding:0 4%;display:flex;overflow:hidden}.preview-row span:nth-child(2){text-align:left;justify-content:flex-start}.preview-row span:nth-child(4),.preview-row span:nth-child(5){text-align:right;justify-content:flex-end}.pv.words{width:43%;top:85.45%;left:15.7%}.pv.subtotal,.pv.iva,.pv.total{text-align:right;width:17%;right:6.6%}.pv.subtotal{top:85.8%}.pv.iva{top:88.55%}.pv.total{font-weight:700;top:92.55%}.pv.validity{text-align:center;width:4%;top:92.2%;left:27.9%}.preview-note{width:min(100%,500px);color:var(--muted);text-align:center;margin:11px auto 0;font-size:9px;line-height:1.5}.mobile-switch{display:none}.saved-page{width:min(1180px,100%);min-height:calc(100vh - 111px);margin:0 auto;padding:28px clamp(18px,4vw,48px) 60px}.saved-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.saved-heading h1{color:var(--navy);margin:3px 0 0;font-size:28px}.saved-heading p{color:var(--muted);margin:7px 0 0;font-size:11px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.saved-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1fr auto;gap:12px 18px;padding:17px;display:grid;box-shadow:0 8px 22px #1f2e540f}.saved-card-main{min-width:0}.saved-folio{color:var(--muted);text-transform:uppercase;align-items:center;gap:7px;font-size:8px;display:flex}.saved-folio strong{color:var(--navy);font-size:10px}.saved-card h2{text-overflow:ellipsis;white-space:nowrap;color:var(--navy);margin:8px 0 4px;font-size:15px;overflow:hidden}.saved-card p{color:var(--muted);margin:0;font-size:10px}.saved-total{color:var(--navy);align-self:center;font-size:16px}.saved-actions{border-top:1px solid var(--line);grid-column:1/-1;gap:6px;padding-top:10px;display:flex}.saved-actions button{min-height:32px;color:var(--navy);background:#f8fbfe;border:1px solid #cbd5e2;border-radius:8px;flex:1;font-size:9px;font-weight:700}.saved-actions button:hover{border-color:var(--blue);background:var(--blue-soft)}.saved-actions button.danger{color:#a64232;background:#fff5f2;border-color:#f2d2ca}.empty-state{min-height:260px;color:var(--muted);background:#fff;border:1px dashed #bdcad9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-state strong{color:var(--navy)}.empty-state span{font-size:11px}.loading-shell,.login-shell{background:linear-gradient(145deg,#dce9f4,#f7f9fc);place-items:center;min-height:100vh;padding:20px;display:grid}.loading-shell{color:var(--navy);align-content:center;gap:12px;font-size:11px}.spinner{border:4px solid #cbd9e8;border-top-color:var(--navy);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:13px;width:min(430px,100%);padding:34px;display:flex;box-shadow:0 24px 60px #1f2e5429}.login-card img{object-fit:contain;align-self:center;width:150px;height:80px}.login-card h1{color:var(--navy);text-align:center;margin:0;font-size:28px}.login-card p{color:var(--muted);text-align:center;margin:0 0 8px;font-size:11px;line-height:1.6}.login-card label,.calibration-panel label{flex-direction:column;gap:5px;display:flex}.login-card label span,.calibration-panel label span,.notes-field span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:700}.form-error{color:#9d3c2d;background:#fff1ee;border-radius:8px;padding:9px;font-size:10px}.admin-page{width:min(1280px,100%);min-height:calc(100vh - 111px);margin:0 auto;padding:26px clamp(16px,4vw,46px) 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.page-heading h1{color:var(--navy);margin:3px 0 0;font-size:28px}.page-heading p{color:var(--muted);margin:6px 0 0;font-size:10px}.heading-actions{gap:8px;display:flex}.filters{grid-template-columns:1fr 220px;gap:10px;margin-bottom:16px;display:grid}.inline-notice{color:var(--navy);background:#e9f3fb;border-radius:9px;margin:0 0 14px;padding:10px 13px;font-size:10px}.notes-field{flex-direction:column;gap:5px;margin-top:12px;display:flex}.notes-field textarea{resize:vertical;min-height:64px}.catalog-add,.user-add{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:120px 1.6fr 140px 1fr auto;gap:8px;margin-bottom:13px;padding:12px;display:grid}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:62vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:9px}th{z-index:2;color:#fff;background:var(--navy);text-align:left;padding:10px;position:sticky;top:0}td{border-bottom:1px solid var(--line);padding:9px 10px}tr.inactive{opacity:.5}.table-action{border:1px solid var(--line);min-width:60px;color:var(--navy);background:#f4f8fb;border-radius:6px;padding:5px;font-size:8px;font-weight:700}.table-actions{gap:5px;display:flex}.table-note{color:var(--muted);font-size:9px}.user-state{color:#9d3c2d;align-self:center;font-size:10px}.user-state.active{color:#348358}.calibration-layout{grid-template-columns:300px minmax(380px,650px);justify-content:center;align-items:start;gap:22px;display:grid}.calibration-panel{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:17px;display:flex}.xy-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.nudge-pad{grid-template-columns:repeat(3,1fr);gap:5px;width:130px;margin:auto;display:grid}.nudge-pad button{min-height:38px;color:var(--navy);background:#f4f8fb;border:1px solid #bdcad9;border-radius:7px;font-size:18px}.nudge-pad button:first-child{grid-column:2}.nudge-pad button:nth-child(2){grid-column:1}.nudge-pad button:nth-child(3){grid-column:3}.nudge-pad button:last-child{grid-column:2}.hint{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.calibration-preview{background:linear-gradient(145deg,#dce9f4,#f7f9fc);border-radius:14px;padding:14px}@media (max-width:1250px){.workspace{grid-template-columns:minmax(570px,1fr) minmax(350px,450px)}.item-card{grid-template-columns:25px minmax(170px,2fr) 72px 64px 92px 98px 27px;gap:6px}}@media (max-width:980px){.workspace{display:block}.editor-panel{min-height:calc(100vh - 152px);padding:18px 16px 88px}.preview-panel{border-left:0;min-height:calc(100vh - 152px);padding:18px 14px 50px;position:static}.mobile-switch{z-index:28;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;height:41px;display:grid;position:sticky;top:111px}.mobile-switch button{color:var(--muted);background:#fff;border:0;border-bottom:3px solid #0000;font-size:10px;font-weight:700}.mobile-switch button.active{border-color:var(--blue);color:var(--navy)}.mobile-hidden{display:none}.item-card{grid-template-columns:28px minmax(0,1fr) minmax(86px,.35fr);position:relative}.item-index{grid-row:span 3;align-self:start;margin-top:16px}.product-field{grid-column:2/-1}.line-total{text-align:left}.icon-button{position:absolute;top:8px;right:17px}.saved-page{min-height:calc(100vh - 111px)}.calibration-layout{grid-template-columns:1fr}.calibration-panel{order:2}}@media (max-width:620px){.topbar{height:60px;padding:6px 11px}.brand-lockup{gap:8px}.brand-lockup img{width:66px;height:40px}.brand-lockup span{display:none}.brand-lockup strong{font-size:11px}.top-status{gap:5px}.user-chip{display:none}.connection,.pending{padding:4px 6px;font-size:7px}.section-tabs{height:40px;padding:0 8px;top:60px;overflow-x:auto}.section-tabs button{flex:none;min-width:auto;padding:0 11px;font-size:9px}.mobile-switch{top:100px}.notice{top:109px}.pdf-ready{top:auto;bottom:58px;right:9px}.section-heading{align-items:center}.section-heading h1{font-size:20px}.form-grid{grid-template-columns:1fr 1fr}.span-2,.email-field{grid-column:1/-1}.items-heading{align-items:center}.items-heading h2{font-size:19px}.items-heading .button{flex:none}.item-card{grid-template-columns:26px 1fr 1fr;padding:8px}.item-index{grid-row:span 4}.product-field{grid-column:2/-1}.line-total{text-align:right;grid-column:2/-1}.summary-card{grid-template-columns:1fr;padding:12px}.actions{z-index:27;border:0;border-top:1px solid var(--line);border-radius:0;gap:5px;margin:0;padding:7px 8px;position:fixed;bottom:0;left:0;right:0}.actions .button{flex:1;min-width:0;padding:7px 5px;font-size:8px}.actions .primary{flex:1.6;min-width:0}.paper{width:100%}.pv{font-size:4.5px}.pv.folio{font-size:3.8px}.saved-page{padding:18px 12px 40px}.saved-heading{flex-direction:column;align-items:flex-start}.saved-heading h1{font-size:22px}.saved-grid{grid-template-columns:1fr}.saved-card{padding:14px}.saved-actions{flex-wrap:wrap}.saved-actions button{flex:42%}.admin-page{padding:18px 12px 50px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:22px}.filters{grid-template-columns:1fr}.catalog-add,.user-add{grid-template-columns:1fr 1fr}.catalog-add .button,.user-add .button{grid-column:1/-1}.calibration-layout{display:block}.calibration-panel{margin-top:12px}.login-card{padding:24px 18px}}@media print{.topbar,.section-tabs,.mobile-switch,.preview-toolbar,.preview-note,.editor-panel{display:none!important}.preview-panel{background:#fff;padding:0}.paper{width:100%;box-shadow:none}}