.input-group{margin-bottom:var(--space-md)}.input-label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-xs)}.input-label .required{color:var(--error);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.875rem;color:var(--gray-400);display:flex;align-items:center;pointer-events:none}.input-field{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:var(--gray-800);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-field.has-icon{padding-left:2.75rem}.input-field:hover{border-color:var(--gray-300)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.input-field::placeholder{color:var(--gray-400)}.input-field:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.textarea{resize:vertical;min-height:100px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;cursor:pointer}.has-error .input-field{border-color:var(--error)}.has-error .input-field:focus{box-shadow:0 0 0 3px #ef44441a}.input-error{display:block;font-size:.8125rem;color:var(--error);margin-top:var(--space-xs)}.input-helper{display:block;font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-xs)}@media (max-width: 768px){.input-field{padding:.875rem 1rem;font-size:16px}}.auth-container{min-height:100vh;display:flex;background:var(--gray-50)}.auth-card{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl);max-width:480px;margin:0 auto}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:var(--gradient);color:var(--white);border-radius:var(--radius-xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-lg)}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-xs)}.auth-header p{color:var(--gray-500);font-size:1rem;margin:0}.auth-form{background:var(--white);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-bottom:var(--space-md)}.auth-footer{text-align:center;margin-top:var(--space-lg)}.auth-footer p{color:var(--gray-500);margin:0}.auth-footer a{color:var(--primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-bg{display:none;flex:1;background:var(--gradient);color:var(--white);position:relative;overflow:hidden}.auth-bg:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.auth-bg:after{content:"";position:absolute;bottom:-30%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%)}.auth-bg-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding:var(--space-2xl)}.auth-bg-content h2{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:var(--space-md)}.auth-bg-content>p{font-size:1.125rem;opacity:.9}.auth-features{list-style:none;margin-top:var(--space-xl)}.auth-features li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;font-size:1.125rem}.auth-features li svg{flex-shrink:0;background:rgba(255,255,255,.2);border-radius:var(--radius-full);padding:4px}@media (min-width: 1024px){.auth-card{flex:0 0 480px;max-width:480px;margin:0}.auth-bg{display:flex}}@media (max-width: 480px){.auth-card{padding:var(--space-md)}.auth-form{padding:var(--space-lg)}.auth-logo{width:60px;height:60px}.auth-logo svg{width:32px;height:32px}}.header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-lg);background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;overflow:hidden}.header-left{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.menu-toggle:hover{background:var(--gray-100);color:var(--gray-800)}.header-brand{display:flex;align-items:center;gap:var(--space-sm)}.header-brand svg{color:var(--primary);flex-shrink:0}.brand-name{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:1;min-width:0;justify-content:flex-end}.header-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.header-btn:hover{background:var(--gray-100);color:var(--gray-800)}.lang-toggle{border:1px solid var(--gray-200)}.lang-toggle span{font-size:.75rem;font-weight:600}.logout-btn:hover{background:#fef2f2;color:var(--error)}.header-user{display:flex;align-items:center;gap:var(--space-sm);padding:.375rem .75rem .375rem .375rem;border-radius:var(--radius-full);max-width:180px;min-width:0}.user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:var(--white);font-size:.875rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;flex-shrink:0}.user-name{font-size:.875rem;font-weight:500;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media (min-width: 1024px){.menu-toggle{display:none}}@media (max-width: 900px){.header{padding:0 var(--space-md)}.user-name{max-width:100px}}@media (max-width: 768px){.header{padding:0 var(--space-sm);gap:var(--space-sm)}.header-left{gap:var(--space-sm)}.header-right{gap:.25rem}.brand-name,.user-name{display:none}.header-user{padding:0;background:transparent}.lang-toggle span{display:none}.lang-toggle{border:none;padding:.5rem}.header-btn,.logout-btn{padding:.5rem}.user-avatar{width:36px;height:36px}}@media (max-width: 400px){.header{height:56px}.menu-toggle{width:36px;height:36px}.header-brand svg{width:24px;height:24px}}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;z-index:200;transform:translate(-100%);transition:transform var(--transition-normal)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:150;animation:fadeIn .2s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-100)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--primary)}.sidebar-brand span{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.sidebar-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--gray-200);color:var(--gray-700)}.sidebar-nav{flex:1;padding:var(--space-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-md);padding:.875rem var(--space-md);color:var(--gray-600);font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.nav-item:hover{background:var(--gray-50);color:var(--gray-800)}.nav-item.is-active{background:var(--primary);background:var(--gradient);color:var(--white);box-shadow:var(--shadow-md)}.nav-item.is-active:hover{background:var(--primary-dark)}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--gray-100)}.sidebar-footer-content{padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);text-align:center}.sidebar-footer-content p{margin:0;font-size:.8125rem;color:var(--gray-600)}.sidebar-footer-content .text-muted{color:var(--gray-400);font-size:.75rem}@media (min-width: 1024px){.sidebar{transform:translate(0)}.sidebar-close,.sidebar-overlay{display:none}}.layout{min-height:100vh;background:var(--gray-50)}.layout-main{min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.layout-content{flex:1;padding:var(--space-lg);overflow-x:hidden}@media (min-width: 1024px){.layout-main{margin-left:260px}}@media (max-width: 768px){.layout-content{padding:var(--space-md)}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--gray-500);gap:var(--space-md)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.dashboard-header h1{margin-bottom:var(--space-xs)}.dashboard-header .text-muted{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{display:flex;align-items:center;gap:var(--space-md);background:var(--white);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);flex-shrink:0}.stat-icon.blue{background:#dbeafe;color:#2563eb}.stat-icon.green{background:#d1fae5;color:#10b981}.stat-icon.orange{background:#fef3c7;color:#f59e0b}.stat-icon.purple{background:#ede9fe;color:#7c3aed}.stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--gray-500)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.dashboard-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-100)}.section-header h2{margin:0;font-size:1.125rem}.link-all{font-size:.875rem;font-weight:500;color:var(--primary)}.link-all:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--gray-400)}.empty-state svg{margin-bottom:var(--space-md);opacity:.5}.empty-state h3{color:var(--gray-600);margin-bottom:var(--space-xs)}.empty-state p{color:var(--gray-500);margin-bottom:var(--space-lg)}.invoices-table-wrapper{overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse}.invoices-table th,.invoices-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--gray-100)}.invoices-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-50)}.invoices-table tbody tr:hover{background:var(--gray-50)}.invoices-table tbody tr:last-child td{border-bottom:none}.invoice-number,.invoice-total{font-weight:600;color:var(--gray-900)}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.status-paid{background:#d1fae5;color:#065f46}.status-pending{background:#fef3c7;color:#92400e}.status-overdue{background:#fee2e2;color:#991b1b}.status-draft{background:var(--gray-100);color:var(--gray-600)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.25rem}.invoices-table th,.invoices-table td{padding:var(--space-sm) var(--space-md)}.invoices-table th:nth-child(3),.invoices-table td:nth-child(3){display:none}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-full{width:100%;max-width:95vw;height:90vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--gray-100)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}}.invoice-list-page{max-width:1200px;margin:0 auto}.list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--gray-500);gap:var(--space-md)}.list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.list-header h1{margin-bottom:var(--space-xs)}.list-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-sm)}.filter-btn{padding:.5rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--gray-600);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--gray-300);color:var(--gray-800)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md)}.invoice-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);overflow:hidden;transition:all var(--transition-fast)}.invoice-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.invoice-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.invoice-card-header .invoice-number{font-weight:600;color:var(--gray-900)}.invoice-card-body{padding:var(--space-lg)}.invoice-card-body .client-name{font-size:1.125rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-xs)}.invoice-card-body .invoice-date{font-size:.875rem;color:var(--gray-500);margin:0}.invoice-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--gray-100)}.invoice-amount{font-size:1.125rem;font-weight:700;color:var(--gray-900)}.invoice-actions{display:flex;gap:var(--space-xs)}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:var(--gray-200);color:var(--gray-800)}.action-btn.danger:hover{background:#fee2e2;color:var(--error)}.delete-modal-content{text-align:center}.delete-modal-content p{margin-bottom:var(--space-sm)}.delete-modal-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}@media (max-width: 768px){.list-header{flex-direction:column;align-items:stretch}.list-header .btn{width:100%}.invoices-grid{grid-template-columns:1fr}}.client-list-page{max-width:1200px;margin:0 auto}.search-bar{display:flex;align-items:center;gap:var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:0 var(--space-md);margin-bottom:var(--space-lg);transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-bar svg{color:var(--gray-400);flex-shrink:0}.search-bar input{flex:1;padding:var(--space-md) 0;border:none;background:transparent;font-size:1rem;color:var(--gray-800)}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:var(--gray-400)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.client-card{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--white);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--gray-100);transition:all var(--transition-fast)}.client-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.client-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:var(--white);font-size:1.25rem;font-weight:600;border-radius:var(--radius-lg);flex-shrink:0}.client-info{flex:1;min-width:0}.client-info h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-info p{font-size:.875rem;color:var(--gray-500);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-email{color:var(--primary)!important}.client-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.client-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-md)}@media (max-width: 768px){.clients-grid{grid-template-columns:1fr}.client-card{flex-wrap:wrap}.client-actions{width:100%;justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-100)}}.item-row{display:grid;grid-template-columns:minmax(200px,1fr) 70px 130px 140px 40px;gap:var(--space-md);padding:var(--space-sm) 0;align-items:center;border-bottom:1px solid var(--gray-100)}.item-row:last-child{border-bottom:none}.item-field{width:100%;min-width:0}.item-field input{width:100%;padding:.75rem .875rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;background:var(--white);color:var(--gray-800);transition:all var(--transition-fast)}.item-field input:hover{border-color:var(--gray-300)}.item-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.item-field input::placeholder{color:var(--gray-400)}.item-field.col-qty input,.item-field.col-price input{text-align:right;font-variant-numeric:tabular-nums}.item-total{font-size:.9375rem;font-weight:600;color:var(--gray-900);text-align:right;padding-right:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.remove-btn:hover:not(:disabled){background:#fee2e2;color:var(--error)}.remove-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 900px){.item-row{grid-template-columns:minmax(150px,1fr) 60px 110px 120px 36px;gap:var(--space-sm)}.item-field input{padding:.625rem .75rem;font-size:.875rem}.item-total{font-size:.875rem}}@media (max-width: 768px){.item-row{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--gray-50);border-radius:var(--radius-lg);margin-bottom:var(--space-md);border:1px solid var(--gray-200);position:relative}.item-field{width:100%}.item-field:before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:var(--gray-500);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.item-field.col-desc:before{content:"Description"}.item-field.col-qty:before{content:"Quantité"}.item-field.col-price:before{content:"Prix unitaire (FCFA)"}.item-field input{width:100%;padding:1rem;font-size:16px;border-radius:var(--radius-md)}.item-field.col-desc{order:1}.item-field.col-qty,.item-field.col-price{order:2}.item-field.col-qty input,.item-field.col-price input{text-align:left}.item-row{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto}.item-row:after{content:"";display:block;grid-column:1 / -1}.item-total{order:3;text-align:left;padding:var(--space-md) 0 0 0;font-size:1.125rem;color:var(--primary);border-top:1px dashed var(--gray-300);margin-top:var(--space-sm);width:100%;display:flex;justify-content:space-between;align-items:center}.item-total:before{content:"Total ligne :";font-weight:500;font-size:.875rem;color:var(--gray-600)}.remove-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--white);border:1px solid var(--gray-200);width:32px;height:32px}.remove-btn:hover:not(:disabled){background:#fee2e2;border-color:#fecaca}}@media (max-width: 400px){.item-row{padding:var(--space-md)}.item-field input{padding:.875rem}}.image-uploader{margin-top:var(--space-md)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md);margin-bottom:var(--space-sm)}.image-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--gray-200)}.image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--error);color:var(--white);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.image-item:hover .image-remove{opacity:1}.image-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.image-add:hover{border-color:var(--primary);color:var(--primary);background:rgba(37,99,235,.05)}.upload-hint{font-size:.75rem;color:var(--gray-400);margin:0}@media (max-width: 480px){.images-grid{grid-template-columns:repeat(3,1fr)}.image-remove{opacity:1}}.signature-zone-container{width:100%;padding:8mm 0 4mm;margin-top:8mm;position:relative;break-inside:avoid;page-break-inside:avoid}.signature-zone{display:flex;flex-direction:column;gap:3mm;min-width:60mm;max-width:80mm;padding:4mm 0}.signature-zone.signature-single{margin-left:auto;margin-right:0}.signature-zone-double{display:flex;justify-content:space-between;gap:20mm;align-items:flex-start}.signature-zone-double .signature-zone{flex:1;max-width:70mm}.signature-label{font-size:7pt;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2mm}.signature-digital-name{font-family:Dancing Script,Brush Script MT,cursive;font-size:22pt;color:#1a1a2e;line-height:1.2;min-height:15mm;display:flex;align-items:center;padding:2mm 0}@supports not (font-family: "Dancing Script"){.signature-digital-name{font-family:cursive;font-style:italic}}.signature-line{width:100%;height:.5mm;border-bottom:1px solid #333;margin:4mm 0 2mm;display:none}.signature-mention{font-size:7pt;color:#666;font-style:italic;margin-top:-1mm;display:none}.signature-info{display:flex;flex-direction:column;gap:1mm;margin-top:2mm}.signer-title{font-size:9pt;font-weight:600;color:#333}.signature-date{font-size:7.5pt;color:#666}.screen-only{display:block}.print-only{display:none}@media print{.screen-only{display:none!important}.print-only{display:block!important}.signature-line{display:block!important;border-bottom:1px solid #000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.signature-mention{display:block!important}.signature-zone{min-height:30mm}.signature-digital-name{display:none!important}.signature-zone-container{break-inside:avoid!important;page-break-inside:avoid!important}.signature-zone-double{break-inside:avoid!important}}[data-theme=dark] .signature-zone{background:rgba(255,255,255,.05);border-radius:4px;padding:6mm 4mm}[data-theme=dark] .signature-label{color:#aaa}[data-theme=dark] .signature-digital-name{color:#fff}[data-theme=dark] .signer-title{color:#e0e0e0}[data-theme=dark] .signature-date{color:#999}@media screen and (max-width: 600px){.signature-zone-double{flex-direction:column;gap:8mm}.signature-zone-double .signature-zone{max-width:100%;width:100%}.signature-zone.signature-single{margin-left:0;margin-right:0;width:100%;max-width:100%}.signature-digital-name{font-size:18pt}}.template-corporate{--primary: #1e3a5f;--primary-light: #3b5998;--primary-dark: #152a45;--primary-bg: #f0f4f8;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #059669;--warning: #d97706;--error: #dc2626;--paper-width: 210mm;--paper-height: 297mm;--margin-x: 12mm;--margin-y: 10mm;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Roboto Mono", "Consolas", monospace;--radius-sm: 2mm;--radius-md: 3mm;--radius-lg: 4mm;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;width:var(--paper-width);min-height:var(--paper-height);background:var(--white);font-family:var(--font-sans);font-size:9pt;line-height:1.5;color:var(--gray-700);position:relative;overflow:hidden}.template-corporate *,.template-corporate *:before,.template-corporate *:after{box-sizing:border-box;margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.template-corporate .corp-header{display:grid;grid-template-columns:1fr auto;gap:8mm;padding:var(--margin-y) var(--margin-x);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white)}.template-corporate .header-brand{display:flex;align-items:center;gap:5mm}.template-corporate .company-logo{width:auto;height:18mm;max-width:40mm;object-fit:contain;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:2mm}.template-corporate .logo-fallback{width:18mm;height:18mm;background:rgba(255,255,255,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16pt;font-weight:700;color:var(--white);flex-shrink:0}.template-corporate .company-info{display:flex;flex-direction:column;gap:1.5mm}.template-corporate .company-name{font-size:14pt;font-weight:700;letter-spacing:-.02em;color:var(--white)}.template-corporate .company-details{display:flex;flex-wrap:wrap;gap:1mm 4mm;font-size:7.5pt;opacity:.85}.template-corporate .company-details span{white-space:nowrap}.template-corporate .header-invoice{text-align:right;display:flex;flex-direction:column;gap:4mm}.template-corporate .invoice-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2mm}.template-corporate .invoice-title{font-size:22pt;font-weight:800;letter-spacing:.05em;color:var(--white);line-height:1}.template-corporate .invoice-status{display:inline-flex;align-items:center;gap:1.5mm;padding:1.5mm 3mm;background:var(--status-bg, #fef3c7);color:var(--status-color, #d97706);border-radius:10mm;font-size:7pt;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.template-corporate .status-indicator{width:2mm;height:2mm;background:var(--status-color, #d97706);border-radius:50%}.template-corporate .invoice-details{display:flex;flex-direction:column;gap:1mm}.template-corporate .detail-row{display:flex;justify-content:flex-end;gap:3mm;font-size:8pt}.template-corporate .detail-label{opacity:.7}.template-corporate .detail-value{font-weight:600;min-width:30mm}.template-corporate .detail-row.highlight{padding:1.5mm 2.5mm;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);margin-top:1mm}.template-corporate .corp-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:4mm;padding:6mm var(--margin-x);background:var(--primary-bg);border-bottom:1px solid var(--gray-200)}.template-corporate .party-card{padding:4mm;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.template-corporate .party-label{display:block;font-size:6.5pt;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2mm}.template-corporate .party-name{font-size:11pt;font-weight:700;color:var(--gray-900);margin-bottom:2mm}.template-corporate .party-to .party-name{color:var(--primary)}.template-corporate .party-details{font-size:8pt;color:var(--gray-500);line-height:1.6}.template-corporate .party-details p{margin:0}.template-corporate .party-arrow{display:flex;align-items:center;justify-content:center;color:var(--primary)}.template-corporate .party-arrow svg{width:6mm;height:6mm}.template-corporate .corp-items{padding:6mm var(--margin-x);flex-shrink:0}.template-corporate .items-table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--gray-200)}.template-corporate .items-table thead{background:var(--primary)}.template-corporate .items-table th{padding:3mm 3.5mm;font-size:7pt;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:left}.template-corporate .items-table th.col-num{width:10mm;text-align:center}.template-corporate .items-table th.col-qty{width:15mm;text-align:center}.template-corporate .items-table th.col-price,.template-corporate .items-table th.col-total{width:25mm;text-align:right}.template-corporate .items-table tbody tr{border-bottom:1px solid var(--gray-100)}.template-corporate .items-table tbody tr:nth-child(2n){background:var(--gray-50)}.template-corporate .items-table tbody tr:last-child{border-bottom:none}.template-corporate .items-table td{padding:3mm 3.5mm;font-size:8.5pt;vertical-align:middle}.template-corporate .items-table td.col-num{text-align:center}.template-corporate .row-number{display:inline-flex;align-items:center;justify-content:center;width:5.5mm;height:5.5mm;background:var(--primary-bg);color:var(--primary);font-size:7pt;font-weight:700;border-radius:50%}.template-corporate .items-table td.col-desc{color:var(--gray-800)}.template-corporate .item-name{display:block;font-weight:500}.template-corporate .item-details{display:block;font-size:7.5pt;color:var(--gray-500);margin-top:.5mm}.template-corporate .items-table td.col-qty{text-align:center;color:var(--gray-600)}.template-corporate .items-table td.col-price{text-align:right;color:var(--gray-600)}.template-corporate .items-table td.col-total{text-align:right;font-weight:600;color:var(--gray-900)}.template-corporate .corp-summary{display:grid;grid-template-columns:1fr 1fr;gap:8mm;padding:6mm var(--margin-x)}.template-corporate .section-title{font-size:7.5pt;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3mm;padding-bottom:2mm;border-bottom:2px solid var(--primary);display:inline-block}.template-corporate .payment-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:4mm}.template-corporate .payment-row{display:flex;justify-content:space-between;padding:1.5mm 0;font-size:8pt;border-bottom:1px dashed var(--gray-200)}.template-corporate .payment-row:last-child{border-bottom:none}.template-corporate .payment-label{color:var(--gray-500)}.template-corporate .payment-value{font-weight:500;color:var(--gray-800)}.template-corporate .payment-value.mono{font-family:var(--font-mono);font-size:7.5pt;letter-spacing:.03em}.template-corporate .summary-totals{display:flex;flex-direction:column;align-items:flex-end}.template-corporate .totals-box{width:65mm;margin-bottom:3mm}.template-corporate .total-row{display:flex;justify-content:space-between;padding:2mm 0;font-size:8.5pt;border-bottom:1px dashed var(--gray-200)}.template-corporate .total-row:last-child{border-bottom:none}.template-corporate .total-label{color:var(--gray-500)}.template-corporate .total-value{font-weight:600;color:var(--gray-800)}.template-corporate .total-row.discount .total-value{color:var(--success)}.template-corporate .grand-total{width:65mm;display:flex;justify-content:space-between;align-items:center;padding:4mm 5mm;background:var(--primary);color:var(--white);border-radius:var(--radius-md)}.template-corporate .grand-label{font-size:8pt;font-weight:700;letter-spacing:.08em}.template-corporate .grand-value{font-size:14pt;font-weight:800}.template-corporate .corp-attachments{padding:0 var(--margin-x) 6mm}.template-corporate .attachments-grid{display:flex;flex-wrap:wrap;gap:3mm}.template-corporate .attachment-item{position:relative;width:28mm;height:28mm;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--gray-200)}.template-corporate .attachment-item img{width:100%;height:100%;object-fit:cover}.template-corporate .attachment-item figcaption{position:absolute;top:1.5mm;right:1.5mm;width:4.5mm;height:4.5mm;background:var(--primary);color:var(--white);font-size:6pt;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.template-corporate .corp-notes{padding:0 var(--margin-x) 6mm}.template-corporate .notes-content{background:var(--primary-bg);border:1px solid var(--gray-200);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:4mm}.template-corporate .notes-content p{font-size:8pt;color:var(--gray-600);line-height:1.7;white-space:pre-wrap}.template-corporate .corp-spacer{flex:1;min-height:8mm}.template-corporate .corp-footer{background:var(--primary-bg);border-top:1px solid var(--gray-200);padding:5mm var(--margin-x);margin-top:auto}.template-corporate .footer-message{text-align:center;font-size:11pt;font-weight:700;color:var(--primary);margin-bottom:4mm;padding-bottom:3mm;border-bottom:1px solid var(--gray-200)}.template-corporate .footer-contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:6mm;margin-bottom:3mm}.template-corporate .footer-contact{display:flex;align-items:center;gap:2mm;font-size:7.5pt;color:var(--gray-600)}.template-corporate .footer-contact svg{width:3.5mm;height:3.5mm;color:var(--primary);flex-shrink:0}.template-corporate .footer-legal{text-align:center;font-size:7pt;color:var(--gray-400);padding-top:3mm;border-top:1px dashed var(--gray-200)}.template-corporate .no-break{break-inside:avoid;page-break-inside:avoid}@media print{.template-corporate{width:100%!important;min-height:100%!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.template-corporate .corp-header,.template-corporate .corp-parties,.template-corporate .items-table thead,.template-corporate .grand-total,.template-corporate .row-number,.template-corporate .invoice-status,.template-corporate .attachment-item figcaption,.template-corporate .notes-content,.template-corporate .corp-footer{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.template-corporate .corp-header,.template-corporate .corp-parties,.template-corporate .corp-summary,.template-corporate .corp-attachments,.template-corporate .corp-notes,.template-corporate .corp-footer{break-inside:avoid;page-break-inside:avoid}.template-corporate .items-table{break-inside:auto}.template-corporate .items-table thead{display:table-header-group}.template-corporate .items-table tbody tr{break-inside:avoid;page-break-inside:avoid}.template-corporate .corp-footer{break-before:avoid}.template-corporate .no-print{display:none!important}}.template-corporate[data-format=A4]{--paper-width: 210mm;--paper-height: 297mm}.template-corporate[data-format=Letter]{--paper-width: 215.9mm;--paper-height: 279.4mm}.template-corporate[data-format=Legal]{--paper-width: 215.9mm;--paper-height: 355.6mm}@media screen and (max-width: 220mm){.template-corporate{width:100%;min-height:auto;font-size:8pt}.template-corporate .corp-header{grid-template-columns:1fr;gap:4mm}.template-corporate .header-invoice{text-align:left}.template-corporate .invoice-badge{align-items:flex-start}.template-corporate .detail-row{justify-content:flex-start}.template-corporate .corp-parties{grid-template-columns:1fr;gap:3mm}.template-corporate .party-arrow{display:none}.template-corporate .corp-summary{grid-template-columns:1fr;gap:6mm}.template-corporate .summary-totals{align-items:stretch}.template-corporate .totals-box,.template-corporate .grand-total{width:100%}.template-corporate .footer-contacts{flex-direction:column;gap:2mm;align-items:center}.template-corporate .items-table th.col-price,.template-corporate .items-table td.col-price{display:none}.template-corporate .items-table th.col-total,.template-corporate .items-table td.col-total{width:auto}}@media screen{.template-corporate{box-shadow:0 4px 20px #0000001a}}.template-corporate .corp-signatures{padding:6mm var(--margin-x) 0}.template-corporate .corp-signatures .signature-zone-container{padding:4mm 0;margin-top:4mm;border-top:1px dashed var(--gray-200)}.template-corporate .corp-signatures .signature-label{color:var(--primary);font-weight:600}.template-corporate .corp-signatures .signature-digital-name{color:var(--primary-dark)}.template-corporate .corp-signatures .signer-title{color:var(--gray-700)}.template-corporate .corp-signatures .signature-date{color:var(--gray-500)}.template-corporate .corp-signatures .signature-line{border-color:var(--primary)}.template-modern{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #c7d2fe;--primary-bg: #eef2ff;--text-dark: #111827;--text-base: #374151;--text-muted: #6b7280;--bg-white: #ffffff;--bg-light: #f9fafb;--border-light: #e5e7eb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--paper-width: 210mm;--paper-min-height: 297mm;--margin-page: 12mm;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:10pt;line-height:1.5;color:var(--text-base);width:var(--paper-width);min-height:var(--paper-min-height);background:var(--bg-white);display:flex;flex-direction:column}.modern-accent-top{height:8mm;background:var(--primary);flex-shrink:0}.modern-content{flex:1;display:flex;flex-direction:column;padding:var(--margin-page);padding-top:8mm;padding-bottom:6mm}.modern-header{margin-bottom:8mm}.header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6mm}.company-block{display:flex;align-items:flex-start;gap:4mm}.company-logo{width:25mm;height:25mm;object-fit:contain;border:1px solid var(--border-light);border-radius:2mm;padding:1.5mm;background:var(--bg-white)}.company-logo-placeholder{width:25mm;height:25mm;background:var(--primary);border-radius:2mm;display:flex;align-items:center;justify-content:center}.company-logo-placeholder span{font-size:20pt;font-weight:700;color:#fff}.company-info{padding-top:1mm}.company-name{font-size:14pt;font-weight:700;color:var(--text-dark);margin:0 0 1.5mm}.company-details p{margin:0;font-size:8pt;color:var(--text-muted);line-height:1.4}.company-contact{margin-top:1mm}.company-contact .separator{color:var(--border-light)}.invoice-block{text-align:right;background:var(--bg-light);padding:4mm 5mm;border-radius:2mm;border:1px solid var(--border-light);min-width:50mm}.invoice-type{font-size:8pt;font-weight:700;color:var(--primary);letter-spacing:2px;margin-bottom:1mm}.invoice-number{font-size:16pt;font-weight:700;color:var(--text-dark);margin-bottom:2mm}.invoice-status{display:inline-flex;align-items:center;gap:1.5mm;padding:1mm 3mm;border-radius:8mm;font-size:7pt;font-weight:600;color:var(--status-color);border:1px solid var(--status-color);background:var(--bg-white)}.status-dot{width:2mm;height:2mm;background:var(--status-color);border-radius:50%}.header-meta{display:flex;gap:3mm}.meta-card{flex:1;padding:3mm 4mm;background:var(--bg-light);border-radius:2mm;border:1px solid var(--border-light);text-align:center}.meta-label{display:block;font-size:7pt;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:1mm}.meta-value{display:block;font-size:9pt;font-weight:600;color:var(--text-dark)}.meta-card.highlight{background:var(--primary);border-color:var(--primary)}.meta-card.highlight .meta-label{color:#fffc}.meta-card.highlight .meta-value{color:#fff}.meta-value.big{font-size:12pt;font-weight:700}.section-line{flex:1;height:1px;background:var(--border-light)}.section-title{font-size:8pt;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin:0}.modern-client{margin-bottom:6mm}.client-card{display:flex;align-items:flex-start;gap:4mm;padding:4mm 5mm;background:var(--bg-light);border-radius:2mm;border-left:3px solid var(--primary)}.client-avatar{width:12mm;height:12mm;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10pt;font-weight:700;color:#fff;flex-shrink:0}.client-details{flex:1}.client-name{font-size:11pt;font-weight:700;color:var(--text-dark);margin:0 0 1mm}.client-details p{margin:0;font-size:8pt;color:var(--text-muted);line-height:1.4}.client-contact{margin-top:2mm;padding-top:2mm;border-top:1px dashed var(--border-light);font-size:8pt;color:var(--text-base)}.client-contact .separator{color:var(--border-light)}.modern-items{margin-bottom:6mm}.items-table-wrapper{border-radius:2mm;overflow:hidden;border:1px solid var(--border-light);margin-bottom:4mm}.items-table{width:100%;border-collapse:collapse}.items-table thead tr{background:var(--primary)}.items-table th{padding:3mm;font-size:7pt;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px;text-align:left}.items-table th.col-quantity,.items-table th.col-price,.items-table th.col-total{text-align:right}.items-table th.col-description{width:50%}.items-table th.col-quantity{width:10%}.items-table th.col-price,.items-table th.col-total{width:20%}.items-table tbody tr.row-striped{background:var(--bg-light)}.items-table td{padding:3mm;font-size:9pt;border-bottom:1px solid var(--border-light)}.items-table td.col-description{font-weight:500;color:var(--text-dark)}.items-table td.col-quantity,.items-table td.col-price{text-align:right;color:var(--text-muted)}.items-table td.col-total{text-align:right;font-weight:600;color:var(--text-dark)}.totals-section{display:flex;justify-content:flex-end}.totals-box{width:70mm;background:var(--bg-light);border-radius:2mm;padding:3mm 4mm;border:1px solid var(--border-light)}.totals-row{display:flex;justify-content:space-between;padding:2mm 0;font-size:8pt;border-bottom:1px dashed var(--border-light)}.totals-row:last-child{border-bottom:none}.totals-label{color:var(--text-muted)}.totals-value{font-weight:600;color:var(--text-dark)}.totals-row.discount .totals-value{color:var(--success)}.totals-row.grand-total{margin-top:2mm;padding-top:3mm;border-top:2px solid var(--primary);border-bottom:none}.totals-row.grand-total .totals-label{font-size:9pt;font-weight:700;color:var(--text-dark)}.totals-row.grand-total .totals-value{font-size:11pt;font-weight:700;color:var(--primary)}.modern-images{margin-bottom:6mm}.image-item{position:relative;width:32mm;height:32mm;border-radius:2mm;overflow:hidden;border:1px solid var(--border-light)}.image-number{position:absolute;top:1.5mm;right:1.5mm;width:4mm;height:4mm;background:var(--primary);color:#fff;font-size:6pt;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.modern-notes{margin-bottom:6mm}.notes-card{padding:4mm;background:#fefce8;border-radius:2mm;border-left:3px solid var(--warning)}.notes-header{font-size:7pt;font-weight:700;color:#a16207;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2mm}.notes-text{margin:0;font-size:8pt;color:#713f12;line-height:1.5}.modern-spacer{flex:1;min-height:6mm}.modern-footer{text-align:center;padding:4mm;background:var(--bg-light);border-radius:2mm;margin-top:auto}.footer-thanks{font-size:10pt;font-weight:600;color:var(--primary);margin-bottom:3mm}.footer-divider{height:1px;background:var(--border-light);margin:0 auto 3mm;width:60%}.footer-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:4mm;font-size:8pt;color:var(--text-muted)}.footer-legal{margin-top:2mm;font-size:7pt;color:var(--text-muted)}.modern-accent-bottom{height:5mm;background:var(--primary);flex-shrink:0}.modern-signatures{margin-bottom:6mm}.modern-signatures .signature-zone-container{padding:4mm 0;margin-top:4mm;border-top:1px dashed var(--border-light)}.modern-signatures .signature-label{color:var(--primary);font-weight:600}.modern-signatures .signature-digital-name{color:var(--primary-dark)}.modern-signatures .signer-title,.modern-signatures .signature-date{color:var(--text-muted)}.modern-signatures .signature-line{border-color:var(--primary)}.modern-signatures.no-break,.no-break{break-inside:avoid;page-break-inside:avoid}@media print{.template-modern{width:100%;min-height:100%;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.modern-accent-top,.modern-accent-bottom,.items-table thead tr{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.client-card,.items-table-wrapper,.totals-box,.notes-card{page-break-inside:avoid}}@media screen and (max-width: 220mm){.template-modern{width:100%;min-height:auto;font-size:9pt}.modern-content{padding:6mm}.modern-accent-top{height:5mm}.modern-accent-bottom{height:3mm}.header-main{flex-direction:column;gap:4mm}.company-block{flex-direction:column;align-items:center;text-align:center}.company-logo,.company-logo-placeholder{width:20mm;height:20mm}.company-logo-placeholder span{font-size:16pt}.company-name{font-size:12pt}.company-info{text-align:center}.invoice-block{align-self:center;text-align:center;min-width:auto;width:100%}.invoice-number{font-size:14pt}.header-meta{flex-wrap:wrap;gap:2mm}.meta-card{flex:1 1 45%;padding:2mm 3mm}.meta-card.highlight{flex:1 1 100%}.meta-value.big{font-size:11pt}.section-header{margin-bottom:3mm}.section-title{font-size:7pt}.client-card{flex-direction:column;align-items:center;text-align:center;padding:3mm}.client-avatar{width:10mm;height:10mm;font-size:8pt}.client-name{font-size:10pt}.items-table th,.items-table td{padding:2mm;font-size:8pt}.items-table th.col-description,.items-table td.col-description{width:40%}.items-table th.col-quantity,.items-table td.col-quantity{display:none}.items-table th.col-price,.items-table td.col-price,.items-table th.col-total,.items-table td.col-total{width:30%}.totals-section{justify-content:center}.totals-box{width:100%}.totals-row,.totals-row.grand-total .totals-label{font-size:8pt}.totals-row.grand-total .totals-value{font-size:10pt}.images-grid{justify-content:center}.image-item{width:25mm;height:25mm}.notes-card{padding:3mm}.notes-header{font-size:6pt}.notes-text{font-size:7pt}.modern-footer{padding:3mm}.footer-thanks{font-size:9pt;margin-bottom:2mm}.footer-divider{margin-bottom:2mm}.footer-contact{flex-direction:column;gap:1mm;font-size:7pt}.footer-legal{font-size:6pt}.modern-signatures .signature-zone-container{padding:3mm 0}.modern-signatures .signature-zone-double{flex-direction:column;gap:4mm}}@media screen{.template-modern{box-shadow:0 10px 40px #00000026}}.template-classic{--primary: #1a1a2e;--white: #ffffff;--cream: #fdfcf9;--gold: #b8860b;--gold-light: #daa520;--black: #000000;--gray-100: #f7f7f7;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #166534;--error: #991b1b;--paper-width: 210mm;--paper-height: 297mm;--margin: 8mm;width:var(--paper-width);min-height:var(--paper-height);background:var(--cream);font-family:Georgia,Times New Roman,serif;font-size:9.5pt;line-height:1.6;color:var(--gray-800)}.template-classic *{box-sizing:border-box;margin:0;padding:0}.classic-frame{margin:var(--margin);min-height:calc(var(--paper-height) - var(--margin) * 2);border:2px solid var(--primary);padding:8mm;display:flex;flex-direction:column;position:relative}.classic-frame:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px solid var(--primary);pointer-events:none}.frame-border{display:none}.classic-header{text-align:center;margin-bottom:5mm}.header-company{display:flex;flex-direction:column;align-items:center;gap:3mm;margin-bottom:5mm}.company-logo{max-width:40mm;max-height:20mm;object-fit:contain}.company-monogram{width:20mm;height:20mm;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14pt;font-weight:700;color:var(--primary);font-family:Georgia,serif}.company-name{font-size:16pt;font-weight:700;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1mm}.company-address{font-size:8pt;color:var(--gray-600)}.company-address span:not(:last-child):after{content:" — "}.company-contact{font-size:8pt;color:var(--gray-500);font-style:italic}.company-contact span:not(:last-child):after{content:" • "}.header-title{display:flex;align-items:center;justify-content:center;gap:4mm;margin:4mm 0}.title-ornament{font-size:10pt;color:var(--primary);opacity:.6}.invoice-title{font-size:18pt;font-weight:400;letter-spacing:.3em;color:var(--primary);text-transform:uppercase}.header-meta{display:flex;justify-content:center;align-items:center;gap:5mm}.invoice-number{font-size:12pt;font-weight:700;color:var(--primary);font-family:Consolas,Courier New,monospace;letter-spacing:.05em}.invoice-status{padding:1.5mm 4mm;font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid currentColor;font-family:Segoe UI,sans-serif}.invoice-status[data-status=draft]{color:var(--gray-500)}.invoice-status[data-status=pending]{color:var(--gold)}.invoice-status[data-status=paid]{color:var(--success)}.invoice-status[data-status=overdue]{color:var(--error)}.classic-divider{display:flex;align-items:center;gap:3mm;margin:5mm 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.divider-diamond{font-size:8pt;color:var(--primary)}.classic-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:6mm;margin-bottom:6mm}.party-block{background:var(--white);border:1px solid var(--gray-200);padding:4mm}.party-block.center{display:flex;align-items:center;justify-content:center;background:transparent;border:none}.party-header{display:flex;align-items:center;gap:2mm;margin-bottom:2mm;padding-bottom:2mm;border-bottom:1px solid var(--gray-200)}.party-icon{font-size:6pt;color:var(--primary)}.party-label{font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-family:Segoe UI,sans-serif}.party-content{font-size:8.5pt;line-height:1.5;color:var(--gray-700)}.party-name{font-size:10pt;font-weight:700;color:var(--gray-900);margin-bottom:1mm}.party-tax{margin-top:2mm;padding-top:2mm;border-top:1px dashed var(--gray-200);font-family:Consolas,monospace;font-size:7pt;color:var(--gray-500)}.info-table{border-collapse:collapse}.info-table td{padding:1.5mm 3mm;font-size:8.5pt}.info-label{text-align:right;color:var(--gray-500);padding-right:3mm!important}.info-value{font-weight:600;color:var(--gray-800)}.classic-table{margin-bottom:5mm}.classic-table table{width:100%;border-collapse:collapse;border:1px solid var(--gray-300)}.classic-table thead{background:var(--primary);color:var(--white)}.classic-table th{padding:3mm;font-size:7.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:left;font-family:Segoe UI,sans-serif;border-right:1px solid rgba(255,255,255,.2)}.classic-table th:last-child{border-right:none}.classic-table th.col-num{width:10mm;text-align:center}.classic-table th.col-qty{width:20mm;text-align:center}.classic-table th.col-price,.classic-table th.col-amount{width:28mm;text-align:right}.classic-table tbody tr{border-bottom:1px solid var(--gray-200)}.classic-table tbody tr:nth-child(2n){background:var(--gray-100)}.classic-table td{padding:3mm;font-size:9pt}.classic-table td.col-num{text-align:center;font-weight:600;color:var(--primary)}.classic-table td.col-desc{font-weight:500}.classic-table td.col-qty{text-align:center;color:var(--gray-600)}.classic-table td.col-price{text-align:right;color:var(--gray-600);font-family:Consolas,monospace;font-size:8.5pt}.classic-table td.col-amount{text-align:right;font-weight:600;font-family:Consolas,monospace;font-size:8.5pt}.classic-table .empty-row td{height:8mm}.classic-summary{display:grid;grid-template-columns:1fr auto;gap:10mm;margin-bottom:5mm}.summary-notes{padding:4mm;background:var(--white);border:1px solid var(--gray-200);border-left:3px solid var(--primary)}.summary-notes h4{font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:2mm;font-family:Segoe UI,sans-serif}.summary-notes p{font-size:8pt;color:var(--gray-600);line-height:1.6}.totals-table{border-collapse:collapse;min-width:70mm}.totals-table td{padding:2.5mm 4mm;font-size:9pt;border-bottom:1px solid var(--gray-200)}.totals-label{text-align:right;color:var(--gray-600);padding-right:5mm!important}.totals-value{text-align:right;font-weight:600;font-family:Consolas,monospace;min-width:25mm}.discount-row .totals-value{color:var(--success)}.total-row{background:var(--primary);color:var(--white)}.total-row td{padding:4mm;font-size:11pt;font-weight:700;border-bottom:none}.total-row .totals-label,.total-row .totals-value{color:var(--white)}.classic-attachments{margin-bottom:5mm}.section-header{display:flex;align-items:center;gap:3mm;margin-bottom:4mm}.header-line{flex:1;height:1px;background:var(--gray-300)}.section-header h4{font-size:8pt;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600);font-family:Segoe UI,sans-serif;white-space:nowrap}.attachments-grid{display:flex;flex-wrap:wrap;gap:3mm}.attachment-frame{position:relative;width:28mm;height:28mm;border:2px solid var(--gray-300);padding:1mm;background:var(--white)}.attachment-frame img{width:100%;height:100%;object-fit:cover}.attachment-num{position:absolute;top:-2mm;right:-2mm;width:5mm;height:5mm;background:var(--primary);color:var(--white);font-size:7pt;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,sans-serif}.classic-signature{display:flex;justify-content:flex-end;margin:8mm 0}.signature-block{width:60mm;text-align:center}.signature-line{height:15mm;border-bottom:1px solid var(--gray-400);margin-bottom:2mm}.signature-label{font-size:7pt;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);font-family:Segoe UI,sans-serif}.classic-footer{margin-top:auto;text-align:center;padding-top:4mm;border-top:1px solid var(--gray-200)}.footer-ornament{font-size:8pt;color:var(--primary);margin-bottom:2mm;letter-spacing:.3em}.footer-thanks{font-size:10pt;font-style:italic;color:var(--gray-700);margin-bottom:2mm}.footer-legal{font-size:7pt;color:var(--gray-500);font-family:Consolas,monospace}.footer-legal span:not(:last-child):after{content:" | ";margin:0 2mm}@media print{.template-classic{width:100%;min-height:100%;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.classic-frame:before,.classic-table thead,.total-row,.attachment-num{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.classic-parties,.classic-table,.classic-summary,.classic-attachments,.classic-signature{break-inside:avoid}}.template-classic[data-format=A4]{--paper-width: 210mm;--paper-height: 297mm}.template-classic[data-format=Letter]{--paper-width: 215.9mm;--paper-height: 279.4mm}.template-classic[data-format=Legal]{--paper-width: 215.9mm;--paper-height: 355.6mm}@media screen and (max-width: 220mm){.template-classic{width:100%;min-height:auto}.classic-frame{margin:4mm;padding:5mm}.classic-parties{grid-template-columns:1fr;gap:4mm}.party-block.center{order:-1}.classic-summary{grid-template-columns:1fr}.summary-right{order:-1}.totals-table{width:100%}.classic-table th.col-price,.classic-table td.col-price{display:none}}@media screen{.template-classic{box-shadow:0 4px 20px #0000001a}}.template-modern .modern-signatures{padding:6mm 0;margin-top:6mm}.template-modern .modern-signatures .signature-zone-container{padding:4mm 0;border-top:1px dashed rgba(0,0,0,.1)}.template-modern .modern-signatures .signature-label{color:var(--primary);font-weight:600;font-size:7pt}.template-modern .modern-signatures .signature-digital-name{color:var(--primary);font-size:20pt}.template-modern .modern-signatures .signer-title{color:#374151}.template-modern .modern-signatures .signature-date{color:#6b7280}.template-modern .modern-signatures .signature-line{border-color:var(--primary);opacity:.5}.template-modern .modern-signatures .signature-zone-double{gap:15mm}.template-modern .no-break{break-inside:avoid;page-break-inside:avoid}.template-bold{--primary: #dc2626;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--success: #22c55e;--paper-width: 210mm;--paper-height: 297mm;--sidebar-width: 55mm;width:var(--paper-width);min-height:var(--paper-height);display:grid;grid-template-columns:var(--sidebar-width) 1fr;font-family:Segoe UI,system-ui,sans-serif;font-size:9pt;line-height:1.5;color:var(--gray-800);background:var(--white)}.template-bold *{box-sizing:border-box;margin:0;padding:0}.bold-sidebar{background:var(--primary);color:var(--white);padding:8mm 5mm;display:flex;flex-direction:column;gap:6mm}.sidebar-logo{text-align:center;margin-bottom:2mm}.sidebar-logo img{max-width:35mm;max-height:25mm;object-fit:contain;background:rgba(255,255,255,.1);padding:2mm;border-radius:2mm}.logo-letter{width:18mm;height:18mm;background:var(--white);color:var(--primary);font-size:20pt;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border-radius:3mm}.sidebar-invoice{text-align:center;padding:4mm 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.invoice-label{display:block;font-size:7pt;font-weight:700;letter-spacing:.2em;opacity:.8;margin-bottom:1mm}.invoice-number{display:block;font-size:16pt;font-weight:900;letter-spacing:.05em}.sidebar-status{text-align:center;padding:2mm 3mm;background:rgba(255,255,255,.15);border-radius:20mm;font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sidebar-status[data-status=paid]{background:var(--success)}.sidebar-status[data-status=overdue]{background:#ef4444}.sidebar-dates{display:flex;flex-direction:column;gap:3mm}.date-block{text-align:center}.date-label{display:block;font-size:6pt;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.date-value{display:block;font-size:9pt;font-weight:700}.sidebar-total{text-align:center;padding:5mm 3mm;background:rgba(0,0,0,.2);border-radius:3mm;margin:2mm 0}.total-label{display:block;font-size:7pt;font-weight:700;letter-spacing:.15em;margin-bottom:1mm}.total-value{display:block;font-size:14pt;font-weight:900}.sidebar-company{margin-top:auto;padding-top:4mm;border-top:1px solid rgba(255,255,255,.2);font-size:7pt;line-height:1.6}.sidebar-company h2{font-size:9pt;font-weight:800;margin-bottom:2mm}.sidebar-company p{opacity:.85}.sidebar-company .tax-id{margin-top:2mm;padding-top:2mm;border-top:1px dashed rgba(255,255,255,.2);font-family:Consolas,monospace;font-size:6pt;opacity:.7}.bold-main{padding:10mm;display:flex;flex-direction:column;gap:6mm}.bold-client{padding:5mm;background:var(--gray-50);border-left:4px solid var(--primary);border-radius:0 3mm 3mm 0}.client-label{font-size:6pt;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:2mm}.client-name{font-size:14pt;font-weight:800;color:var(--gray-900);margin-bottom:2mm}.client-info{font-size:8pt;color:var(--gray-600);line-height:1.6}.client-info p{margin:0}.bold-table{flex:1}.bold-table table{width:100%;border-collapse:collapse}.bold-table thead{background:var(--gray-900);color:var(--white)}.bold-table th{padding:3mm;font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:left}.bold-table th.col-qty,.bold-table th.col-price,.bold-table th.col-amount{text-align:right;width:22mm}.bold-table tbody tr{border-bottom:1px solid var(--gray-200)}.bold-table tbody tr:nth-child(2n){background:var(--gray-50)}.bold-table td{padding:3.5mm 3mm;font-size:8.5pt;vertical-align:middle}.bold-table td.col-desc{display:flex;align-items:center;gap:3mm}.item-index{display:inline-flex;align-items:center;justify-content:center;width:6mm;height:6mm;background:var(--primary);color:var(--white);font-size:6pt;font-weight:700;border-radius:50%;flex-shrink:0}.item-text{font-weight:500;color:var(--gray-800)}.bold-table td.col-qty,.bold-table td.col-price{text-align:right;color:var(--gray-500)}.bold-table td.col-amount{text-align:right;font-weight:700;color:var(--gray-900)}.bold-summary{display:flex;flex-direction:column;align-items:flex-end;gap:1mm;padding-top:4mm}.summary-row{display:flex;justify-content:space-between;width:60mm;padding:2mm 0;font-size:8.5pt;border-bottom:1px dashed var(--gray-200)}.summary-row span:first-child{color:var(--gray-500)}.summary-row span:last-child{font-weight:600;color:var(--gray-800)}.summary-row.discount span:last-child{color:var(--success)}.summary-row.total{border-bottom:none;background:var(--primary);color:var(--white);padding:3mm 4mm;border-radius:2mm;margin-top:2mm}.summary-row.total span{color:var(--white)!important;font-weight:800;font-size:10pt}.bold-images h4{font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600);margin-bottom:3mm}.images-grid{display:flex;flex-wrap:wrap;gap:3mm}.image-item{position:relative;width:28mm;height:28mm;border-radius:2mm;overflow:hidden;border:1px solid var(--gray-200)}.image-item img{width:100%;height:100%;object-fit:cover}.image-num{position:absolute;top:1mm;right:1mm;width:5mm;height:5mm;background:var(--primary);color:var(--white);font-size:6pt;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}.bold-notes{padding:4mm;background:#fef9c3;border-left:3px solid #eab308;border-radius:0 2mm 2mm 0}.bold-notes h4{font-size:7pt;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a16207;margin-bottom:2mm}.bold-notes p{font-size:8pt;color:#854d0e;line-height:1.6}.bold-footer{margin-top:auto;padding-top:4mm;text-align:center}.footer-thanks{font-size:14pt;font-weight:900;color:var(--primary);margin-bottom:3mm}.footer-line{height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);border-radius:2px}@media print{.template-bold{width:100%;min-height:100%;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.bold-sidebar,.bold-table thead,.summary-row.total,.item-index,.image-num{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.bold-client,.bold-table,.bold-summary,.bold-images,.bold-notes{break-inside:avoid}}.template-bold[data-format=A4]{--paper-width: 210mm;--paper-height: 297mm}.template-bold[data-format=Letter]{--paper-width: 215.9mm;--paper-height: 279.4mm}.template-bold[data-format=Legal]{--paper-width: 215.9mm;--paper-height: 355.6mm}@media screen and (max-width: 220mm){.template-bold{width:100%;min-height:auto;grid-template-columns:1fr}.bold-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4mm;padding:5mm}.sidebar-logo{margin-bottom:0}.sidebar-invoice{border:none;padding:0}.sidebar-dates{flex-direction:row;gap:5mm}.sidebar-total{margin:0;padding:3mm 5mm}.sidebar-company{display:none}.bold-main{padding:6mm}.summary-row{width:100%}}@media screen{.template-bold{box-shadow:0 10px 40px #00000026}}.template-bold .bold-signatures{padding:6mm 0;margin-top:6mm}.template-bold .bold-signatures .signature-zone-container{padding:4mm 0;border-top:3px solid var(--primary)}.template-bold .bold-signatures .signature-zone-double{gap:15mm}.template-bold .bold-signatures .signature-label{color:var(--primary);font-weight:800;font-size:7pt;text-transform:uppercase;letter-spacing:.1em}.template-bold .bold-signatures .signature-digital-name{font-family:Dancing Script,cursive;color:#1a1a1a;font-size:24pt}.template-bold .bold-signatures .signer-title{color:#333;font-weight:700;text-transform:uppercase;font-size:8pt;letter-spacing:.05em}.template-bold .bold-signatures .signature-date{color:#666;font-size:7pt}.template-bold .bold-signatures .signature-line{border-color:var(--primary);border-width:2px}.template-bold .bold-signatures .signature-mention{font-weight:600;color:#444;text-transform:uppercase;font-size:6pt;letter-spacing:.08em}.template-bold .no-break{break-inside:avoid;page-break-inside:avoid}.template-minimal{--primary: #0f172a;--primary-light: #e2e8f0;--primary-dark: #020617;--primary-bg: #fafafa;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--paper-width: 210mm;--paper-height: 297mm;--margin: 15mm;--font-sans: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;display:flex;flex-direction:column;box-sizing:border-box;width:var(--paper-width);min-height:var(--paper-height);margin:0;padding:var(--margin);background:var(--white);font-family:var(--font-sans);font-size:9pt;line-height:1.6;color:var(--gray-700);position:relative}.template-minimal *,.template-minimal *:before,.template-minimal *:after{box-sizing:border-box;margin:0;padding:0}.template-minimal .min-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12mm}.template-minimal .header-left{display:flex;align-items:center}.template-minimal .min-logo{height:14mm;width:auto;max-width:50mm;object-fit:contain}.template-minimal .min-logo-text{font-size:18pt;font-weight:800;letter-spacing:-.03em;color:var(--primary);text-transform:uppercase}.template-minimal .header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1mm}.template-minimal .invoice-label{font-size:8pt;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.15em}.template-minimal .invoice-number{font-size:22pt;font-weight:700;color:var(--primary);letter-spacing:-.02em;line-height:1.1}.template-minimal .invoice-status-badge{display:inline-block;margin-top:2mm;padding:1.5mm 4mm;background:var(--status-bg);color:var(--status-color);font-size:7pt;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-radius:2mm}.template-minimal .min-meta{margin-bottom:10mm}.template-minimal .meta-dates{display:flex;gap:8mm}.template-minimal .meta-item{display:flex;flex-direction:column;gap:.5mm}.template-minimal .meta-label{font-size:7pt;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em}.template-minimal .meta-value{font-size:10pt;font-weight:600;color:var(--gray-800)}.template-minimal .min-parties{display:grid;grid-template-columns:1fr 1fr;gap:15mm;margin-bottom:10mm}.template-minimal .party-block{display:flex;flex-direction:column;gap:2mm}.template-minimal .party-label{font-size:7pt;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.12em}.template-minimal .party-content{display:flex;flex-direction:column;gap:.5mm;font-size:8.5pt;color:var(--gray-600);line-height:1.5}.template-minimal .party-name{font-size:11pt;font-weight:700;color:var(--gray-900);margin-bottom:1mm}.template-minimal .party-to .party-name{color:var(--primary)}.template-minimal .tax-id{font-family:var(--font-mono);font-size:7.5pt;color:var(--gray-400);margin-top:1mm}.template-minimal .min-divider{height:1px;background:var(--gray-200);margin-bottom:8mm}.template-minimal .min-items{margin-bottom:8mm;flex-shrink:0}.template-minimal .items-header{display:grid;grid-template-columns:1fr 15mm 28mm 28mm;gap:4mm;padding:3mm 0;border-bottom:2px solid var(--primary);font-size:7pt;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em}.template-minimal .items-header .col-qty,.template-minimal .items-header .col-price,.template-minimal .items-header .col-total{text-align:right}.template-minimal .items-body{display:flex;flex-direction:column}.template-minimal .item-row{display:grid;grid-template-columns:1fr 15mm 28mm 28mm;gap:4mm;padding:4mm 0;border-bottom:1px solid var(--gray-100);font-size:9pt;align-items:center}.template-minimal .item-row:last-child{border-bottom:none}.template-minimal .item-row .col-desc{display:flex;flex-direction:column;gap:.5mm}.template-minimal .item-name{font-weight:500;color:var(--gray-800)}.template-minimal .item-details{font-size:7.5pt;color:var(--gray-400)}.template-minimal .item-row .col-qty,.template-minimal .item-row .col-price{text-align:right;color:var(--gray-500)}.template-minimal .item-row .col-total{text-align:right;font-weight:600;color:var(--gray-800)}.template-minimal .min-totals{display:flex;justify-content:flex-end;margin-bottom:10mm}.template-minimal .totals-wrapper{width:70mm}.template-minimal .totals-lines{display:flex;flex-direction:column;gap:2mm;padding-bottom:4mm;border-bottom:1px solid var(--gray-200);margin-bottom:4mm}.template-minimal .total-line{display:flex;justify-content:space-between;font-size:8.5pt}.template-minimal .total-label{color:var(--gray-500)}.template-minimal .total-value{font-weight:500;color:var(--gray-700)}.template-minimal .discount-line .total-value{color:#10b981}.template-minimal .grand-total-line{display:flex;justify-content:space-between;align-items:baseline}.template-minimal .grand-label{font-size:8pt;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em}.template-minimal .grand-value{font-size:20pt;font-weight:800;color:var(--primary);letter-spacing:-.02em}.template-minimal .min-footer-info{display:grid;grid-template-columns:1fr 1fr;gap:10mm;margin-bottom:8mm}.template-minimal .info-block{display:flex;flex-direction:column;gap:2mm}.template-minimal .info-label{font-size:7pt;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em}.template-minimal .info-content{display:flex;flex-direction:column;gap:.5mm;font-size:8pt;color:var(--gray-600);line-height:1.5}.template-minimal .info-content .mono{font-family:var(--font-mono);font-size:7.5pt;color:var(--gray-500);letter-spacing:.02em}.template-minimal .info-content p{margin:0;white-space:pre-wrap}.template-minimal .min-attachments{margin-bottom:8mm}.template-minimal .attachments-row{display:flex;gap:3mm;flex-wrap:wrap}.template-minimal .attachment-thumb{width:22mm;height:22mm;border-radius:2mm;overflow:hidden;border:1px solid var(--gray-200)}.template-minimal .attachment-thumb img{width:100%;height:100%;object-fit:cover}.template-minimal .min-spacer{flex:1;min-height:10mm}.template-minimal .min-footer{display:flex;justify-content:space-between;align-items:center;padding-top:5mm;border-top:1px solid var(--gray-200);margin-top:auto}.template-minimal .footer-thanks{font-size:14pt;font-weight:700;color:var(--primary);letter-spacing:-.02em}.template-minimal .footer-company{font-size:8pt;color:var(--gray-400)}.template-minimal[data-format=A4]{--paper-width: 210mm;--paper-height: 297mm}.template-minimal[data-format=Letter]{--paper-width: 215.9mm;--paper-height: 279.4mm}.template-minimal[data-format=Legal]{--paper-width: 215.9mm;--paper-height: 355.6mm}@media print{.template-minimal{width:100%!important;min-height:100%!important;padding:10mm 12mm;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.template-minimal .invoice-status-badge,.template-minimal .items-header,.template-minimal .attachment-thumb{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.template-minimal .min-header,.template-minimal .min-parties,.template-minimal .min-totals,.template-minimal .min-footer-info,.template-minimal .min-attachments,.template-minimal .min-footer,.template-minimal .items-body .item-row{break-inside:avoid;page-break-inside:avoid}}@media screen and (max-width: 220mm){.template-minimal{width:100%;min-height:auto;padding:8mm;font-size:8pt}.template-minimal .min-header{flex-direction:column;gap:6mm}.template-minimal .header-right{align-items:flex-start}.template-minimal .min-parties{grid-template-columns:1fr;gap:6mm}.template-minimal .items-header,.template-minimal .item-row{grid-template-columns:1fr 12mm auto}.template-minimal .items-header .col-price,.template-minimal .item-row .col-price{display:none}.template-minimal .min-totals{justify-content:stretch}.template-minimal .totals-wrapper{width:100%}.template-minimal .min-footer-info{grid-template-columns:1fr;gap:6mm}.template-minimal .min-footer{flex-direction:column;gap:2mm;text-align:center}}@media screen{.template-minimal{box-shadow:0 1px 3px #0000000d,0 10px 40px #00000014}}.template-minimal .min-signatures{padding:6mm 0;margin-top:6mm}.template-minimal .min-signatures .signature-zone-container{padding:4mm 0;border-top:1px solid var(--gray-200)}.template-minimal .min-signatures .signature-zone-double{gap:20mm}.template-minimal .min-signatures .signature-label{color:var(--gray-400);font-weight:500;font-size:7pt;text-transform:uppercase;letter-spacing:.1em}.template-minimal .min-signatures .signature-digital-name{font-family:Dancing Script,cursive;color:var(--primary);font-size:20pt}.template-minimal .min-signatures .signer-title{color:var(--gray-700);font-weight:600;font-size:8pt}.template-minimal .min-signatures .signature-date{color:var(--gray-400);font-size:7pt}.template-minimal .min-signatures .signature-line{border-color:var(--gray-300)}.template-minimal .min-signatures .signature-mention{color:var(--gray-400);font-size:6pt}.template-minimal .no-break{break-inside:avoid;page-break-inside:avoid}.template-elegance{--primary: #1a1a2e;--primary-light: #e8e8ed;--primary-dark: #0d0d17;--primary-bg: #fafafa;--accent: #8b7355;--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--paper-width: 210mm;--paper-height: 297mm;--margin: 14mm;--inner-margin: 8mm;--font-serif: "Playfair Display", "Georgia", "Times New Roman", serif;--font-sans: "Inter", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Consolas", monospace;display:flex;flex-direction:column;box-sizing:border-box;width:var(--paper-width);min-height:var(--paper-height);margin:0;padding:var(--margin);background:var(--white);font-family:var(--font-sans);font-size:9pt;line-height:1.6;color:var(--gray-700);position:relative;overflow:hidden}.template-elegance *,.template-elegance *:before,.template-elegance *:after{box-sizing:border-box;margin:0;padding:0}.template-elegance .elegance-pattern{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.03;background-image:linear-gradient(135deg,var(--primary) 25%,transparent 25%),linear-gradient(225deg,var(--primary) 25%,transparent 25%),linear-gradient(45deg,var(--primary) 25%,transparent 25%),linear-gradient(315deg,var(--primary) 25%,transparent 25%);background-size:20px 20px;background-position:0 0,10px 0,10px -10px,0px 10px}.template-elegance .elegance-border{position:absolute;top:var(--inner-margin);left:var(--inner-margin);right:var(--inner-margin);bottom:var(--inner-margin);border:1px solid var(--primary-light);pointer-events:none}.template-elegance .border-corner{position:absolute;width:20px;height:20px;border-color:var(--primary);border-style:solid;border-width:0}.template-elegance .border-tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.template-elegance .border-tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.template-elegance .border-bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.template-elegance .border-br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.template-elegance .elegance-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--inner-margin);margin-bottom:6mm;position:relative;z-index:1}.template-elegance .header-brand{display:flex;align-items:center;gap:5mm}.template-elegance .elegance-logo{height:18mm;width:auto;max-width:45mm;object-fit:contain}.template-elegance .elegance-logo-text{width:16mm;height:16mm;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--white);font-family:var(--font-serif);font-size:20pt;font-weight:700;border-radius:2px}.template-elegance .brand-info{display:flex;flex-direction:column;gap:1mm}.template-elegance .brand-name{font-family:var(--font-serif);font-size:16pt;font-weight:700;color:var(--primary);letter-spacing:.02em;line-height:1.2}.template-elegance .brand-tagline{font-size:8pt;font-style:italic;color:var(--gray-500);letter-spacing:.05em}.template-elegance .header-title{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2mm}.template-elegance .title-label{font-family:var(--font-serif);font-size:10pt;font-weight:400;color:var(--gray-400);letter-spacing:.3em;text-transform:uppercase}.template-elegance .title-number{font-family:var(--font-serif);font-size:18pt;font-weight:700;color:var(--primary);letter-spacing:.02em}.template-elegance .title-status{display:inline-flex;align-items:center;gap:2mm;padding:1.5mm 4mm;background:var(--status-bg);border-radius:3mm}.template-elegance .status-dot{width:2mm;height:2mm;background:var(--status-color);border-radius:50%}.template-elegance .status-text{font-size:7pt;font-weight:600;color:var(--status-color);text-transform:uppercase;letter-spacing:.05em}.template-elegance .elegance-divider{display:flex;align-items:center;justify-content:center;gap:4mm;margin:4mm var(--inner-margin) 8mm;position:relative;z-index:1}.template-elegance .divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),var(--primary),var(--primary-light),transparent)}.template-elegance .divider-diamond{width:8px;height:8px;background:var(--primary);transform:rotate(45deg);flex-shrink:0}.template-elegance .elegance-info{padding:0 var(--inner-margin);margin-bottom:8mm;position:relative;z-index:1}.template-elegance .info-dates{display:flex;gap:10mm;margin-bottom:6mm;padding-bottom:4mm;border-bottom:1px dashed var(--gray-200)}.template-elegance .info-item{display:flex;flex-direction:column;gap:1mm}.template-elegance .info-label{font-size:7pt;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em}.template-elegance .info-value{font-size:10pt;font-weight:600;color:var(--gray-800)}.template-elegance .info-parties{display:grid;grid-template-columns:1fr auto 1fr;gap:6mm;align-items:start}.template-elegance .party-box{display:flex;flex-direction:column;gap:2mm}.template-elegance .party-label{font-family:var(--font-serif);font-size:8pt;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;padding-bottom:2mm;border-bottom:1px solid var(--primary);display:inline-block;align-self:flex-start}.template-elegance .party-content{display:flex;flex-direction:column;gap:.5mm;font-size:8.5pt;line-height:1.5;color:var(--gray-600)}.template-elegance .party-content strong{font-size:10pt;font-weight:600;color:var(--gray-800);margin-bottom:1mm}.template-elegance .party-to .party-content strong{color:var(--primary)}.template-elegance .tax-number{font-family:var(--font-mono);font-size:7.5pt;color:var(--gray-400);margin-top:1mm}.template-elegance .party-separator{display:flex;align-items:center;justify-content:center;padding-top:10mm;color:var(--gray-300)}.template-elegance .party-separator svg{width:6mm;height:6mm}.template-elegance .elegance-items{padding:0 var(--inner-margin);margin-bottom:6mm;position:relative;z-index:1;flex-shrink:0}.template-elegance .items-table{width:100%;border-collapse:collapse}.template-elegance .items-table thead tr{border-bottom:2px solid var(--primary)}.template-elegance .items-table th{padding:3mm 2mm;font-family:var(--font-serif);font-size:8pt;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;text-align:left}.template-elegance .items-table th.col-qty,.template-elegance .items-table th.col-price,.template-elegance .items-table th.col-total{text-align:right;width:22mm}.template-elegance .items-table th.col-qty{width:15mm}.template-elegance .items-table tbody tr{border-bottom:1px solid var(--gray-100)}.template-elegance .items-table tbody tr:hover{background:var(--gray-50)}.template-elegance .items-table td{padding:3.5mm 2mm;font-size:9pt;vertical-align:middle}.template-elegance .items-table td.col-desc{color:var(--gray-700)}.template-elegance .item-name{display:block;font-weight:500;color:var(--gray-800)}.template-elegance .item-details{display:block;font-size:7.5pt;color:var(--gray-400);font-style:italic;margin-top:.5mm}.template-elegance .items-table td.col-qty{text-align:right;color:var(--gray-500)}.template-elegance .items-table td.col-price{text-align:right;color:var(--gray-600)}.template-elegance .items-table td.col-total{text-align:right;font-weight:600;color:var(--gray-800)}.template-elegance .elegance-totals{padding:0 var(--inner-margin);margin-bottom:8mm;display:flex;justify-content:flex-end;position:relative;z-index:1}.template-elegance .totals-decoration{position:absolute;left:var(--inner-margin);right:50%;top:50%;display:flex;align-items:center}.template-elegance .deco-line{flex:1;height:1px;background:linear-gradient(90deg,var(--gray-200),transparent)}.template-elegance .totals-content{width:70mm}.template-elegance .totals-breakdown{display:flex;flex-direction:column;gap:2mm;padding-bottom:4mm;border-bottom:1px dashed var(--gray-300);margin-bottom:4mm}.template-elegance .total-row{display:flex;justify-content:space-between;font-size:8.5pt}.template-elegance .total-label{color:var(--gray-500)}.template-elegance .total-value{font-weight:500;color:var(--gray-700)}.template-elegance .total-row.discount .total-value{color:#059669}.template-elegance .grand-total{display:flex;justify-content:space-between;align-items:baseline;padding:4mm;background:var(--primary);border-radius:2px}.template-elegance .grand-label{font-family:var(--font-serif);font-size:8pt;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.1em}.template-elegance .grand-value{font-family:var(--font-serif);font-size:16pt;font-weight:700;color:var(--white);letter-spacing:.02em}.template-elegance .elegance-footer-info{display:grid;grid-template-columns:1fr 1fr;gap:8mm;padding:0 var(--inner-margin);margin-bottom:6mm;position:relative;z-index:1}.template-elegance .footer-block{display:flex;flex-direction:column;gap:2mm}.template-elegance .footer-block h4{font-family:var(--font-serif);font-size:8pt;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;padding-bottom:2mm;border-bottom:1px solid var(--primary);margin-bottom:2mm}.template-elegance .block-content{font-size:8pt;color:var(--gray-600);line-height:1.6}.template-elegance .payment-row{display:flex;justify-content:space-between;padding:1mm 0}.template-elegance .payment-label{color:var(--gray-400)}.template-elegance .payment-value{font-weight:500;color:var(--gray-700)}.template-elegance .payment-value.mono{font-family:var(--font-mono);font-size:7.5pt;letter-spacing:.03em}.template-elegance .block-content p{margin:0;white-space:pre-wrap}.template-elegance .elegance-attachments{padding:0 var(--inner-margin);margin-bottom:6mm;position:relative;z-index:1}.template-elegance .attachments-grid{display:flex;gap:3mm;flex-wrap:wrap}.template-elegance .attachment-item{position:relative;width:24mm;height:24mm;border:1px solid var(--gray-200);border-radius:2px;overflow:hidden}.template-elegance .attachment-item img{width:100%;height:100%;object-fit:cover}.template-elegance .attachment-item figcaption{position:absolute;bottom:1mm;right:1mm;width:4mm;height:4mm;background:var(--primary);color:var(--white);font-size:6pt;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.template-elegance .elegance-spacer{flex:1;min-height:8mm}.template-elegance .elegance-footer{text-align:center;padding:var(--inner-margin);border-top:1px solid var(--gray-200);position:relative;z-index:1;margin-top:auto}.template-elegance .footer-thanks{font-family:var(--font-serif);font-size:12pt;font-style:italic;color:var(--primary);margin-bottom:3mm}.template-elegance .footer-contacts{display:flex;justify-content:center;align-items:center;gap:2mm;font-size:8pt;color:var(--gray-500);margin-bottom:2mm}.template-elegance .footer-contacts .separator{color:var(--gray-300)}.template-elegance .footer-website{font-size:8pt;color:var(--primary);font-weight:500}.template-elegance[data-format=A4]{--paper-width: 210mm;--paper-height: 297mm}.template-elegance[data-format=Letter]{--paper-width: 215.9mm;--paper-height: 279.4mm}.template-elegance[data-format=Legal]{--paper-width: 215.9mm;--paper-height: 355.6mm}@media print{.template-elegance{width:100%!important;min-height:100%!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.template-elegance .elegance-pattern,.template-elegance .elegance-border,.template-elegance .grand-total,.template-elegance .elegance-logo-text,.template-elegance .divider-diamond,.template-elegance .title-status,.template-elegance .attachment-item figcaption{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.template-elegance .elegance-header,.template-elegance .elegance-info,.template-elegance .elegance-totals,.template-elegance .elegance-footer-info,.template-elegance .elegance-attachments,.template-elegance .elegance-footer,.template-elegance .items-table tbody tr{break-inside:avoid;page-break-inside:avoid}}@media screen and (max-width: 220mm){.template-elegance{width:100%;min-height:auto;padding:8mm;font-size:8pt}.template-elegance .elegance-header{flex-direction:column;gap:6mm}.template-elegance .header-title{align-items:flex-start;text-align:left}.template-elegance .info-parties{grid-template-columns:1fr;gap:6mm}.template-elegance .party-separator{display:none}.template-elegance .elegance-footer-info{grid-template-columns:1fr;gap:6mm}.template-elegance .totals-decoration{display:none}.template-elegance .totals-content{width:100%}.template-elegance .items-table th.col-price,.template-elegance .items-table td.col-price{display:none}}@media screen{.template-elegance{box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f,0 12px 40px #00000014}}.template-elegance .elegance-signatures{padding:6mm var(--inner-margin);margin-top:4mm;position:relative;z-index:1}.template-elegance .elegance-signatures .signature-zone-container{padding:4mm 0;border-top:1px double var(--primary)}.template-elegance .elegance-signatures .signature-zone-double{gap:25mm}.template-elegance .elegance-signatures .signature-label{font-family:Playfair Display,Georgia,serif;color:var(--primary);font-weight:600;font-size:7pt;text-transform:uppercase;letter-spacing:.1em}.template-elegance .elegance-signatures .signature-digital-name{font-family:Dancing Script,cursive;color:var(--primary-dark);font-size:24pt}.template-elegance .elegance-signatures .signer-title{font-family:Playfair Display,Georgia,serif;color:#444;font-style:italic;font-size:8pt}.template-elegance .elegance-signatures .signature-date{color:#777;font-size:7pt}.template-elegance .elegance-signatures .signature-line{border-color:var(--primary);border-style:solid}.template-elegance .elegance-signatures .signature-mention{font-family:Playfair Display,Georgia,serif;font-style:italic;color:#666;font-size:6.5pt}.template-elegance .no-break{break-inside:avoid;page-break-inside:avoid}.template-selector{padding:var(--space-md) 0}.selector-section{margin-bottom:var(--space-lg)}.selector-section h4{font-size:.875rem;font-weight:600;color:var(--gray-700);margin:0 0 var(--space-md) 0}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.template-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.template-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.template-card.active{border-color:var(--primary);background:rgba(37,99,235,.02)}.template-preview{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--transition-fast)}.template-card:hover .template-preview{background:var(--gray-100);border-color:currentColor}.template-card.active .template-preview{background:var(--white);border-color:currentColor;box-shadow:0 2px 8px #00000014}.template-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:inherit}.template-icon svg{width:100%;height:100%;display:block}.template-info{display:flex;flex-direction:column;gap:2px}.template-name{font-size:.8125rem;font-weight:600;color:var(--gray-800)}.template-desc{font-size:.6875rem;color:var(--gray-500);line-height:1.3}.template-check{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:var(--radius-full);box-shadow:0 2px 4px #00000026}.colors-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-btn{width:36px;height:36px;border-radius:var(--radius-full);border:3px solid transparent;background:var(--color);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.color-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);border:2px solid transparent;transition:border-color var(--transition-fast)}.color-btn:hover{transform:scale(1.1)}.color-btn:hover:before{border-color:var(--color)}.color-btn.active{border-color:var(--white);box-shadow:0 0 0 3px var(--color);transform:scale(1.1)}.color-btn.active:before{border-color:var(--color)}@media (max-width: 480px){.templates-grid{grid-template-columns:1fr}.template-card{flex-direction:row;text-align:left;gap:var(--space-md)}.template-preview{margin-bottom:0;flex-shrink:0;width:48px;height:48px}.template-icon{width:32px;height:32px}.template-info{flex:1}.template-check{top:50%;transform:translateY(-50%);right:var(--space-sm);width:20px;height:20px}.colors-grid{gap:var(--space-xs)}.color-btn{width:32px;height:32px}}@media (min-width: 481px) and (max-width: 768px){.templates-grid{gap:var(--space-md)}.template-preview{width:60px;height:60px}.template-icon{width:44px;height:44px}}@media (min-width: 900px){.templates-grid{grid-template-columns:repeat(3,1fr)}}:root{--preview-bg: rgba(0, 0, 0, .95);--preview-container-bg: #1a1a2e;--preview-header-bg: #16162a;--preview-border: rgba(255, 255, 255, .1);--preview-text: #ffffff;--preview-text-muted: #a0a0b0;--preview-accent: #4f46e5;--preview-radius: 12px;--preview-radius-sm: 8px}.preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;flex-direction:column;background:var(--preview-bg);overflow:hidden}.preview-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--preview-container-bg);overflow:hidden;position:relative}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--preview-header-bg);border-bottom:1px solid var(--preview-border);flex-shrink:0;gap:12px;z-index:100}.preview-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--preview-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.preview-actions button,.preview-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:500;border-radius:var(--preview-radius-sm);border:1px solid var(--preview-border);background:rgba(255,255,255,.05);color:var(--preview-text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.preview-actions button:hover,.preview-actions .btn:hover{background:rgba(255,255,255,.1)}.preview-actions button.active,.preview-actions .btn.active{background:rgba(79,70,229,.2);border-color:var(--preview-accent);color:#a5b4fc}.preview-actions button[class*=primary],.preview-actions .btn-primary{background:var(--preview-accent);border-color:var(--preview-accent);color:#fff}.preview-actions button[class*=primary]:hover,.preview-actions .btn-primary:hover{background:#6366f1}.preview-close{width:36px;height:36px;padding:0!important;background:rgba(239,68,68,.15)!important;border:1px solid rgba(239,68,68,.3)!important;border-radius:50%!important;color:#f87171!important;margin-left:4px}.preview-close:hover{background:#ef4444!important;color:#fff!important}.preview-body{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.preview-options-panel{width:320px;flex-shrink:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--preview-border);padding:20px;overflow-y:auto;overflow-x:hidden;transition:transform .3s ease}.preview-scroll{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:20px;background:#0a0a14;min-width:0}.preview-document{flex-shrink:0;transform-origin:top center;--doc-scale: .9;transform:scale(var(--doc-scale));margin-bottom:calc(-297mm * (1 - var(--doc-scale)))}@media screen and (min-width: 1400px){.preview-document{--doc-scale: 1;margin-bottom:0}.preview-scroll{padding:40px}}@media screen and (max-width: 1399px) and (min-width: 1024px){.preview-document{--doc-scale: .85}.preview-options-panel{width:280px}}@media screen and (max-width: 1023px) and (min-width: 768px){.preview-options-panel{width:260px;padding:16px}.preview-document{--doc-scale: .7}}@media screen and (max-width: 767px){.preview-body{flex-direction:column-reverse}.preview-options-panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:60vh;border-right:none;border-top:1px solid var(--preview-border);border-radius:var(--preview-radius) var(--preview-radius) 0 0;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);background:rgba(26,26,46,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(calc(100% - 60px));transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:50;box-shadow:0 -10px 40px #0000004d}.preview-options-panel.open{transform:translateY(0)}.preview-options-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--preview-border);border-radius:2px}.preview-options-panel .template-selector>.selector-section:first-child h4{padding-top:20px;margin-bottom:16px;font-size:.9rem}.preview-scroll{padding:16px 16px 80px}.preview-document{--doc-scale: .5}.preview-actions button span,.preview-actions .btn span{display:none}.preview-actions button,.preview-actions .btn{padding:10px}}@media screen and (max-width: 480px){.preview-header{padding:10px 12px}.preview-header h2{font-size:.9rem}.preview-document{--doc-scale: .42}.preview-scroll{padding:12px 12px 70px}.preview-options-panel{max-height:70vh;padding:12px}.preview-actions{gap:6px}.preview-actions button,.preview-actions .btn{padding:8px}.preview-close{width:32px;height:32px}}@media screen and (max-width: 380px){.preview-document{--doc-scale: .4}.preview-scroll{padding:8px 8px 70px}}.preview-scroll::-webkit-scrollbar,.preview-options-panel::-webkit-scrollbar{width:6px;height:6px}.preview-scroll::-webkit-scrollbar-track,.preview-options-panel::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.preview-scroll::-webkit-scrollbar-thumb,.preview-options-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.preview-scroll::-webkit-scrollbar-thumb:hover,.preview-options-panel::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@media print{.preview-overlay{position:static;width:auto;height:auto;background:none}.preview-header,.preview-options-panel{display:none!important}.preview-body,.preview-scroll{display:block;overflow:visible;padding:0;background:none}.preview-document{transform:none!important;margin:0!important}}.invoice-form-page{max-width:1200px;margin:0 auto}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--gray-500);gap:var(--space-md)}.form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.form-header h1{margin-bottom:var(--space-xs)}.form-header-actions{display:flex;gap:var(--space-sm)}.form-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg);align-items:start}.form-main{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{padding:var(--space-lg)}.form-section h2{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--gray-100)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.client-selector{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--gray-100)}.items-list{margin-bottom:var(--space-md)}.items-header{display:grid;grid-template-columns:minmax(200px,1fr) 70px 130px 140px 40px;gap:var(--space-md);padding:var(--space-sm) var(--space-sm);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.items-header span{white-space:nowrap}.items-header .col-desc{text-align:left}.items-header .col-qty,.items-header .col-price,.items-header .col-total{text-align:right}.add-item-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);border:2px dashed var(--gray-300);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);background:transparent;color:var(--gray-500);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-item-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(37,99,235,.02)}@media (max-width: 900px){.items-header{grid-template-columns:minmax(150px,1fr) 60px 110px 120px 36px;gap:var(--space-sm);font-size:.625rem}}@media (max-width: 768px){.items-header{display:none}.add-item-btn{padding:var(--space-lg);font-size:1rem}}.form-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);position:sticky;top:calc(64px + var(--space-lg))}.summary-card{padding:var(--space-lg)}.summary-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--gray-100)}.summary-row{display:flex;justify-content:space-between;padding:var(--space-sm) 0;font-size:.9375rem;color:var(--gray-600)}.summary-input{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0}.summary-input label{font-size:.875rem;color:var(--gray-600);margin:0}.summary-input input{width:100px;padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:right;font-size:.9375rem}.summary-input input:focus{outline:none;border-color:var(--primary)}.summary-total{display:flex;justify-content:space-between;padding:var(--space-md) 0;margin-top:var(--space-sm);border-top:2px solid var(--gray-200);font-size:1.125rem;font-weight:700;color:var(--gray-900)}.summary-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.status-card{padding:var(--space-lg)}.status-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-md)}@media (max-width: 1024px){.form-grid{grid-template-columns:1fr}.form-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.summary-card,.status-card{flex:1;min-width:280px}}@media (max-width: 768px){.form-header{flex-direction:column}.form-header-actions{width:100%}.form-header-actions .btn{flex:1}.items-header{display:none}.form-row{grid-template-columns:1fr}.summary-card,.status-card{min-width:100%}}.signature-checkboxes{display:flex;gap:var(--space-lg);margin:var(--space-md) 0}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.checkbox-label span{-webkit-user-select:none;user-select:none}.signature-info-box{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);font-size:.8125rem;color:var(--blue-700)}.signature-info-box strong{font-weight:600;color:var(--blue-900)}@media (max-width: 600px){.signature-checkboxes{flex-direction:column;gap:var(--space-md)}}.company-settings{max-width:1000px;margin:0 auto}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.settings-header h1{margin-bottom:var(--space-xs)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-lg);align-items:start}.settings-section{padding:var(--space-lg)}.settings-section h2{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--gray-100)}.image-upload-group{margin-bottom:var(--space-lg)}.image-upload-group>label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-xs)}.image-upload-group>.text-sm{margin-bottom:var(--space-sm)}.image-upload-zone{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:120px}.image-upload-zone:hover{border-color:var(--primary);background:rgba(37,99,235,.02)}.image-upload-zone.header-zone,.image-upload-zone.footer-zone{min-height:80px}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--gray-400)}.image-placeholder span{font-size:.875rem}.image-preview{position:relative;max-width:100%}.image-preview img{max-width:100%;max-height:150px;object-fit:contain;border-radius:var(--radius-md)}.image-preview .image-remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--error);color:var(--white);border:2px solid var(--white);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.image-preview .image-remove:hover{transform:scale(1.1)}.settings-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}.settings-header{flex-direction:column}.settings-header .btn{width:100%}.settings-section .form-row{grid-template-columns:1fr}}.theme-selector{margin-top:var(--space-md)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--option-color);transform:translateY(-2px)}.theme-option.active{border-color:var(--option-color);background:rgba(37,99,235,.02)}.theme-preview{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.theme-name{font-size:.8125rem;font-weight:500;color:var(--gray-700);text-align:center}.theme-option.active .theme-name{color:var(--option-color);font-weight:600}@media (max-width: 480px){.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-preview{width:50px;height:50px}}.paper-settings{margin-top:var(--space-md)}.paper-grid{display:flex;flex-wrap:wrap;gap:var(--space-md)}.paper-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:180px}.paper-option:hover{border-color:var(--primary-light);transform:translateY(-2px)}.paper-option.active{border-color:var(--primary);background:rgba(37,99,235,.02)}.paper-preview{display:flex;align-items:center;justify-content:center;width:50px;height:60px}.paper-icon{background:var(--gray-100);border:2px solid var(--gray-300);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all var(--transition-fast)}.paper-option.active .paper-icon{background:var(--primary);border-color:var(--primary);color:#fff}.paper-info{display:flex;flex-direction:column;gap:2px}.paper-name{font-size:1rem;font-weight:600;color:var(--gray-800)}.paper-option.active .paper-name{color:var(--primary)}.paper-size{font-size:.75rem;color:var(--gray-500)}@media (max-width: 480px){.paper-option{flex:1;min-width:calc(50% - var(--space-sm))}.paper-info{flex:1}}.settings-page{max-width:1200px;margin:0 auto}.settings-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:2px solid var(--gray-200);padding-bottom:var(--space-sm);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-500);font-size:.9375rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.settings-tab:hover{color:var(--gray-700);background:var(--gray-100)}.settings-tab.active{color:var(--primary);background:rgba(37,99,235,.1)}.settings-content{min-height:400px}.appearance-settings{max-width:900px}.appearance-settings .settings-header{margin-bottom:var(--space-xl)}.appearance-settings .settings-header h1{margin-bottom:var(--space-xs)}.appearance-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.appearance-settings .settings-section{padding:var(--space-lg)}.appearance-settings .settings-section h2{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-xs)}.appearance-settings .settings-section>.text-muted{margin-bottom:var(--space-lg)}.language-options{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.lang-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-width:160px}.lang-option:hover{border-color:var(--primary-light)}.lang-option.active{border-color:var(--primary);background:rgba(37,99,235,.02)}.lang-flag{font-size:1.5rem}.lang-option span:not(.lang-flag){flex:1;font-weight:500;color:var(--gray-700)}.lang-option.active span:not(.lang-flag){color:var(--primary)}.lang-option svg{color:var(--primary)}@media (max-width: 768px){.settings-tabs{margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.settings-tab{padding:var(--space-sm) var(--space-md)}.settings-tab span{display:none}.language-options{flex-direction:column}.lang-option{width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--accent: #0ea5e9;--gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--gray-50);color:var(--gray-800);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--gray-900)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}input,select,textarea{font-family:inherit;font-size:1rem;width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:var(--gray-400)}input:disabled,select:disabled,textarea:disabled{background:var(--gray-100);cursor:not-allowed}label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:var(--space-xs);font-size:.875rem}button{font-family:inherit;cursor:pointer;border:none;transition:all var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary{background:var(--gradient);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:var(--error);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-icon{padding:.625rem;border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg)}.card-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--gray-100)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-muted{color:var(--gray-500)}.text-error{color:var(--error)}.text-success{color:var(--success)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}.card{padding:var(--space-md);border-radius:var(--radius-md)}}@media (max-width: 768px){.template-corporate,.template-modern,.template-classic,.template-bold{transform-origin:top left}}.template-corporate,.template-modern,.template-classic,.template-bold,.template-corporate *,.template-modern *,.template-classic *,.template-bold *{box-sizing:border-box}.preview-scroll::-webkit-scrollbar{width:10px;height:10px}.preview-scroll::-webkit-scrollbar-track{background:var(--gray-200)}.preview-scroll::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px}.preview-scroll::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}