:root{--invoice-white:#ffffff;--invoice-off-white:#fafbfc;--invoice-soft-white:#f8f9fa;--invoice-subtle-gray:#f1f3f5;--invoice-light-gray:#e9ecef;--invoice-border-gray:#dee2e6;--invoice-medium-gray:#adb5bd;--invoice-text-gray:#495057;--invoice-dark-text:#212529;--invoice-darker-text:#0c0e10;--invoice-accent-blue:#0b76ff;--invoice-accent-blue-light:#3aa0ff;--invoice-accent-blue-dark:#0a5ecc;--invoice-accent-green:#00d26a;--invoice-accent-green-light:#00ff87;--invoice-accent-orange:#ff9500;--invoice-accent-red:#ff3b30;--invoice-accent-purple:#8b5cf6;--invoice-gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--invoice-gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--invoice-gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--invoice-gradient-offwhite:linear-gradient(135deg, #2c302e 0%, #dadfdc 100%);--invoice-gradient-subtle:linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);--invoice-gradient-card:linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);--invoice-shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--invoice-shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03);--invoice-shadow-md:0 3px 8px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);--invoice-shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10), 0 4px 8px rgba(0, 0, 0, 0.05);--invoice-shadow-xl:0 12px 32px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.06);--invoice-shadow-2xl:0 24px 60px rgba(0, 0, 0, 0.15);--invoice-shadow-accent-blue:0 4px 12px rgba(11, 118, 255, 0.16);--invoice-shadow-accent-green:0 4px 12px rgba(0, 210, 106, 0.16);--invoice-shadow-glow-blue:0 0 30px rgba(11, 118, 255, 0.20);--invoice-font-primary:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;--invoice-font-display:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;--invoice-font-mono:'Menlo', 'Monaco', 'Courier New', monospace;--invoice-space-xs:4px;--invoice-space-sm:6px;--invoice-space-md:10px;--invoice-space-lg:14px;--invoice-space-xl:18px;--invoice-space-2xl:24px;--invoice-space-3xl:32px;--invoice-radius-sm:4px;--invoice-radius-md:6px;--invoice-radius-lg:8px;--invoice-radius-xl:10px;--invoice-radius-2xl:12px;--invoice-radius-full:9999px;--invoice-timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--invoice-timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--invoice-timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--invoice-timing-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1);--invoice-timing-bounce:0.6s cubic-bezier(0.34, 1.56, 0.64, 1);--invoice-sidebar-width:280px;--invoice-sidebar-collapsed:60px;--invoice-card-padding:14px;--invoice-gap:12px}.invoice-builder-section *{box-sizing:border-box}.invoice-builder-section{font-family:var(--invoice-font-primary);background:var(--invoice-off-white);color:var(--invoice-dark-text);line-height:1.5;font-size:.9375rem;min-height:100vh;padding:var(--invoice-space-xl) var(--invoice-space-lg);margin-left:var(--invoice-sidebar-width);transition:margin-left var(--invoice-timing-smooth);transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-nav.collapsed~.invoice-builder-section{margin-left:var(--invoice-sidebar-collapsed)}.section-title{font-size:1.5rem;font-weight:700;color:var(--invoice-darker-text);letter-spacing:-.01em;margin-bottom:var(--invoice-space-2xl);text-align:center;padding:var(--invoice-space-lg) var(--invoice-space-xl);background:var(--invoice-white);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-xl);box-shadow:var(--invoice-shadow-sm);position:relative;overflow:hidden}.section-title::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--invoice-gradient-blue);opacity:.8}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--invoice-gradient-blue);border-radius:var(--invoice-radius-full)}.card{background:var(--invoice-gradient-card);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-xl);box-shadow:var(--invoice-shadow-sm);overflow:hidden;transition:all var(--invoice-timing-smooth);position:relative;margin-bottom:var(--invoice-space-2xl);transform:translateZ(0);backface-visibility:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--invoice-gradient-blue);opacity:.6;transition:opacity var(--invoice-timing-normal)}.card:hover{box-shadow:var(--invoice-shadow-md);border-color:var(--invoice-accent-blue-light);transform:translateY(-1px)}.card:hover::before{opacity:1}.card h2{font-size:1.125rem;font-weight:700;color:var(--invoice-darker-text);padding:var(--invoice-space-lg) var(--invoice-space-xl);margin:0;background:var(--invoice-subtle-gray);border-bottom:1px solid var(--invoice-border-gray);letter-spacing:-.01em;text-transform:uppercase;font-size:.875rem;font-weight:800}.invoice-create-card{padding:0}.invoice-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--invoice-gap);padding:var(--invoice-space-xl);background:var(--invoice-gradient-subtle);margin:0}.invoice-block{background:var(--invoice-white);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-lg);padding:var(--invoice-card-padding);transition:all var(--invoice-timing-normal);box-shadow:var(--invoice-shadow-xs);position:relative}.invoice-block::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--invoice-gradient-blue);opacity:0;border-radius:var(--invoice-radius-lg) 0 0 var(--invoice-radius-lg);transition:opacity var(--invoice-timing-normal)}.invoice-block:hover{box-shadow:var(--invoice-shadow-sm);border-color:rgb(11 118 255 / .2);transform:translateY(-1px)}.invoice-block:hover::before{opacity:1}.invoice-block h3{font-size:.875rem;font-weight:700;color:var(--invoice-darker-text);margin-bottom:var(--invoice-space-lg);display:flex;align-items:center;gap:var(--invoice-space-sm);padding-bottom:var(--invoice-space-sm);border-bottom:2px solid var(--invoice-accent-blue);text-transform:uppercase;letter-spacing:.04em}.invoice-block h3::before{content:'';width:3px;height:16px;background:var(--invoice-gradient-blue);border-radius:2px}.invoice-block input,.invoice-block textarea,.invoice-block select{width:100%;padding:var(--invoice-space-md) var(--invoice-space-lg);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);background:var(--invoice-white);font-size:.875rem;font-weight:500;color:var(--invoice-dark-text);transition:all var(--invoice-timing-normal);box-shadow:var(--invoice-shadow-xs);font-family:var(--invoice-font-primary);margin-bottom:var(--invoice-space-md)}.invoice-block input:focus,.invoice-block textarea:focus,.invoice-block select:focus{outline:none;border-color:var(--invoice-accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1),var(--invoice-shadow-xs);transform:translateY(-1px)}.invoice-block input::placeholder,.invoice-block textarea::placeholder{color:var(--invoice-medium-gray);font-weight:500}.invoice-block textarea{resize:vertical;min-height:70px;line-height:1.5}.flex{display:grid;grid-template-columns:1fr 1fr;gap:var(--invoice-space-md);margin-bottom:var(--invoice-space-md)}.flex:last-child{margin-bottom:0}.invoice-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--invoice-gap);padding:var(--invoice-space-xl);background:var(--invoice-white);border-bottom:1px solid var(--invoice-border-gray)}.invoice-meta-grid>div{display:flex;flex-direction:column;gap:var(--invoice-space-sm)}.invoice-meta-grid label{font-size:.75rem;font-weight:700;color:var(--invoice-text-gray);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:2px}.invoice-meta-grid input{padding:var(--invoice-space-md) var(--invoice-space-lg);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);background:var(--invoice-white);font-size:.875rem;font-weight:500;color:var(--invoice-dark-text);transition:all var(--invoice-timing-normal);box-shadow:var(--invoice-shadow-xs)}.invoice-meta-grid input:focus{outline:none;border-color:var(--invoice-accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1),var(--invoice-shadow-xs)}.req{color:var(--invoice-accent-red);font-weight:800}.invoice-items{padding:var(--invoice-space-xl);background:var(--invoice-white);border-bottom:1px solid var(--invoice-border-gray)}.modern-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--invoice-white);border-radius:var(--invoice-radius-lg);overflow:hidden;box-shadow:var(--invoice-shadow-sm);margin-bottom:var(--invoice-space-lg);font-size:.8125rem}.modern-table thead{background:var(--invoice-gradient-subtle)}.modern-table th{padding:var(--invoice-space-md) var(--invoice-space-lg);font-size:.75rem;font-weight:800;color:var(--invoice-darker-text);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--invoice-accent-blue);background:var(--invoice-subtle-gray);white-space:nowrap}.modern-table td{padding:var(--invoice-space-md) var(--invoice-space-lg);border-bottom:1px solid var(--invoice-light-gray);font-size:.8125rem;color:var(--invoice-dark-text);transition:all var(--invoice-timing-fast);vertical-align:middle}.modern-table tbody tr{transition:all var(--invoice-timing-fast)}.modern-table tbody tr:hover{background:rgb(11 118 255 / .02);box-shadow:inset 0 0 0 1px var(--invoice-accent-blue-light)}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table input{width:100%;padding:var(--invoice-space-sm) var(--invoice-space-md);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-sm);background:var(--invoice-white);font-size:.8125rem;color:var(--invoice-dark-text);transition:all var(--invoice-timing-fast);font-family:var(--invoice-font-primary)}.modern-table input:focus{outline:none;border-color:var(--invoice-accent-blue);box-shadow:0 0 0 2px rgb(11 118 255 / .1)}.amount-cell{font-family:var(--invoice-font-mono);font-weight:700;color:var(--invoice-darker-text);text-align:right}.remove-row{background:var(--invoice-gradient-blue);color:var(--invoice-white);border:none;border-radius:var(--invoice-radius-sm);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--invoice-timing-normal);font-size:.875rem;font-weight:700}.remove-row:hover{transform:scale(1.1);box-shadow:var(--invoice-shadow-accent-blue);background:var(--invoice-accent-blue-dark)}.remove-row:active{transform:scale(.95)}.add-item-btn{background:var(--invoice-gradient-blue);color:var(--invoice-white);border:none;border-radius:var(--invoice-radius-md);padding:var(--invoice-space-md) var(--invoice-space-xl);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--invoice-timing-smooth);display:flex;align-items:center;gap:var(--invoice-space-sm);margin-left:auto;box-shadow:var(--invoice-shadow-sm);position:relative;overflow:hidden}.add-item-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.6s cubic-bezier(.4,0,.2,1)}.add-item-btn:hover::before{left:100%}.add-item-btn:hover{transform:translateY(-2px);box-shadow:var(--invoice-shadow-accent-blue)}.add-item-btn:active{transform:translateY(0)}.charges-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--invoice-gap);padding:var(--invoice-space-xl);background:var(--invoice-white);border-bottom:1px solid var(--invoice-border-gray)}.charge-field{display:flex;flex-direction:column;gap:var(--invoice-space-sm)}.charge-field label{font-size:.75rem;font-weight:700;color:var(--invoice-text-gray);text-transform:uppercase;letter-spacing:.05em}.charge-field input,.charge-field select{padding:var(--invoice-space-md) var(--invoice-space-lg);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);background:var(--invoice-white);font-size:.875rem;font-weight:500;color:var(--invoice-dark-text);transition:all var(--invoice-timing-normal);box-shadow:var(--invoice-shadow-xs)}.charge-field input:focus,.charge-field select:focus{outline:none;border-color:var(--invoice-accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1),var(--invoice-shadow-xs)}.invoice-summary{padding:var(--invoice-space-xl);background:var(--invoice-gradient-subtle);border-bottom:1px solid var(--invoice-border-gray)}.invoice-summary table{width:100%;max-width:320px;margin-left:auto;border-collapse:collapse;font-size:.875rem}.invoice-summary tr{border-bottom:1px solid var(--invoice-border-gray);transition:background var(--invoice-timing-fast)}.invoice-summary tr:hover{background:rgb(11 118 255 / .02)}.invoice-summary tr:last-child{border-bottom:none;border-top:2px solid var(--invoice-accent-blue)}.invoice-summary td{padding:var(--invoice-space-md) var(--invoice-space-lg);color:var(--invoice-dark-text)}.invoice-summary td:first-child{font-weight:600;color:var(--invoice-text-gray)}.invoice-summary td:last-child{font-weight:700;color:var(--invoice-darker-text);text-align:right;font-family:var(--invoice-font-mono)}.invoice-summary tr:last-child td{font-size:1rem;font-weight:800;color:var(--invoice-accent-blue);padding-top:var(--invoice-space-lg)}.invoice-actions{padding:var(--invoice-space-xl);background:var(--invoice-white);display:flex;gap:var(--invoice-space-md);justify-content:flex-end;align-items:center}.btn-create{background:var(--invoice-gradient-blue);color:var(--invoice-white);border:none;border-radius:var(--invoice-radius-md);padding:var(--invoice-space-md) var(--invoice-space-2xl);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--invoice-timing-smooth);box-shadow:var(--invoice-shadow-sm);position:relative;overflow:hidden}.btn-create::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.6s cubic-bezier(.4,0,.2,1)}.btn-create:hover::before{left:100%}.btn-create:hover{transform:translateY(-2px);box-shadow:var(--invoice-shadow-accent-blue)}.btn-create:active{transform:translateY(0)}.btn-clear{background:var(--invoice-gradient-subtle);color:var(--invoice-text-gray);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);padding:var(--invoice-space-md) var(--invoice-space-2xl);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--invoice-timing-smooth)}.btn-clear:hover{background:var(--invoice-white);border-color:var(--invoice-accent-blue);color:var(--invoice-accent-blue);transform:translateY(-2px);box-shadow:var(--invoice-shadow-sm)}.invoice-list-card{padding:0}.invoice-list-card .modern-table{margin:0;border-radius:0;box-shadow:none}.empty-row{text-align:center;padding:var(--invoice-space-3xl);color:var(--invoice-text-gray);font-style:italic}.btn-view,.btn-print,.btn-edit,.btn-del{padding:var(--invoice-space-sm) var(--invoice-space-md);border:none;border-radius:var(--invoice-radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--invoice-timing-normal);margin:0 2px;white-space:nowrap}.btn-view{background:var(--invoice-gradient-blue);color:var(--invoice-white)}.btn-edit{background:var(--invoice-gradient-offwhite);color:var(--invoice-white)}.btn-print{background:var(--invoice-gradient-green);color:var(--invoice-white)}.btn-del{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:var(--invoice-white)}.btn-view:hover,.btn-edit:hover,.btn-print:hover,.btn-del:hover{transform:translateY(-1px);box-shadow:var(--invoice-shadow-xs)}.toast-stack{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:var(--invoice-space-sm);pointer-events:none}.toast{min-width:300px;max-width:400px;padding:var(--invoice-space-lg);border-radius:var(--invoice-radius-lg);box-shadow:var(--invoice-shadow-xl);color:var(--invoice-darker-text);background:var(--invoice-white);border:1px solid var(--invoice-border-gray);display:flex;gap:var(--invoice-space-md);align-items:flex-start;opacity:0;transform:translateX(100%);transition:all var(--invoice-timing-smooth);pointer-events:all;position:relative;overflow:hidden;cursor:pointer}.toast::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--invoice-gradient-blue);opacity:.8}.toast.show{opacity:1;transform:translateX(0)}.toast.success{border-color:rgb(0 210 106 / .3)}.toast.success::before{background:var(--invoice-gradient-green)}.toast.info{border-color:rgb(11 118 255 / .3)}.toast.info::before{background:var(--invoice-gradient-blue)}.toast.error{border-color:rgb(239 68 68 / .3)}.toast.error::before{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast.warning{border-color:rgb(255 149 0 / .3)}.toast.warning::before{background:var(--invoice-gradient-orange)}.toast .badge{width:20px;height:20px;border-radius:var(--invoice-radius-full);background:var(--invoice-gradient-blue);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.toast.success .badge{background:var(--invoice-gradient-green)}.toast.error .badge{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.toast.warning .badge{background:var(--invoice-gradient-orange)}.toast .title{font-weight:700;font-size:.875rem;color:var(--invoice-darker-text);margin-bottom:2px}.toast .msg{font-size:.8125rem;color:var(--invoice-text-gray);line-height:1.4}.upload-logo{margin-bottom:var(--invoice-space-md);display:flex;flex-direction:column;gap:var(--invoice-space-sm)}.upload-logo label{font-size:.75rem;font-weight:700;color:var(--invoice-text-gray);text-transform:uppercase;letter-spacing:.05em}.upload-logo input[type="file"]{padding:var(--invoice-space-sm);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);background:var(--invoice-subtle-gray);font-size:.8125rem;cursor:pointer;transition:all var(--invoice-timing-normal)}.upload-logo input[type="file"]:hover{border-color:var(--invoice-accent-blue);background:var(--invoice-white)}.upload-logo img{border-radius:var(--invoice-radius-md);box-shadow:var(--invoice-shadow-sm);border:1px solid var(--invoice-border-gray)}.invoice-controls{display:flex;align-items:center;gap:var(--invoice-space-md);margin:var(--invoice-space-lg) var(--invoice-space-xl);padding:var(--invoice-space-md);background:var(--invoice-gradient-subtle);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-lg);box-shadow:var(--invoice-shadow-sm)}.invoice-controls .controls-left{display:flex;gap:var(--invoice-space-md);flex-wrap:wrap;align-items:center}.invoice-controls .controls-right{margin-left:auto;display:flex;gap:var(--invoice-space-md);align-items:center}#searchInvoice,#filterStatus,#filterDate{height:40px;padding:0 var(--invoice-space-lg);border:1px solid var(--invoice-border-gray);border-radius:var(--invoice-radius-md);background:var(--invoice-white);font:500 .875rem var(--invoice-font-primary);color:var(--invoice-dark-text);outline:none;transition:all var(--invoice-timing-normal);box-shadow:var(--invoice-shadow-xs)}#searchInvoice{min-width:260px;flex:1}#filterStatus,#filterDate{min-width:150px}#searchInvoice::placeholder{color:var(--invoice-medium-gray)}#searchInvoice:focus,#filterStatus:focus,#filterDate:focus{border-color:var(--invoice-accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .12)}.status-wrapper{position:relative;display:inline-flex;align-items:center;gap:var(--invoice-space-sm)}.status-badge{display:inline-block;padding:4px var(--invoice-space-md);border-radius:var(--invoice-radius-full);font-weight:800;font-size:.6875rem;line-height:1;letter-spacing:.04em;border:1px solid rgb(0 0 0 / .06);transition:all var(--invoice-timing-smooth);position:relative;overflow:hidden;text-transform:uppercase}.status-badge::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 255 255 / .2),transparent);opacity:0;transition:opacity var(--invoice-timing-fast)}.status-badge:hover::before{opacity:1}.status-badge[data-status="paid"]{color:#065f46;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:rgb(16 185 129 / .25)}.status-badge[data-status="unpaid"]{color:#1e40af;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:rgb(59 130 246 / .25)}.status-badge[data-status="overdue"]{color:#7f1d1d;background:linear-gradient(135deg,#fff1f2,#fee2e2);border-color:rgb(239 68 68 / .25)}.status-toggle{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:var(--invoice-radius-md);border:1px solid var(--invoice-border-gray);background:linear-gradient(135deg,rgb(11 118 255 / .06),rgb(10 132 255 / .03));color:var(--invoice-text-gray);cursor:pointer;transition:all var(--invoice-timing-smooth);position:relative;overflow:hidden}.status-toggle::before{content:'';position:absolute;inset:0;background:var(--invoice-soft-white);border-radius:var(--invoice-radius-md);opacity:0;transition:opacity var(--invoice-timing-fast)}.status-toggle:hover{transform:translateY(-1px) scale(1.05);box-shadow:var(--invoice-shadow-sm);border-color:var(--invoice-accent-blue-light);color:var(--invoice-accent-blue)}.status-toggle:hover::before{opacity:1}.status-toggle:active{transform:translateY(0) scale(.95)}.status-menu{position:fixed;display:none;flex-direction:column;min-width:180px;background:var(--invoice-white);border:1px solid var(--invoice-border-gray);box-shadow:var(--invoice-shadow-xl);border-radius:var(--invoice-radius-lg);padding:var(--invoice-space-sm) 0;z-index:10000;animation:dropdownEntrance var(--invoice-timing-bounce) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.status-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--invoice-accent-blue),transparent);opacity:.6}.status-menu.show{display:flex}.status-option{border:none;background:none;padding:var(--invoice-space-md) var(--invoice-space-lg);text-align:left;font-size:.8125rem;font-weight:600;color:var(--invoice-dark-text);cursor:pointer;transition:all var(--invoice-timing-fast);display:flex;align-items:center;gap:var(--invoice-space-md);position:relative;overflow:hidden;margin:0 var(--invoice-space-xs);border-radius:var(--invoice-radius-md)}.status-option::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--invoice-accent-blue);border-radius:0 2px 2px 0;transition:height var(--invoice-timing-smooth)}.status-option:hover{background:var(--invoice-soft-white);color:var(--invoice-accent-blue);transform:translateX(4px);box-shadow:0 2px 8px rgb(59 130 246 / .1)}.status-option:hover::before{height:60%}.status-option:active{transform:translateX(4px) scale(.98)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:#fff0;border:none;font-size:1.125rem;cursor:pointer;color:var(--invoice-text-gray);padding:var(--invoice-space-sm) var(--invoice-space-md);border-radius:var(--invoice-radius-md);transition:all var(--invoice-timing-smooth);display:flex;align-items:center;justify-content:center;width:36px;height:36px;position:relative;overflow:hidden}.dropdown-toggle::before{content:'';position:absolute;inset:0;background:var(--invoice-soft-white);border-radius:var(--invoice-radius-md);opacity:0;transition:opacity var(--invoice-timing-fast)}.dropdown-toggle:hover{color:var(--invoice-accent-blue);transform:scale(1.05)}.dropdown-toggle:hover::before{opacity:1}.dropdown-toggle:active{transform:scale(.95)}.dropdown-menu{display:none}.floating-dropdown{position:fixed;display:flex;flex-direction:column;min-width:180px;background:var(--invoice-white);border:1px solid var(--invoice-border-gray);box-shadow:var(--invoice-shadow-xl);border-radius:var(--invoice-radius-lg);padding:var(--invoice-space-sm) 0;z-index:10000;animation:dropdownEntrance var(--invoice-timing-bounce) forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.floating-dropdown::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--invoice-accent-blue),transparent);opacity:.6}.floating-dropdown button{background:none;border:none;padding:var(--invoice-space-md) var(--invoice-space-lg);text-align:left;font-size:.8125rem;font-weight:600;color:var(--invoice-dark-text);cursor:pointer;transition:all var(--invoice-timing-fast);display:flex;align-items:center;gap:var(--invoice-space-md);position:relative;overflow:hidden;margin:0 var(--invoice-space-xs);border-radius:var(--invoice-radius-md)}.floating-dropdown button::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--invoice-accent-blue);border-radius:0 2px 2px 0;transition:height var(--invoice-timing-smooth)}.floating-dropdown button:hover{background:var(--invoice-soft-white);color:var(--invoice-accent-blue);transform:translateX(4px);box-shadow:0 2px 8px rgb(59 130 246 / .1)}.floating-dropdown button:hover::before{height:60%}.floating-dropdown button:active{transform:translateX(4px) scale(.98)}@keyframes dropdownEntrance{0%{opacity:0;transform:translateY(8px) scale(.95);filter:blur(4px)}50%{opacity:1;transform:translateY(-2px) scale(1.02);filter:blur(1px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.invoice-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn 0.3s ease-out}.invoice-view-container{background:var(--invoice-white);width:88%;height:88%;max-width:1100px;max-height:90vh;border-radius:var(--invoice-radius-xl);overflow:hidden;position:relative;box-shadow:var(--invoice-shadow-2xl);animation:scaleIn 0.3s cubic-bezier(.34,1.56,.64,1)}.invoice-view-container iframe.invoice-frame{width:100%;height:100%;border:none;transform:scale(.92);transform-origin:top center;background:var(--invoice-white)}.invoice-close-btn{position:absolute;top:12px;right:12px;background:var(--invoice-accent-red);color:var(--invoice-white);border:none;border-radius:var(--invoice-radius-full);width:36px;height:36px;font-size:1.5rem;cursor:pointer;transition:all var(--invoice-timing-normal);z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:var(--invoice-shadow-md)}.invoice-close-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:var(--invoice-shadow-lg)}.invoice-close-btn:active{transform:scale(.95)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.input-error{border:2px solid var(--invoice-accent-red)!important;background:rgb(239 68 68 / .05)!important;box-shadow:0 0 0 3px rgb(239 68 68 / .1)!important}.input-valid{border:2px solid var(--invoice-accent-green)!important;background:rgb(34 197 94 / .05)!important;box-shadow:0 0 0 3px rgb(34 197 94 / .1)!important}.error-animation{animation:errorShake 0.4s ease-in-out}@keyframes errorShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.invoice-builder-section::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:6px;height:6px}.invoice-builder-section::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:var(--invoice-subtle-gray);border-radius:var(--invoice-radius-full)}.invoice-builder-section::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--invoice-medium-gray);border-radius:var(--invoice-radius-full);transition:background var(--invoice-timing-normal)}.invoice-builder-section::-webkit-scrollbar-thumb:hover,.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--invoice-accent-blue)}@media (max-width:1280px){.invoice-builder-section{margin-left:var(--invoice-sidebar-collapsed);padding:var(--invoice-space-lg)}.invoice-top-grid{grid-template-columns:1fr}.invoice-meta-grid{grid-template-columns:repeat(2,1fr)}.charges-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.section-title{font-size:1.25rem;padding:var(--invoice-space-md)}.invoice-controls{flex-wrap:wrap}#searchInvoice{flex:1 1 100%}}@media (max-width:768px){.invoice-builder-section{margin-left:0;padding:var(--invoice-space-md)}.section-title{font-size:1.125rem}.card h2{font-size:.875rem;padding:var(--invoice-space-md)}.invoice-top-grid,.invoice-meta-grid,.invoice-items,.charges-section,.invoice-summary,.invoice-actions{padding:var(--invoice-space-lg)}.flex{grid-template-columns:1fr}.invoice-meta-grid{grid-template-columns:1fr}.charges-section{grid-template-columns:1fr}.modern-table{display:block;overflow-x:auto;white-space:nowrap}.invoice-actions{flex-direction:column}.btn-create,.btn-clear{width:100%}.toast-stack{left:10px;right:10px}.toast{min-width:auto;max-width:none}.invoice-view-container{width:95%;height:95%}}@media (max-width:480px){.invoice-builder-section{padding:var(--invoice-space-sm)}.section-title{font-size:1rem;padding:var(--invoice-space-sm)}.card h2{padding:var(--invoice-space-sm)}.invoice-top-grid,.invoice-items,.charges-section,.invoice-summary,.invoice-actions{padding:var(--invoice-space-md)}.btn-view,.btn-print,.btn-edit,.btn-del{padding:var(--invoice-space-xs) var(--invoice-space-sm);font-size:.6875rem}}.invoice-builder-section,.card,.invoice-block,.modern-table tbody tr,.btn-create,.btn-clear,.add-item-btn,.toast{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.btn-create:focus-visible,.btn-clear:focus-visible,.add-item-btn:focus-visible,.dropdown-toggle:focus-visible,.status-toggle:focus-visible{outline:2px solid var(--invoice-accent-blue);outline-offset:2px}.invoice-builder-section ::selection{background:rgb(11 118 255 / .15);color:var(--invoice-darker-text)}.invoice-builder-section ::-moz-selection{background:rgb(11 118 255 / .15);color:var(--invoice-darker-text)}@media (prefers-reduced-motion:reduce){.invoice-builder-section *,.invoice-builder-section *::before,.invoice-builder-section *::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media (prefers-contrast:high){.card,.invoice-block,.modern-table{border-width:2px}.btn-create,.btn-clear,.add-item-btn{border:2px solid currentColor}}@media print{.invoice-actions,.invoice-controls,.status-toggle,.dropdown-toggle{display:none!important}.card{box-shadow:none!important;border:1px solid #000!important;page-break-inside:avoid}.modern-table{font-size:10pt!important}.invoice-builder-section{margin-left:0;padding:0}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.d-none{display:none}.d-flex{display:flex}.d-grid{display:grid}.w-full{width:100%}.mt-sm{margin-top:var(--invoice-space-sm)}.mb-sm{margin-bottom:var(--invoice-space-sm)}.p-sm{padding:var(--invoice-space-sm)}.loading-shimmer{background:linear-gradient(90deg,var(--invoice-subtle-gray) 0%,var(--invoice-light-gray) 50%,var(--invoice-subtle-gray) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--invoice-radius-md);height:20px}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.hidden{display:none}.invoice-builder-section{margin-top:70px}