*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f4f8;color:#1e293b;min-height:100vh;line-height:1.5}.portal{min-height:100vh;display:flex;flex-direction:column}.portal-header{background:linear-gradient(135deg,#1e40af,#3b82f6,#2563eb);color:#fff;padding:1.25rem 1rem;box-shadow:0 2px 12px #2563eb4d}.header-content{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:.75rem}.header-logo{background:#fff3;border-radius:12px;padding:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-title{font-size:1.25rem;font-weight:700;line-height:1.2}.header-subtitle{font-size:.8rem;opacity:.9;font-weight:400}.stepper-container{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem .5rem;position:sticky;top:0;z-index:10;box-shadow:0 1px 4px #0000000d}.stepper{max-width:640px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between}.stepper-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;min-width:0}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:#cbd5e1;color:#64748b;transition:all .3s ease;flex-shrink:0;position:relative;z-index:2}.stepper-step.active .step-circle{background:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb33}.stepper-step.completed .step-circle{background:#16a34a;color:#fff}.step-label{font-size:.65rem;margin-top:.35rem;color:#64748b;text-align:center;font-weight:500;line-height:1.2}.stepper-step.active .step-label{color:#2563eb;font-weight:700}.stepper-step.completed .step-label{color:#16a34a}.step-connector{position:absolute;top:16px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#cbd5e1;z-index:1}.stepper-step.completed .step-connector{background:#16a34a}.portal-main{flex:1;padding:1.25rem 1rem 2rem}.card-container{max-width:640px;margin:0 auto;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 8px #0000000f,0 4px 24px #0000000a}.step-title{font-size:1.35rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.step-description{color:#475569;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.search-form,.fiscal-form,.form-grid{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.3rem}.input-group label{font-size:.8rem;font-weight:600;color:#334155}.input-group input,.input-group select{width:100%;padding:.75rem .875rem;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;font-family:inherit;color:#1e293b;background:#f8fafc;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}.input-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b7355' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.input-group input:focus,.input-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;background:#fff}.input-group input::placeholder{color:#94a3b8}.input-group input:disabled,.input-group select:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.input-hint{font-size:.75rem;color:#16a34a;font-weight:500}.input-error{font-size:.75rem;color:#dc2626;font-weight:500}.has-error input,.has-error select{border-color:#dc2626}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #2563eb66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#e2e8f0;color:#334155}.btn-secondary:hover:not(:disabled){background:#cbd5e1}.btn-block{width:100%;margin-top:1rem}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-large{width:40px;height:40px;border-color:#2563eb33;border-top-color:#2563eb}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;color:#475569}.alert{padding:.875rem 1rem;border-radius:10px;font-size:.9rem;display:flex;align-items:flex-start;gap:.625rem;margin-top:1rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#dc2626;color:#fff;font-size:.7rem;font-weight:800;flex-shrink:0;margin-top:1px}.venta-card{margin-top:1.5rem;border:2px solid #cbd5e1;border-radius:12px;overflow:hidden}.venta-header{background:#eff6ff;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd5e1}.venta-header h3{font-size:.95rem;color:#1e293b}.venta-folio{font-size:.8rem;font-weight:600;color:#2563eb;background:#2563eb1a;padding:.2rem .6rem;border-radius:6px}.venta-details{padding:1rem}.detail-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.9rem}.detail-label{color:#475569}.detail-value{font-weight:600;color:#1e293b}.detail-total{font-size:1.1rem;color:#2563eb}.venta-items{border-top:1px solid #cbd5e1;padding:1rem}.venta-items h4{font-size:.85rem;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.items-table{font-size:.85rem}.items-header{display:grid;grid-template-columns:1fr 50px 80px;gap:.5rem;padding:.4rem 0;border-bottom:1px solid #cbd5e1;color:#475569;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.items-row{display:grid;grid-template-columns:1fr 50px 80px;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.items-row:last-child{border-bottom:none}.item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-qty{text-align:center}.item-amount{text-align:right;font-weight:500}.venta-card .btn-block{margin:1rem;width:calc(100% - 2rem)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions .btn{flex:1}.confirm-sections{display:flex;flex-direction:column;gap:1.25rem}.confirm-section{border:1px solid #cbd5e1;border-radius:12px;overflow:hidden}.confirm-section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#eff6ff;padding:.75rem 1rem;border-bottom:1px solid #cbd5e1}.confirm-grid{padding:.5rem 1rem}.confirm-item{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.confirm-item:last-child{border-bottom:none}.confirm-label{font-size:.85rem;color:#475569}.confirm-value{font-size:.9rem;font-weight:600;color:#1e293b;text-align:right;max-width:60%;word-break:break-word}.confirm-total{color:#2563eb;font-size:1.05rem}.success-container{text-align:center;padding:1rem 0}.success-icon{color:#16a34a;margin-bottom:1rem}.success-icon svg{width:64px;height:64px}.success-title{color:#16a34a}.uuid-display{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1rem;margin:1.5rem 0}.uuid-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-bottom:.35rem}.uuid-value{display:block;font-size:.85rem;font-weight:600;color:#166534;word-break:break-all;font-family:Courier New,monospace}.download-buttons{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.btn-download{width:100%;padding:1rem}.btn-pdf{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 2px 8px #dc262633}.btn-pdf:hover{box-shadow:0 4px 16px #dc26264d;transform:translateY(-1px)}.btn-xml{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px #2563eb33}.btn-xml:hover{box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.download-note{color:#475569;font-size:.85rem;margin:1.5rem 0;padding:1rem;background:#eff6ff;border-radius:10px}.btn-new{width:100%;margin-top:.5rem}.portal-footer{text-align:center;padding:1.25rem 1rem;color:#94a3b8;font-size:.75rem;border-top:1px solid #e2e8f0}@media(min-width:640px){.portal-header{padding:1.5rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.9rem}.stepper-container{padding:1.25rem 1rem}.step-circle{width:36px;height:36px;font-size:.9rem}.step-label{font-size:.75rem}.step-connector{top:18px}.card-container{padding:2rem}.step-title{font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .input-group:first-child{grid-column:1 / -1}.download-buttons{flex-direction:row}.btn-download{flex:1}}