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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--blanc-casse:#f8f8f8;--noir-charbon:#1c1c1c;--rouge-carmin:#d72638;--primary-gradient:linear-gradient(135deg,var(--rouge-carmin) 0%,#b91e2e 100%);--secondary-gradient:linear-gradient(135deg,var(--noir-charbon) 0%,#2d2d2d 100%);--success-gradient:linear-gradient(135deg,#28a745,#20c997);--warning-gradient:linear-gradient(135deg,#ffc107,#fd7e14);--danger-gradient:linear-gradient(135deg,var(--rouge-carmin) 0%,#dc3545 100%);--bg-primary:#f8f8f8f2;--bg-secondary:#fff;--text-primary:var(--noir-charbon);--text-secondary:#4a4a4a;--text-muted:#6c757d;--border-color:#ffffff1a;--accent-color:var(--rouge-carmin);--shadow-sm:0 1px 3px 0 #1c1c1c1a,0 1px 2px 0 #1c1c1c0f;--shadow-md:0 4px 6px -1px #1c1c1c1a,0 2px 4px -1px #1c1c1c0f;--shadow-lg:0 10px 15px -3px #1c1c1c1a,0 4px 6px -2px #1c1c1c0d;--shadow-xl:0 20px 25px -5px #1c1c1c1a,0 10px 10px -5px #1c1c1c0a;--shadow-carmin:0 4px 15px #d726384d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#1c1c1c;background:var(--noir-charbon);color:#f8f8f8;color:var(--blanc-casse);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}.App{background:linear-gradient(135deg,#1c1c1c,#2d2d2d);background:linear-gradient(135deg,var(--noir-charbon) 0,#2d2d2d 100%);min-height:100vh}.header{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border-bottom:1px solid #d7263826;box-shadow:0 8px 32px #0000001f,0 2px 16px #d7263814;padding:2.5rem 2rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.header:before{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.header h1{color:#d72638;color:var(--rouge-carmin);font-family:Inter,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:-1px;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 4px 8px #d7263833;transition:all .3s ease}.header h1:hover{letter-spacing:0;text-shadow:0 6px 12px #d726384d;transform:translateY(-2px)}.header h1:after{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);border-radius:2px;bottom:-12px;box-shadow:0 2px 8px #d726384d;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.nav{background:#f8f8f8e6;border:1px solid #d7263814;border-radius:30px;box-shadow:inset 0 1px 3px #00000014,0 4px 20px #0000000d,0 1px 3px #d726381a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow:hidden;padding:1.5rem 2rem;position:relative}.nav:before{background:linear-gradient(135deg,#fffc,#f8f8f899);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.nav-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:2px solid #d7263833;border-radius:20px;box-shadow:0 4px 15px #1c1c1c1a;color:#1c1c1c;color:var(--noir-charbon);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-button:hover:before{left:100%}.nav-button:after{background:radial-gradient(circle,#d726384d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.nav-button:hover{background:linear-gradient(135deg,#d72638,#b91c2c);background:linear-gradient(135deg,var(--rouge-carmin) 0,#b91c2c 100%);border-color:#ffffff4d;box-shadow:0 8px 25px #d7263866,0 4px 15px #0003,inset 0 1px 0 #fff3;color:#fff;text-shadow:0 1px 2px #0000004d;transform:translateY(-3px) scale(1.05)}.nav-button:hover:after{height:200px;width:200px}.nav-button.active{background:linear-gradient(135deg,#d72638,#b91c2c);background:linear-gradient(135deg,var(--rouge-carmin) 0,#b91c2c 100%);border-color:#fff6;box-shadow:0 6px 20px #d7263880,0 3px 10px #0003,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0000001a;color:#fff;text-shadow:0 1px 2px #0006;transform:translateY(-2px)}.nav-button.active:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:150px;width:150px}.container{margin:0 auto;max-width:1200px;padding:2rem}.form-container{animation:fadeInUp .3s ease-out;background:#fffffff2;border:1px solid #d7263833;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #1c1c1c1a,0 10px 10px -5px #1c1c1c0a;box-shadow:var(--shadow-xl);margin-bottom:2rem;padding:2.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{animation:slideInRight .2s ease-out;animation-fill-mode:both;display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#1c1c1c;color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;position:relative;text-transform:uppercase;transition:all .3s ease}.form-group label:after{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-group:focus-within label:after{width:100%}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;color:#1c1c1c;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#d7263805;border-color:#d72638;border-color:var(--rouge-carmin);box-shadow:0 0 0 3px #d726381a,0 1px 3px #0000001a;outline:none;transform:translateY(-1px)}.form-group textarea{min-height:120px;resize:vertical}.items-section{margin-top:2rem}.items-section h3{align-items:center;color:#1c1c1c;color:var(--text-primary);display:flex;font-size:1.4rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.items-section h3:before{content:"📋";font-size:1.2rem}.item-row{grid-gap:1rem;align-items:end;background:#fffffff2;border:1px solid #e2e8f0;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.item-row:hover{box-shadow:0 4px 6px -1px #1c1c1c1a,0 2px 4px -1px #1c1c1c0f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-row:before{background:linear-gradient(90deg,#0000,#d726381a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.item-row:hover:before{left:100%}.add-item-btn,.remove-item-btn{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-item-btn{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);box-shadow:0 1px 3px 0 #1c1c1c1a,0 1px 2px 0 #1c1c1c0f;box-shadow:var(--shadow-sm);color:#fff;margin-bottom:1rem}.add-item-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.add-item-btn:hover{box-shadow:0 4px 15px #d726384d;box-shadow:var(--shadow-carmin);transform:translateY(-2px)}.add-item-btn:active:before{height:300px;width:300px}.remove-item-btn{background:linear-gradient(135deg,#d72638,#dc3545);background:var(--danger-gradient);border-radius:.375rem;border-radius:var(--radius-sm);color:#fff;font-size:.85rem;padding:.5rem .75rem}.remove-item-btn:hover{box-shadow:0 4px 6px -1px #1c1c1c1a,0 2px 4px -1px #1c1c1c0f;box-shadow:var(--shadow-md);transform:scale(1.05)}.total-section{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #1c1c1c1a,0 4px 6px -2px #1c1c1c0d;box-shadow:var(--shadow-lg);color:#fff;margin-top:2rem;overflow:hidden;padding:2rem;position:relative}.total-section:before{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.total-row{display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:.75rem}.total-row.final{border-top:2px solid #ffffff4d;font-size:1.4rem;font-weight:700;margin-top:1rem;padding-top:1rem}.generate-btn{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);border:none;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px #d726384d;box-shadow:var(--shadow-carmin);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative;transition:all .3s ease;width:100%}.generate-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.generate-btn:hover{box-shadow:0 4px 15px #d726384d;box-shadow:var(--shadow-carmin);filter:brightness(1.1);transform:translateY(-2px)}.generate-btn:active:before{height:300px;width:300px}.preview-container{animation:fadeInUp .3s ease-out;background:#fffffff2;border:1px solid #d7263833;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #1c1c1c1a,0 10px 10px -5px #1c1c1c0a;box-shadow:var(--shadow-xl);margin-top:2rem;padding:2.5rem}.preview-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.back-button{align-items:center;background:#fff;background:var(--bg-secondary);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #1c1c1c1a,0 1px 2px 0 #1c1c1c0f;box-shadow:var(--shadow-sm);color:#1c1c1c;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s ease}.back-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.back-button:hover{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 15px #d726384d;box-shadow:var(--shadow-carmin);color:#fff;transform:translateY(-2px)}.back-button:active:before{height:300px;width:300px}.pdf-button{align-items:center;background:linear-gradient(135deg,#1c1c1c,#2d2d2d);background:var(--secondary-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #1c1c1c1a,0 1px 2px 0 #1c1c1c0f;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s ease}.pdf-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.pdf-button:hover{box-shadow:0 10px 15px -3px #1c1c1c1a,0 4px 6px -2px #1c1c1c0d;box-shadow:var(--shadow-lg);filter:brightness(1.1);transform:translateY(-2px)}.pdf-button:active:before{height:300px;width:300px}.document-preview{background:#fff;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #1c1c1c1a,0 2px 4px -1px #1c1c1c0f;box-shadow:var(--shadow-md);margin:0 auto;max-width:800px;overflow:hidden;padding:2.5rem;position:relative}.document-preview:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.document-header,.document-preview:before{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient)}.document-header{align-items:flex-start;background-clip:padding-box;border-bottom:3px solid #0000;border-image:linear-gradient(135deg,#d72638,#b91e2e) 1;border-image:var(--primary-gradient) 1;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.logo-section{flex:1 1}.logo-placeholder{align-items:center;background:#f8f8f8f2;background:var(--bg-primary);border:2px dashed #d72638;border:2px dashed var(--rouge-carmin);border-radius:.5rem;border-radius:var(--radius-md);color:#d72638;color:var(--rouge-carmin);display:flex;font-weight:600;height:80px;justify-content:center;padding:.5rem;transition:all .3s ease;width:150px}.logo-placeholder:hover{background:#d726381a;transform:scale(1.02)}.logo-placeholder svg{max-height:100%;max-width:100%}.document-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.document-date{color:#4a4a4a;color:var(--text-secondary);font-size:.95rem}.payment-status{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-top:.5rem;padding:.5rem 1rem;text-transform:uppercase}.payment-status.paid{background:linear-gradient(135deg,#28a745,#20c997);background:var(--success-gradient)}.payment-status.paid,.payment-status.unpaid{box-shadow:0 1px 3px 0 #1c1c1c1a,0 1px 2px 0 #1c1c1c0f;box-shadow:var(--shadow-sm);color:#fff}.payment-status.unpaid{background:linear-gradient(135deg,#ffc107,#fd7e14);background:var(--warning-gradient)}.payment-status:before{margin-right:.5rem}.parties-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.party-info{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000001a;padding:1.5rem}.party-info h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.items-table{border-collapse:collapse;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #1c1c1c1a,0 2px 4px -1px #1c1c1c0f;box-shadow:var(--shadow-md);margin:2rem 0;overflow:hidden;position:relative;width:100%}.items-table th{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1.25rem;text-align:left;text-transform:uppercase}.items-table td{background:#fff;background:var(--bg-secondary);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.items-table tr:nth-child(2n) td{background:#f8f8f8f2;background:var(--bg-primary)}.items-table tr:hover td{background:#667eea0d}.items-table .text-right{font-weight:600;text-align:right}.totals-table{border-collapse:collapse;margin-left:auto;margin-top:2rem;max-width:400px;width:100%}.totals-table td{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);font-size:1.1rem;padding:.75rem 1rem}.totals-table .total-final{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);color:#fff;font-size:1.3rem;font-weight:700}.totals-table .total-final td{border-bottom:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.form-group:first-child{animation-delay:.05s}.form-group:nth-child(2){animation-delay:.1s}.form-group:nth-child(3){animation-delay:.15s}.form-group:nth-child(4){animation-delay:.2s}.form-container h2,.form-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-bottom:1.5rem;position:relative}.form-container h2{font-size:2rem;margin-bottom:2rem;text-align:center}.form-container h3{border-image:linear-gradient(135deg,#d72638,#b91e2e) 1;border-image:var(--primary-gradient) 1;border-left:4px solid #0000;font-size:1.3rem;margin-top:2rem;padding-left:1rem}.status-message{animation:fadeInUp .3s ease-out;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:600;margin:1rem 0;padding:1rem;text-align:center}.status-message.success{background:linear-gradient(135deg,#28a745,#20c997);background:var(--success-gradient);color:#fff}.status-message.warning{background:linear-gradient(135deg,#ffc107,#fd7e14);background:var(--warning-gradient);color:#fff}.status-message.error{background:linear-gradient(135deg,#d72638,#dc3545);background:var(--danger-gradient);color:#fff}[data-tooltip]{position:relative}[data-tooltip]:after{background:#1c1c1c;background:var(--text-primary);border-radius:.5rem;border-radius:var(--radius-md);bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.8rem;left:50%;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{opacity:1}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:1rem}.form-container,.preview-container{margin:1rem 0;padding:1.5rem}.form-grid{gap:1rem}.form-grid,.item-row{grid-template-columns:1fr}.item-row{gap:.75rem;padding:1rem}.parties-section{gap:1rem;grid-template-columns:1fr}.document-header{flex-direction:column;gap:1rem}.document-header,.document-info{text-align:center}.nav{border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem}.nav-button{border-radius:12px;font-size:1rem;min-width:auto;padding:1.2rem;width:100%}.preview-actions{align-items:center;flex-direction:column}.back-button,.pdf-button{justify-content:center;width:100%}.header{padding:2rem 1.5rem 1.5rem}.header h1{font-size:2.2rem;letter-spacing:-.5px;margin-bottom:1.5rem}.header h1:after{bottom:-10px;height:3px;width:60px}.items-table{font-size:.9rem}.items-table td,.items-table th{padding:.75rem .5rem}.footer{margin-top:3rem;padding:2.5rem 1.5rem 2rem}.footer-text{font-size:1rem}.footer-link{border-radius:12px;font-size:1.2rem;padding:.8rem 1.5rem}.footer-divider{height:2px;width:80px}.footer-content:hover .footer-divider{width:90px}}@media (max-width:480px){.document-title{font-size:1.8rem}.form-container,.preview-container{padding:1rem}.generate-btn{font-size:1rem;padding:1rem 1.5rem}.items-table{font-size:.8rem}.header{padding:1.5rem 1rem}.header h1{font-size:1.8rem;margin-bottom:1.2rem}.header h1:after{bottom:-8px;height:2px;width:50px}.nav{border-radius:12px;padding:1rem}.nav-button{border-radius:10px;font-size:.9rem;padding:1rem}.footer{margin-top:2rem;padding:2rem 1rem 1.5rem}.footer-text{font-size:.9rem}.footer-link{border-radius:10px;font-size:1.1rem;padding:.7rem 1.2rem}.footer-divider{height:2px;width:60px}.footer-content:hover .footer-divider{width:70px}}.delete-btn{background:#d72638;background:var(--rouge-carmin);border:none;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 2px 4px #d7263833;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.delete-btn:hover{background:#b91e2e;box-shadow:0 4px 15px #d726384d;box-shadow:var(--shadow-carmin);transform:translateY(-1px)}.payment-status-selector{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.payment-status-selector label{color:#1c1c1c;color:var(--text-primary);font-weight:600;min-width:120px}.payment-status-selector select{background:#fff;border:2px solid #e2e8f0;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001a;color:#1c1c1c;color:var(--text-primary);flex:1 1;font-size:1rem;padding:.75rem;transition:all .3s ease}.payment-status-selector select:focus{border-color:#d72638;border-color:var(--rouge-carmin);box-shadow:0 0 0 3px #d726381a;outline:none}.payment-status-indicator{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.payment-status-indicator.paid{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.payment-status-indicator.unpaid{background:#d726381a;border:1px solid #d726384d;color:#d72638;color:var(--rouge-carmin)}.payment-status-indicator.partial{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#d97706}.error-message{background:#d726381a;border:1px solid #d726384d;border-radius:.5rem;border-radius:var(--radius-md);color:#d72638;color:var(--rouge-carmin)}.error-message,.success-message{align-items:center;display:flex;font-weight:500;gap:.5rem;margin:1rem 0;padding:1rem}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.5rem;border-radius:var(--radius-md);color:#16a34a}a{color:#d72638;color:var(--rouge-carmin);font-weight:500;text-decoration:none;transition:all .3s ease}a:hover{color:#b91e2e;text-decoration:underline}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge.primary{background:#d726381a;border:1px solid #d726384d;color:#d72638;color:var(--rouge-carmin)}.badge.secondary{background:#1c1c1c1a;border:1px solid #1c1c1c4d;color:#1c1c1c;color:var(--noir-charbon)}.badge.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.badge.warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#d97706}.footer{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffffa;border-top:1px solid #d7263826;box-shadow:0 -8px 32px #0000001f,0 -2px 16px #d7263814;margin-top:5rem;overflow:hidden;padding:3rem 2rem 2.5rem;position:relative;text-align:center}.footer:before{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);height:2px;z-index:1}.footer:after,.footer:before{content:"";left:0;position:absolute;right:0;top:0}.footer:after{background:linear-gradient(135deg,#ffffffe6,#f8f8f8b3);bottom:0;z-index:-1}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px}.footer-text{color:#4a4a4a;color:var(--text-secondary);font-size:1.1rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase;transition:all .3s ease}.footer-text:hover{opacity:1;transform:translateY(-1px)}.footer-link{color:#d72638;color:var(--rouge-carmin);font-size:1.4rem;font-weight:900;letter-spacing:1px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-transform:uppercase}.footer-link,.footer-link:before{border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.footer-link:before{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8) rotate(-5deg);z-index:-1}.footer-link:hover:before{opacity:1;transform:scale(1) rotate(0deg)}.footer-link:hover{box-shadow:0 10px 30px #d7263866,0 4px 15px #00000026;color:#fff;text-shadow:0 4px 8px #0003;transform:translateY(-4px) scale(1.05)}.footer-divider{background:linear-gradient(135deg,#d72638,#b91e2e);background:var(--primary-gradient);border:none;border-radius:2px;box-shadow:0 2px 8px #d726384d;height:3px;margin:.5rem 0;transition:all .3s ease;width:100px}.footer-content:hover .footer-divider{transform:scale(1.1);width:120px}.modern-invoice{background:#f8f8f8;background:var(--blanc-casse);border-radius:16px;box-shadow:0 20px 60px #1c1c1c26;color:#1c1c1c;color:var(--noir-charbon);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0 auto;max-width:210mm;overflow:hidden}.modern-header{background:linear-gradient(135deg,#1c1c1c,#2d2d2d);background:linear-gradient(135deg,var(--noir-charbon) 0,#2d2d2d 100%);color:#fff;overflow:hidden;padding:2.5rem;position:relative}.modern-header:before{background:linear-gradient(90deg,#d72638,#b91c2c);background:linear-gradient(90deg,var(--rouge-carmin) 0,#b91c2c 100%);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.header-content{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:2}.logo-section{flex:0 0 auto}.logo-section .logo-container{background:#0000;border:none;border-radius:12px;padding:.5rem}.logo-section .logo-container img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));max-height:300px;max-width:550px;object-fit:contain}.document-info{flex:1 1;margin-left:2rem;text-align:right}.document-type{color:#d72638;color:var(--rouge-carmin);font-size:2.5rem;font-weight:800;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.document-number{color:#fff;font-size:1.2rem;font-weight:600;opacity:1}.document-dates,.document-number{margin-bottom:1rem}.date-item{display:flex;font-size:.95rem;justify-content:flex-end;margin-bottom:.3rem}.date-label{font-weight:500;margin-right:.5rem;opacity:.8}.date-value{font-weight:600}.modern-payment-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:inline-flex;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.modern-payment-status .status-indicator{border-radius:50%;height:8px;margin-right:.5rem;width:8px}.modern-payment-status.paid .status-indicator{background:#10b981;box-shadow:0 0 10px #10b98180}.modern-payment-status.pending .status-indicator{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.modern-parties{grid-gap:2rem;background:linear-gradient(135deg,#f8f8f8,#f0f0f0);display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2.5rem}.party-card{background:#fff;border:1px solid #d726381a;border-radius:16px;box-shadow:0 8px 32px #1c1c1c14;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.party-card:hover{box-shadow:0 12px 40px #1c1c1c1f;transform:translateY(-2px)}.party-header{align-items:center;border-bottom:2px solid #d72638;border-bottom:2px solid var(--rouge-carmin);display:flex;margin-bottom:1rem;padding-bottom:.75rem}.party-icon{font-size:1.5rem;margin-right:.75rem}.party-header h4{color:#d72638;color:var(--rouge-carmin);font-size:.9rem;font-weight:700;letter-spacing:1px;margin:0}.party-content{line-height:1.6}.client-name,.company-name{color:#1c1c1c;color:var(--noir-charbon);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.company-siret{color:#666;font-size:.85rem;font-style:italic;margin-bottom:.75rem}.address-block{color:#555;margin-bottom:1rem}.contact-block{margin-top:1rem}.contact-item{align-items:center;display:flex;font-size:.9rem;margin-bottom:.4rem}.contact-icon{font-size:.8rem;margin-right:.5rem}.modern-items-section{padding:2.5rem}.section-title{align-items:center;border-bottom:3px solid #d72638;border-bottom:3px solid var(--rouge-carmin);color:#1c1c1c;color:var(--noir-charbon);display:flex;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem}.title-icon{font-size:1.5rem;margin-right:.75rem}.modern-table{border:1px solid #d726381a;border-radius:12px;box-shadow:0 8px 32px #1c1c1c14;overflow:hidden}.table-header{background:linear-gradient(135deg,#d72638,#b91c2c);background:linear-gradient(135deg,var(--rouge-carmin) 0,#b91c2c 100%);color:#fff;display:grid;font-size:.9rem;font-weight:700;grid-template-columns:2fr .8fr 1.2fr 1.2fr;letter-spacing:.5px}.table-header>div{padding:1rem;text-align:center}.col-description{text-align:left!important}.table-body{background:#fff}.table-row{border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:2fr .8fr 1.2fr 1.2fr;transition:background-color .2s ease}.table-row:hover{background:#f9fafb}.table-row.even{background:#fafafa}.table-row.odd{background:#fff}.table-row>div{align-items:center;display:flex;font-size:.9rem;justify-content:center;padding:1rem}.col-description{justify-content:flex-start!important}.item-description{color:#1c1c1c;color:var(--noir-charbon);font-weight:500}.col-quantity,.col-total,.col-unit-price{color:#374151;font-weight:600}.modern-totals{background:linear-gradient(135deg,#f8f8f8,#f0f0f0);padding:2rem 2.5rem}.totals-content{background:#fff;border:1px solid #d726381a;border-radius:12px;box-shadow:0 8px 32px #1c1c1c14;margin-left:auto;max-width:400px;padding:1.5rem}.total-line{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 0}.total-line:last-child{border-bottom:none}.total-line.final-total{border-top:2px solid #d72638;border-top:2px solid var(--rouge-carmin);color:#d72638;color:var(--rouge-carmin);font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.total-label{font-weight:500}.total-value{color:#1c1c1c;color:var(--noir-charbon);font-weight:600}.final-total .total-value{color:#d72638;color:var(--rouge-carmin);font-size:1.2rem}.modern-notes{padding:2rem 2.5rem}.notes-title{align-items:center;color:#1c1c1c;color:var(--noir-charbon);display:flex;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.notes-icon{font-size:1.3rem;margin-right:.75rem}.notes-content{background:#fff;border-left:4px solid #d72638;border-left:4px solid var(--rouge-carmin);border-radius:12px;box-shadow:0 4px 16px #1c1c1c0d;color:#374151;line-height:1.7;padding:1.5rem;white-space:pre-wrap}.modern-footer{background:linear-gradient(135deg,#1c1c1c,#2d2d2d);background:linear-gradient(135deg,var(--noir-charbon) 0,#2d2d2d 100%);color:#fff;overflow:hidden;padding:2rem 2.5rem;position:relative;text-align:center}.modern-footer:before{background:linear-gradient(90deg,#d72638,#b91c2c);background:linear-gradient(90deg,var(--rouge-carmin) 0,#b91c2c 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-content{position:relative;z-index:2}.footer-message{font-size:.95rem;line-height:1.6;margin-bottom:.75rem;opacity:.9}.footer-thanks{color:#d72638;color:var(--rouge-carmin);font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.footer-decoration{background:radial-gradient(circle,#d726381a 0,#0000 70%);border-radius:50%;bottom:-50px;height:200px;position:absolute;right:-50px;width:200px}@media (max-width:768px){.modern-invoice{border-radius:12px;margin:1rem}.modern-header{padding:1.5rem}.header-content{flex-direction:column;gap:1.5rem}.document-info{margin-left:0;text-align:left}.document-type{font-size:2rem}.modern-parties{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.modern-items-section{padding:1.5rem}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header>div,.table-row>div{justify-content:flex-start!important;padding:.75rem;text-align:left!important}.table-header>div:before{content:attr(data-label) ": ";font-weight:600;margin-right:.5rem}.modern-totals{padding:1.5rem}.totals-content{max-width:none}.modern-footer,.modern-notes{padding:1.5rem}}
/*# sourceMappingURL=main.26ecc4dd.css.map*/