*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;background-color:#f3f6fb;background-color:var(--app-bg,#f3f6fb);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;margin:0;padding:0}.container{margin:0 auto;min-height:auto;padding:16px;width:100%}h1{font-size:22px;font-weight:700;margin:12px 0 20px;text-align:center}.section-title{color:#333;font-size:17px;margin-top:24px}.input-group{margin-bottom:12px}.form-row,.input-group{display:flex;flex-direction:column;gap:0}.form-row{margin-bottom:4px}.input-with-label{display:flex;flex:1 1;flex-direction:column;margin:5px 0}.input-with-label label{color:#555;font-size:13px;font-weight:600;margin-bottom:4px;margin-left:2px}.preview-box{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#444;font-size:15px;line-height:1.5;padding:14px 12px;pointer-events:none;user-select:none;-webkit-user-select:none;white-space:pre-wrap;word-break:break-word}.readonly-input{background-color:#f5f5f5;border:1px solid #ddd;color:#555;cursor:default}input,select,textarea{appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:16px;margin:5px 0;padding:14px 12px;transition:border-color .2s;width:100%}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-secondary,#64748b);opacity:.75}input:focus,select:focus,textarea:focus{border-color:var(--accent,#2563eb);outline:none}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m0 0 6 8 6-8z' fill='%23555'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}textarea{min-height:100px;resize:vertical}.table-wrapper{-webkit-overflow-scrolling:touch;margin-top:16px;overflow-x:auto}table{border-collapse:collapse;display:none;width:100%}tbody tr:nth-child(2n){background:#f8faffb3}td,th{border:1px solid #ddd;font-size:15px;padding:10px 8px;text-align:center}th{background:#f4f4f4;font-weight:700;white-space:nowrap}tr:hover{background-color:#f9f9f9}.product-cards{display:flex;flex-direction:column;gap:12px;margin-top:12px}.product-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:14px;position:relative}.product-card-row{display:flex;font-size:15px;justify-content:space-between;padding:3px 0}.product-card-row .label{color:#666;font-weight:500}.product-card-row .value{font-weight:600;text-align:right}.product-card-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.product-card-header .product-name{color:#333;font-size:16px;font-weight:700}.product-card-header .product-number{color:#999;font-size:13px}.empty-table{color:#888;font-style:italic;padding:24px 16px;text-align:center}.summary{border-top:2px solid #333;font-size:16px;margin-top:20px;padding:12px 0}.summary p{margin:6px 0}.total{font-size:18px;font-weight:700;margin-top:8px}.btn-group{margin-top:20px;text-align:center}.btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:8px 4px;padding:14px 20px;transition:background-color .2s,transform .1s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-add{font-size:16px;margin-top:4px;padding:14px}.btn-add,.btn-export{font-weight:600;width:100%}.btn-export{font-size:17px;padding:16px 24px}.message{animation:fadeIn .3s ease-in;border-radius:8px;font-size:15px;font-weight:600;margin-top:16px;padding:12px 16px;text-align:center}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:600px){.container{border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:24px auto;max-width:900px;min-height:auto;padding:24px}h1{font-size:24px}.form-row,.input-group{flex-direction:row;gap:10px}.btn-add{padding:14px 20px;white-space:nowrap;width:auto}.btn-export{padding:14px 30px;width:auto}table{display:table}.product-cards{display:none!important}.summary{font-size:18px}.total{font-size:20px}}@media (min-width:960px){.container{margin:30px auto;max-width:960px;padding:30px}td,th{font-size:16px;padding:12px}}.signature{font-size:16px;margin-top:30px;text-align:center}.signature div{display:inline-block;width:45%}.signature p{font-weight:700;margin-bottom:5px}.signature-line{margin-top:15px;text-decoration:underline}:root{--app-bg:#f3f6fb;--surface:#fff;--surface-soft:#f8faff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#dbe5f1;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-hover:#b91c1c;--success:#16a34a;--success-hover:#15803d}body{background:radial-gradient(1200px 500px at -10% -20%,#2563eb1f,#0000 60%),radial-gradient(900px 450px at 120% 0,#0ea5e91a,#0000 55%),#f3f6fb;background:radial-gradient(1200px 500px at -10% -20%,#2563eb1f,#0000 60%),radial-gradient(900px 450px at 120% 0,#0ea5e91a,#0000 55%),var(--app-bg);color:#1e293b;color:var(--text-primary)}.container{background:#0000;border-radius:18px;margin:18px auto;max-width:980px}.page-header{margin-bottom:14px;text-align:center}.page-header h1{color:#1e293b;color:var(--text-primary);font-size:clamp(1.5rem,2.8vw,2rem);letter-spacing:.2px;margin:0}.page-header p{color:#64748b;color:var(--text-secondary);font-size:.97rem;margin:8px 0 0}.panel{background:#fff;background:var(--surface);border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 0 #0f172a0a,0 18px 48px #0f172a14;margin-bottom:14px;padding:16px}.panel .section-title{font-size:.95rem;font-weight:700;letter-spacing:.2px;margin:0 0 10px}.section-title{color:#1e293b;color:var(--text-primary);margin-bottom:10px;margin-top:2px}.input-with-label label{color:#64748b;color:var(--text-secondary)}.readonly-input,input,select,textarea{background-color:#fff;border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:10px}.readonly-input{background-color:#f8faff;background-color:var(--surface-soft)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 4px #2563eb26}.btn-remove-icon:focus-visible,.btn-remove:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2563eb8c;outline-offset:2px}.btn{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff59,0 10px 26px #2563eb3d;transition:transform .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.03)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-remove{align-items:center;background:#0000;border:1px solid #dc262640;box-shadow:none;color:#dc2626;color:var(--danger);display:inline-flex;font-size:15px;font-weight:700;justify-content:center;min-width:190px;padding:12px 18px}.btn-remove:hover{background:#dc2626;background:var(--danger);border-color:#dc2626;border-color:var(--danger);color:#fff}.btn-success{border:1px solid #16a34a47;color:#16a34a;color:var(--success);font-size:15px;font-weight:700;min-width:190px;padding:12px 18px}.btn-remove-icon,.btn-success{align-items:center;background:#0000;box-shadow:none;display:inline-flex;justify-content:center}.btn-remove-icon{border:1px solid #dc262638;border-radius:10px;color:#dc2626;color:var(--danger);font-weight:900;line-height:1;min-width:auto;padding:6px 10px}.btn-remove-icon:hover{background:#dc262614;border-color:#dc262659}.btn-success:hover{background:#16a34a;background:var(--success);border-color:#16a34a;border-color:var(--success);color:#fff}.table-wrapper{background:#fff;background:var(--surface);border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:12px}table{border-radius:12px;overflow:hidden}th{background:#f8faff;background:var(--surface-soft);color:#1e293b;color:var(--text-primary);font-size:13px;letter-spacing:.25px;text-transform:uppercase}td,th{border-color:#dbe5f1;border-color:var(--border)}.product-card{background:#fff;background:var(--surface);border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #0f172a0a}.summary{background:linear-gradient(180deg,#f8faff,#fff);border-radius:14px;border-top:1px solid #dbe5f1;border-top:1px solid var(--border);margin-top:14px;padding:14px}.summary p{color:#1e293b;color:var(--text-primary);display:flex;justify-content:space-between}.total{border-top:1px dashed #dbe5f1;border-top:1px dashed var(--border);padding-top:10px}.message{border-radius:12px;box-shadow:0 8px 24px #0f172a14}.saved-documents{display:flex;flex-direction:column;gap:12px}.saved-document{background:#fff;background:var(--surface);border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:14px;overflow:hidden}.saved-document-header{background:#f8faff;background:var(--surface-soft);display:flex;gap:10px;justify-content:space-between;padding:12px}.saved-document-title{color:#1e293b;color:var(--text-primary);font-weight:800}.saved-document-meta{color:#64748b;color:var(--text-secondary);font-size:13px;margin-top:2px}.saved-versions{display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px}.saved-version{align-items:center;background:#fff;background:var(--surface);border:1px solid #dbe5f1;border:1px solid var(--border);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px}.saved-version-label{color:#1e293b;color:var(--text-primary);font-weight:700}.saved-version-info{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-version-meta{color:#64748b;color:var(--text-secondary);font-size:12px}.saved-version-actions{display:flex;gap:8px}.saved-version-actions .btn{font-size:14px;margin:0;padding:10px 14px}@media (min-width:600px){.container{background:#0000;border-radius:0;box-shadow:none;margin:26px auto;padding:0}.panel{padding:18px}.btn-group{margin-top:10px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=main.0658dd70.css.map*/