@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #0071e3;--primary-hover: #0077ed;--primary-light: rgba(0, 113, 227, .06);--secondary-color: #f5f5f7;--secondary-hover: #e8e8ed;--success-color: #34c759;--success-light: rgba(52, 199, 89, .08);--warning-color: #ff9500;--warning-light: rgba(255, 149, 0, .08);--bg-base: #f5f5f7;--glass-bg: #ffffff;--glass-border: #d2d2d7;--surface-1: #ffffff;--surface-2: #f5f5f7;--text-main: #1d1d1f;--text-muted: #6e6e73;--text-light: #ffffff;--error-color: #ff3b30;--error-light: rgba(255, 59, 48, .08);--spacing-xs: .5rem;--spacing-sm: .875rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--shadow-glass: 0 4px 12px rgba(0, 0, 0, .01);--shadow-input: none;--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-smooth: .25s cubic-bezier(.25, 1, .5, 1)}body.dark-theme{--primary-color: #0a84ff;--primary-hover: #359aff;--primary-light: rgba(10, 132, 255, .1);--secondary-color: #2c2c2e;--secondary-hover: #3a3a3c;--success-color: #30d158;--success-light: rgba(48, 209, 88, .1);--warning-color: #ff9f0a;--warning-light: rgba(255, 159, 10, .1);--bg-base: #0f0f12;--glass-bg: #1c1c1e;--glass-border: rgba(255, 255, 255, .12);--surface-1: #1c1c1e;--surface-2: #0f0f12;--text-main: #f5f5f7;--text-muted: #98989d;--error-color: #ff453a;--error-light: rgba(255, 69, 58, .1);--shadow-glass: 0 4px 12px rgba(0, 0, 0, .2);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .3)}body.dark-theme .form-group input,body.dark-theme .form-group textarea,body.dark-theme .form-group select,body.dark-theme .items-table input,body.dark-theme .items-table select{background-color:#2c2c2e!important;border-color:#3a3a3c!important;color:#f5f5f7!important}body.dark-theme .form-group input:focus,body.dark-theme .form-group textarea:focus,body.dark-theme .form-group select:focus,body.dark-theme .items-table input:focus,body.dark-theme .items-table select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #0a84ff40!important;background-color:#1c1c1e!important}body.dark-theme .form-group input[readonly],body.dark-theme .form-group textarea[readonly]{background-color:#1c1c1e!important;border-color:#ffffff0d!important;color:#8e8e93!important}body.dark-theme .form-group select,body.dark-theme .items-table select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' 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")!important;background-repeat:no-repeat!important;background-position:right .85rem center!important;background-size:.95rem!important}body.dark-theme .logo-preview,body.dark-theme .signature-preview,body.dark-theme .qr-preview{background:#2c2c2e!important;border-color:#3a3a3c!important}body.dark-theme .items-table th{background:#2c2c2e!important;color:#98989d!important;border-color:#3a3a3c!important}body.dark-theme .items-table td{border-color:#ffffff0f!important;color:#f5f5f7!important}body.dark-theme .items-table tbody tr:hover{background:#ffffff0a!important}body.dark-theme .items-table input:hover:not(:focus),body.dark-theme .items-table select:hover:not(:focus){border-color:#3a3a3c!important;background:#ffffff0d!important}body.dark-theme .items-table .amount-col{color:#f5f5f7!important}body.dark-theme .btn-icon:hover{background:#ffffff14!important}body.dark-theme .invoice-summary{background:#1c1c1ed9!important;border-color:#3a3a3c!important;color:#f5f5f7!important}body.dark-theme .invoice-summary hr{border-color:#ffffff1a!important}body.dark-theme .table-responsive{border-color:#3a3a3c!important}body.dark-theme .seo-feature-card,body.dark-theme .seo-step-item,body.dark-theme .faq-accordion{background:#1c1c1e!important}body.dark-theme .invoice-a4-container{background:#0f0f12!important}body.dark-theme .invoice-a4{background:#fff!important;color:#1e293b!important}body.dark-theme .invoice-a4 *{color:initial}body.dark-theme .invoice-a4 strong{color:#0f172a!important}body.dark-theme .invoice-a4 .inv-seller h4,body.dark-theme .invoice-a4 .inv-buyer h4,body.dark-theme .invoice-a4 .inv-details h4{color:#475569!important}body.dark-theme .invoice-a4 .inv-table th,body.dark-theme .inv-grand-total{background:#f8fafc!important;color:#0f172a!important}body.dark-theme .preview-container{border-color:#ffffff26!important}.theme-switch-btn{width:48px;height:26px;border-radius:999px;background:#e8e8ed;border:1px solid var(--glass-border);position:relative;cursor:pointer;padding:0;transition:background .25s ease,border-color .25s ease;outline:none;flex-shrink:0}.theme-switch-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-switch-icon-wrapper{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000026;transition:transform .25s cubic-bezier(.25,1,.5,1),background .25s ease;color:#1d1d1f}.theme-switch-btn .sun-icon{width:12px;height:12px;display:block}.theme-switch-btn .moon-icon{width:12px;height:12px;display:none}body.dark-theme .theme-switch-btn{background:#3a3a3c;border-color:#ffffff0d}body.dark-theme .theme-switch-icon-wrapper{transform:translate(22px);background:#1d1d1f;color:#f5f5f7}body.dark-theme .theme-switch-btn .sun-icon{display:none}body.dark-theme .theme-switch-btn .moon-icon{display:block}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-base);color:var(--text-main);min-height:100vh;display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:#94a3b880}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-container{display:flex;width:100%;max-width:1600px;margin:0 auto;padding:var(--spacing-sm);gap:var(--spacing-md)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.sidebar{width:290px;display:flex;flex-direction:column;padding:var(--spacing-md);flex-shrink:0;position:sticky;top:var(--spacing-sm);height:fit-content;max-height:calc(100vh - (var(--spacing-sm) * 2))}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-md);padding:.5rem .25rem}.logo-placeholder{width:36px;height:36px;background:var(--primary-color);border-radius:8px;flex-shrink:0}.logo-container h1{font-size:1.15rem;font-weight:700;letter-spacing:-.015em;color:var(--text-main)}.wizard-nav ul{list-style:none;display:flex;flex-direction:column;gap:.35rem}.wizard-nav li{display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--text-muted);opacity:.7;cursor:default;user-select:none;border:1px solid transparent}.wizard-nav li.completed{color:var(--text-main);opacity:1;cursor:pointer}.wizard-nav li.completed:hover{background:var(--secondary-hover)}.wizard-nav li.active{background:var(--surface-1);color:var(--primary-color);opacity:1;font-weight:600;border-color:var(--glass-border)}.step-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);background:var(--secondary-hover);font-weight:700;font-size:.75rem;color:var(--text-muted);flex-shrink:0;transition:all var(--transition-fast)}.wizard-nav li.active .step-number{background:var(--primary-color);color:var(--text-light)}.wizard-nav li.completed .step-number{background:var(--secondary-hover);color:var(--primary-color)}.step-label{font-weight:500;font-size:.88rem}.main-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.top-header{padding:var(--spacing-xs) var(--spacing-sm)}.progress-container{display:flex;flex-direction:column;gap:var(--spacing-xs)}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.5px;font-family:Outfit,sans-serif}.progress-text{font-size:.8rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.progress-bar-bg{width:100%;height:6px;background:var(--secondary-color);border-radius:var(--radius-full);overflow:hidden;margin-top:2px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));width:0%;border-radius:var(--radius-full);transition:width var(--transition-smooth)}.content-area{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;position:relative;overflow:hidden}.wizard-form{flex:1;display:flex;flex-direction:column;position:relative}.wizard-step{border:none;display:none;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease}.wizard-step.active{display:block;opacity:1;transform:translateY(0);animation:stepFadeIn .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wizard-step h3{font-size:1.5rem;margin-bottom:.25rem;color:var(--text-main);font-weight:700;letter-spacing:-.022em}.step-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-md)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:-.01em}.form-group input,.form-group textarea,.form-group select{padding:.75rem .95rem;border:1px solid #d2d2d7;border-radius:var(--radius-md);background:#fff;font-family:inherit;font-size:.9rem;color:var(--text-main);transition:all var(--transition-fast);width:100%}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#86868b}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0071e326}.form-group input[readonly],.form-group textarea[readonly]{background:#f5f5f7;border-color:#d2d2d7;color:var(--text-muted);cursor:not-allowed}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' 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 .85rem center;background-size:.95rem;padding-right:2rem!important}.form-group input.error,.form-group textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ff3b3026}.error-text{font-size:.78rem;color:var(--error-color);font-weight:500;margin-top:.15rem}.btn{padding:.7rem 1.35rem;border:none;border-radius:var(--radius-md);font-weight:600;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:var(--text-light)}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-secondary{background:var(--secondary-color);color:var(--text-main)}.btn-secondary:not(:disabled):hover{background:var(--secondary-hover)}.btn-danger{background:var(--error-light);color:var(--error-color)}.btn-danger:not(:disabled):hover{background:#ff3b301f}.btn-success{background:var(--success-light);color:var(--success-color)}.btn-success:not(:disabled):hover{background:#34c7591f}.btn-sm{padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.8rem}.wizard-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.wizard-controls .right-actions{display:flex;gap:var(--spacing-xs)}.logo-upload-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border:1px dashed #cbd5e1;border-radius:var(--radius-md);transition:all var(--transition-fast)}.logo-upload-container:hover{border-color:var(--primary-color);background:#fafafa}.logo-preview{width:60px;height:60px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#f8fafc;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;font-weight:600;color:var(--text-muted);box-shadow:var(--shadow-input);overflow:hidden;flex-shrink:0}.logo-preview img{display:none;width:100%;height:100%;object-fit:contain}.logo-preview.has-image img{display:block!important}.logo-preview.has-image span{display:none!important}.logo-placeholder-box{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);text-align:center}.logo-placeholder-box span{font-weight:500}.logo-upload-controls{display:flex;flex-direction:column;gap:.35rem}.logo-upload-controls label{margin-bottom:0}.table-responsive{width:100%;overflow-x:auto;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#fff;margin-bottom:var(--spacing-sm);box-shadow:var(--shadow-glass)}.items-table{width:100%;border-collapse:collapse;min-width:900px}.items-table th,.items-table td{padding:.75rem .95rem;border-bottom:1px solid var(--secondary-color);text-align:left;font-size:.88rem}.items-table th{background:var(--secondary-color);font-weight:600;color:var(--text-muted);font-size:.75rem;letter-spacing:-.01em;border-bottom:1px solid var(--glass-border)}.items-table tbody tr{transition:background var(--transition-fast)}.items-table tbody tr:hover{background:var(--secondary-color)}.items-table td{vertical-align:middle}.items-table input,.items-table select{width:100%;padding:.5rem .65rem;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;transition:all var(--transition-fast)}.items-table input:focus,.items-table select:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #0071e326}.items-table input:hover:not(:focus),.items-table select:hover:not(:focus){border-color:var(--glass-border);background:var(--secondary-color)}.items-table input[type=number]{text-align:right;min-width:70px}.items-table .amount-col{text-align:right;font-weight:600;color:var(--text-main);white-space:nowrap}.row-actions{display:flex;gap:.35rem;justify-content:center}.btn-icon{padding:.4rem;font-size:.95rem;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all var(--transition-fast);line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:#0000000a}.btn-icon.delete:hover{background:var(--error-light);color:var(--error-color)}.preview-container{padding:var(--spacing-xl);background:var(--surface-2);border-radius:var(--radius-md);border:1px dashed rgba(0,0,0,.15);text-align:center}.placeholder-text{color:var(--text-muted)}.invoice-a4-container{width:100%;overflow-x:auto;background:#e2e8f0;padding:2.5rem;display:flex;justify-content:center;border-radius:var(--radius-md)}.invoice-a4{width:210mm;min-height:auto;background:#fff;padding:20mm;box-shadow:0 10px 40px #0000001f;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-size:9.5pt;flex-shrink:0;box-sizing:border-box}.inv-header{display:flex;justify-content:space-between;align-items:flex-start}.inv-logo-sec img{max-height:55px;object-fit:contain}.inv-title-sec{text-align:right}.inv-title-sec h2{margin:0 0 .25rem;font-size:1.75rem;color:#0f172a;font-weight:800;letter-spacing:-.5px}.inv-title-sec p{margin:0;font-size:10pt;color:#475569;font-weight:500}.inv-hr{border:0;border-top:2px solid #0f172a;margin:1.25rem 0}.inv-parties{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.inv-parties>div{flex:1}.inv-seller h4,.inv-buyer h4,.inv-details h4{font-size:9.5pt;margin-bottom:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.inv-seller p,.inv-buyer p,.inv-details p{margin:.25rem 0;font-size:9.5pt;color:var(--text-main)}.inv-seller strong,.inv-buyer strong{color:var(--text-main);font-size:10pt}.inv-table-sec{margin-top:1.75rem}.inv-table{width:100%;border-collapse:separate;border-spacing:0;border-left:1px solid var(--glass-border);border-top:1px solid var(--glass-border)}.inv-table th,.inv-table td{border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:.6rem .75rem;font-size:9pt}.inv-table th{background:var(--secondary-color);font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:8.5pt;border-bottom:2px solid var(--glass-border)}.inv-table td{color:var(--text-main)}.inv-table tr,.inv-totals-table tr,.inv-footer-sec{page-break-inside:avoid!important;break-inside:avoid!important}.inv-totals-sec{display:flex;justify-content:space-between;margin-top:1.25rem;gap:2rem;page-break-inside:avoid!important;break-inside:avoid!important}.inv-amount-words{flex:1.4;font-size:9pt;color:#475569;background:#f8fafc;padding:.75rem 1rem;border-radius:6px;height:fit-content}.inv-amount-words strong{color:#0f172a;display:block;margin-bottom:.2rem}.inv-totals-table-container{flex:1}.inv-totals-table{width:100%;border-collapse:collapse}.inv-totals-table td{padding:.45rem .6rem;border:1px solid #e2e8f0;font-size:9pt;color:#475569}.inv-totals-table td.text-right{color:#0f172a;font-weight:500}.inv-grand-total{font-weight:800!important;font-size:10.5pt!important;background:#f8fafc;color:#6366f1!important}.inv-footer-sec{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1.5rem;border-top:1px solid #f1f5f9;padding-top:1.5rem}.inv-bank,.inv-qr,.inv-sign{flex:1}.inv-bank h4,.inv-qr h4,.inv-sign h4{font-size:8.5pt;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.inv-bank p{font-size:8.5pt;margin:.2rem 0;color:#334155}.inv-qr img,.inv-sign img{max-height:70px;object-fit:contain}.toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.8rem 1.4rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:#fff;box-shadow:var(--shadow-elevated);animation:toastIn .35s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;max-width:380px;backdrop-filter:blur(10px)}.toast-success{background:#14b8a6f2;border-left:4px solid #0f766e}.toast-error{background:#f43f5ef2;border-left:4px solid #be123c}.toast-info{background:#6366f1f2;border-left:4px solid #4338ca}.toast.toast-out{animation:toastOut .3s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.95)}}.save-status{position:fixed;bottom:1.25rem;right:1.25rem;padding:.5rem 1rem;background:var(--success-color);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;opacity:0;transform:translateY(8px);transition:all var(--transition-smooth);z-index:9000;pointer-events:none;box-shadow:0 4px 12px #14b8a633}.save-status.visible{opacity:1;transform:translateY(0)}.kbd{display:inline-block;padding:.15rem .4rem;font-size:.7rem;font-family:monospace;color:var(--text-muted);background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:4px;line-height:1.2;vertical-align:middle;margin-left:.35rem}.skeleton-line{height:14px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-line:last-child{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.text-right{text-align:right}.text-center{text-align:center}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.text-muted{color:var(--text-muted)}.mt-2{margin-top:var(--spacing-sm);align-self:flex-start}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar-toggle-btn,.close-sidebar-btn{display:none}.sidebar-backdrop{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}@media(max-width:900px){.app-container{flex-direction:column;padding:.5rem;gap:var(--spacing-sm)}.sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .9rem;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:inherit;font-size:.8rem;font-weight:700;color:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-input);flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--secondary-color)}.close-sidebar-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--secondary-color);cursor:pointer;color:var(--text-main);font-size:1.1rem;font-weight:700;line-height:1;transition:all var(--transition-fast)}.close-sidebar-btn:hover{background:var(--error-light);color:var(--error-color)}.sidebar{position:fixed!important;left:-320px;top:0;bottom:0;width:290px;z-index:10000;height:100vh;max-height:100vh;border-radius:0;border-right:1px solid var(--glass-border);background:#fff!important;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:var(--spacing-md)}.sidebar.open{transform:translate(320px);box-shadow:10px 0 30px #0f172a26}.logo-container{margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:space-between;width:100%}.wizard-nav ul{flex-direction:column;overflow:visible;gap:.35rem}.wizard-nav li{padding:.7rem .875rem;font-size:.88rem;flex-shrink:0}.step-label{display:inline-block}.step-number{width:26px;height:26px;font-size:.75rem}#nav-history{margin-top:1.5rem!important;border-top:1px solid var(--glass-border)!important;border-left:none!important;padding-top:1.25rem!important;padding-left:.875rem!important;margin-left:0!important}#nav-history:hover{transform:translate(4px)!important}}@media(max-width:850px){.invoice-a4-container{padding:1rem;display:block;overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%;border-radius:var(--radius-md);background:#94a3b8}.invoice-a4{width:800px;min-height:auto;box-shadow:0 4px 15px #00000014;padding:15mm}}@media(max-width:768px){.table-responsive{width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-input);margin-bottom:1rem}.items-table{min-width:980px}.items-table th,.items-table td{white-space:nowrap}.items-table th:nth-child(1),.items-table td:nth-child(1){min-width:180px}.items-table th:nth-child(2),.items-table td:nth-child(2){min-width:160px}.items-table th:nth-child(3),.items-table td:nth-child(3){min-width:100px}.items-table th:nth-child(4),.items-table td:nth-child(4){min-width:70px}.items-table th:nth-child(5),.items-table td:nth-child(5){min-width:80px}.items-table th:nth-child(6),.items-table td:nth-child(6){min-width:100px}.items-table th:nth-child(7),.items-table td:nth-child(7){min-width:125px}.items-table th:nth-child(8),.items-table td:nth-child(8){min-width:95px}.items-table th:nth-child(9),.items-table td:nth-child(9){min-width:100px}.items-table th:nth-child(10),.items-table td:nth-child(10){min-width:160px}.items-actions{flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important}.invoice-summary{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media(max-width:600px){.form-grid,.item-row{grid-template-columns:1fr}.wizard-controls{flex-direction:column;gap:.5rem}.wizard-controls .btn{width:100%}}@media(max-width:500px){.invoice-a4-container{padding:.5rem}}body.generating-pdf .invoice-a4{box-shadow:none}.ad-slot{margin:1.5rem 0;text-align:center;background:#00000005;border:1px dashed rgba(0,0,0,.08);border-radius:var(--radius-md);overflow:hidden;font-size:.7rem;color:var(--text-muted)}.ad-slot:before{content:"ADVERTISEMENT";display:block;padding:6px;font-size:.65rem;font-weight:600;letter-spacing:1px;border-bottom:1px solid rgba(0,0,0,.04)}.ad-sidebar{margin-top:auto;min-height:300px}.ad-horizontal{margin-top:2rem;min-height:90px;max-width:728px;margin-left:auto;margin-right:auto}.seo-section{margin-top:2rem;padding:3rem 2rem}.seo-container{max-width:1000px;margin:0 auto}.seo-header{text-align:center;margin-bottom:3rem}.seo-header h2{font-size:2rem;font-weight:700;color:var(--text-main);letter-spacing:-.025em;margin-bottom:.75rem}.seo-lead{font-size:1.1rem;color:var(--text-muted);line-height:1.6;max-width:700px;margin:0 auto}.seo-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.seo-feature-card{background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:2rem;box-shadow:0 4px 12px #00000005;transition:all var(--transition-smooth);display:flex;flex-direction:column;gap:.75rem}.seo-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000d;border-color:#0071e340}.feature-icon{font-size:2rem;line-height:1}.seo-feature-card h3{font-size:1.15rem;font-weight:600;color:var(--text-main);letter-spacing:-.015em}.seo-feature-card p{font-size:.9rem;color:var(--text-muted);line-height:1.55}.seo-divider{border:none;border-top:1px solid var(--glass-border);margin:3.5rem 0}.seo-how-to h3,.seo-faq h3{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;margin-bottom:2rem;text-align:center}.seo-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.seo-step-item{position:relative;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:2rem 1.5rem 1.5rem;overflow:hidden;transition:all var(--transition-smooth);box-shadow:0 4px 12px #00000005}.seo-step-item:hover{border-color:#0071e333;box-shadow:0 8px 24px #0000000a}.seo-step-num{position:absolute;top:12px;right:15px;font-size:2.2rem;font-weight:800;color:#0071e314;line-height:1}.seo-step-item h4{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;letter-spacing:-.01em}.seo-step-item p{font-size:.88rem;color:var(--text-muted);line-height:1.55}.seo-faq{max-width:800px;margin:0 auto}.faq-accordion{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#fff;margin-bottom:1rem;padding:1.25rem 1.5rem;transition:all var(--transition-smooth)}.faq-accordion[open]{border-color:#0071e34d;box-shadow:0 8px 24px #00000008}.faq-question{font-size:1.05rem;font-weight:600;color:var(--text-main);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none;outline:none;transition:color var(--transition-fast)}.faq-question::-webkit-details-marker{display:none}.faq-question:hover{color:var(--primary-color)}.faq-question:after{content:"+";font-size:1.4rem;font-weight:300;color:var(--text-muted);transition:transform var(--transition-smooth)}.faq-accordion[open] .faq-question:after{transform:rotate(45deg);color:var(--primary-color)}.faq-answer{padding-top:.75rem;font-size:.95rem;color:var(--text-muted);line-height:1.55;border-top:1px solid rgba(0,0,0,.02);margin-top:.75rem}.adblock-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f12a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.adblock-card{max-width:440px;width:100%;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;align-items:center;gap:1.25rem}body.dark-theme .adblock-card{background:#1c1c1e}.adblock-icon{font-size:3rem;line-height:1}.adblock-card h2{font-size:1.5rem;font-weight:700;color:var(--text-main);letter-spacing:-.022em}.adblock-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.adblock-card .btn{width:100%;padding:.8rem}.adblock-ribbon{background:#e5393514;border-bottom:1px solid rgba(229,57,53,.15);color:#e53935;padding:.65rem 1.25rem;font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:500;z-index:100;width:100%;box-sizing:border-box}body.dark-theme .adblock-ribbon{background:#ef53501a;border-bottom:1px solid rgba(239,83,80,.25);color:#ef5350}::placeholder{color:#6e6e73!important;opacity:1}body.dark-theme ::placeholder{color:#98989d!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem}.stat-card{background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-glass)}.stat-card .stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.75px}.stat-card .stat-value{font-size:1.45rem;font-weight:700;color:var(--text-main);letter-spacing:-.015em}.dashboard-visuals{display:flex;flex-direction:row;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.visual-card{flex:1;min-width:320px;background:var(--surface-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-glass);display:flex;flex-direction:column}.visual-card h4{font-size:.85rem;font-weight:700;color:var(--text-main);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.75px}.chart-container{height:160px;width:100%;margin-top:auto}.chart-bar{fill:var(--primary-color);transition:fill var(--transition-fast)}.chart-bar:hover{fill:var(--primary-hover)}.chart-text{fill:var(--text-main);font-size:9px;font-weight:600;font-family:inherit;text-anchor:middle}.chart-label{fill:var(--text-muted);font-size:9px;font-family:inherit;text-anchor:middle}.chart-axis{stroke:var(--glass-border);stroke-width:1}.matrix-table{width:100%;border-collapse:collapse;font-size:.85rem}.matrix-table th{font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding:.5rem .25rem;text-align:left}.matrix-table td{padding:.6rem .25rem;border-bottom:1px solid rgba(0,0,0,.03);color:var(--text-main)}body.dark-theme .matrix-table td{border-bottom:1px solid rgba(255,255,255,.05)}.status-badge{cursor:pointer;display:inline-block;padding:.3rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-align:center;transition:transform var(--transition-fast),filter var(--transition-fast);user-select:none}.status-badge:hover{transform:scale(1.05);filter:brightness(.95)}.status-badge.paid{background:var(--success-light);color:var(--success-color)}.status-badge.unpaid{background:var(--warning-light);color:var(--warning-color)}