@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}*{box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}.tabs-header{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:12px;border-bottom:2px solid #e0e4ef}.tab{background:none;border:none;font-size:1.1rem;font-weight:700;color:var(--primary-color);padding:10px 28px 8px;border-radius:12px 12px 0 0;cursor:pointer;transition:background .2s,color .2s;position:relative;margin-bottom:-2px}.tab.active{background:#fff;color:var(--secondary-color);border-bottom:2.5px solid var(--secondary-color);box-shadow:0 -2px 8px #f15a2412;z-index:2}.tab:not(.active):hover{background:#f6f8fa;color:var(--primary-hover)}.table-card{margin-top:18px}.terms-panel{background:#f8fafc;border-radius:14px;box-shadow:0 2px 8px #2b3b8b0a;padding:18px 18px 12px;margin-top:0}.terms-panel h4{font-size:1.1rem;color:var(--primary-color);margin-bottom:10px}.terms-panel .btn-add{background:var(--secondary-gradient);color:#fff;border:none;border-radius:8px;padding:7px 18px;font-weight:600;font-size:1rem;margin-left:10px;cursor:pointer;transition:background .2s}.terms-panel .btn-add:hover{background:var(--secondary-hover)}.terms-panel input[type=text]{background:#fff;border:1.5px solid #e0e4ef;border-radius:7px;padding:10px 12px;font-size:1rem;margin-bottom:0;box-shadow:0 1px 2px #2b3b8b08}.terms-panel .btn-delete{background:var(--danger);color:#fff;border:none;border-radius:7px;font-size:1.1rem;width:32px;height:32px;cursor:pointer;transition:background .18s;margin-left:2px}.terms-panel .btn-delete:hover{background:#d63031}.terms-panel .terms-grid-header{font-weight:700;color:var(--primary-color);font-size:.92rem;padding-bottom:1px;letter-spacing:.01em}.terms-panel .terms-row{display:contents}.terms-panel .terms-col-ar{text-align:right;direction:rtl}.table-container table{border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #2b3b8b0a}.table-container th,table th{background:#e6e9f5;color:var(--primary-color);font-weight:700;font-size:.85rem;border:none;padding:12px 15px!important;letter-spacing:.01em;vertical-align:middle;text-align:left;text-transform:uppercase}.table-container td,table td{background:#fff;border-bottom:1px solid #f0f2f5;padding:8px 15px!important;font-size:1rem;vertical-align:middle}.text-center{text-align:center!important}.text-right{text-align:right!important}.table-container select,.table-container input[type=text],.table-container input[type=number],table select,table input{padding:8px 12px!important;font-size:1rem;vertical-align:middle;margin:0;box-sizing:border-box;width:100%}.table-container tr:last-child td{border-bottom:none}.btn-add{background:var(--secondary-gradient);color:#fff;border:none;border-radius:8px;padding:7px 18px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.btn-add:hover{background:var(--secondary-hover)}:root{--primary-color: #2B3B8B;--primary-gradient: linear-gradient(135deg, #2B3B8B 0%, #1e2963 100%);--secondary-color: #F15A24;--secondary-gradient: linear-gradient(135deg, #F15A24 0%, #d64e1f 100%);--accent-color: #4cc9f0;--text-color: #1a1c2c;--text-light: #64748b;--bg-color: #f0f2f5;--card-bg: rgba(255, 255, 255, .95);--border-radius-lg: 20px;--border-radius-md: 12px;--input-radius: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--success: #00b894;--danger: #ff7675;--primary-hover: #1e2963;--secondary-hover: #d64e1f}body{margin:0;font-family:Outfit,Inter,sans-serif;background:radial-gradient(circle at top right,#fdfbfb,#ebedee);color:var(--text-color);min-height:100vh}.billing-container{max-width:1300px;margin:0 auto;padding:30px 20px;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:10mm}.print-only{display:block!important}.print-only{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:210mm!important;height:auto!important;max-height:296mm!important;box-shadow:none!important;overflow:hidden!important;padding:0!important}.print-bill,.job-card-print{width:100%!important;max-width:210mm!important;margin:0 auto!important;background:#fff!important;box-shadow:none!important;border:none!important;transform:none!important;-webkit-transform:none!important}*{animation:none!important;transition:none!important}img:not(.print-logo):not(.job-card-logo),.print-signature-img{max-width:100%!important;height:auto!important}table{width:100%!important;border-collapse:collapse!important;page-break-inside:avoid}thead{display:table-header-group}tfoot{display:table-footer-group}header,footer,.billing-header,.action-buttons{position:static!important}.billing-container,.billing-form,.card,.table-header,.print-bill,.job-card-print{padding:6mm!important}.print-bill,.job-card-print{font-size:12px!important;line-height:1.2!important}.checkbox-label,.checklist-grid{background:transparent!important;border:none!important}.print-bill,.job-card-print{page-break-after:avoid;break-after:avoid}}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px 40px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.company-logo{height:80px;width:auto;transition:transform .3s ease}.job-card-logo-small{height:20px!important;opacity:.8}.company-logo:hover{transform:scale(1.05)}.title-section h1{margin:0;font-size:1.8rem;background:var(--secondary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.5px}.nav-controls{display:flex;align-items:center;gap:12px;background:#fff;padding:10px 20px;border-radius:50px;box-shadow:var(--shadow-sm);border:1px solid #edf2f7}.btn-nav{background:var(--bg-color);color:var(--primary-color);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-nav:not(:disabled):hover{background:var(--primary-gradient);color:#fff;transform:scale(1.1);box-shadow:0 10px 20px #2b3b8b33}.bill-count{font-weight:700;color:var(--primary-color);font-size:1rem;padding:0 10px}.action-buttons{display:flex;gap:15px}.btn-new{background:var(--primary-gradient);color:#fff;border:none;padding:10px 25px;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 10px 25px #2b3b8b40}.btn-new:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #2b3b8b59}.card{background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:25px;border:1px solid rgba(255,255,255,.8);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.info-card h3{margin-top:0;margin-bottom:25px;font-size:1.2rem;color:var(--primary-color);font-weight:700;position:relative;display:inline-block}.info-card h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:4px;background:var(--secondary-gradient);border-radius:2px}.input-group{margin-bottom:25px}.card-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card-header-row h3{margin:0;font-size:1.2rem}.customer-header-actions{display:flex;align-items:center;gap:8px}.btn-secondary.small{background:transparent;border:1px solid rgba(43,59,139,.12);color:var(--primary-color);padding:6px 10px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-secondary.small:hover{background:#2b3b8b0f;transform:translateY(-1px)}.input-group label{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:8px;display:block;opacity:.8}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,select,textarea{width:100%;padding:14px 18px;border:2px solid #eef2f7;border-radius:var(--input-radius);font-size:1rem;background:#f8fafc;transition:all .3s ease;color:var(--text-color)}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 5px #2b3b8b14;outline:none}.customer-details{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:var(--input-radius);margin-bottom:25px;border-left:5px solid var(--secondary-color);box-shadow:var(--shadow-sm)}.customer-details p{margin:8px 0;font-size:1rem;font-weight:600}.toggle-group{display:flex;background:#f1f5f9;padding:4px;border-radius:50px;width:fit-content}.toggle-group button{padding:10px 25px;border:none;background:transparent;border-radius:50px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s;color:var(--text-light)}.toggle-group button.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-sm)}.toggle-group button:not(.active):hover{background:#e2e8f0;color:var(--primary-color)}.table-card{padding:0;overflow:hidden;margin-bottom:40px;border-radius:var(--border-radius-lg);border:1px solid #e2e8f0}.table-header{padding:20px 30px;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.table-header h3{margin:0;font-size:1.1rem;color:var(--primary-color);font-weight:700}.table-container{padding:0}table{width:100%;border-collapse:collapse}.lookup-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-weight:600;color:var(--primary-color);padding:8px 10px;font-size:.9rem}table input{background:transparent;border:1px solid transparent;padding:8px 10px;font-size:.95rem;border-radius:6px;transition:all .2s}table input:hover{border-color:#cbd5e1;background:#fff}table input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #2b3b8b1a}table input.small{text-align:center;font-weight:600}.amount-col{font-weight:700;color:var(--primary-color);text-align:right;font-family:Inter,monospace}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 28px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2b3b8b33;transition:all .3s;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2b3b8b4d;filter:brightness(1.1)}.btn-secondary{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);padding:10px 25px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f1f5f9;transform:translateY(-1px)}.btn-add{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-add:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-delete{background:transparent;color:#94a3b8;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#fee2e2;color:#ef4444}.summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;align-items:start}.summary-card{background:linear-gradient(180deg,#fff,#f8faff)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1rem;font-weight:500}.summary-row.total{margin:20px 0;background:var(--primary-gradient);padding:15px 20px;border-radius:var(--border-radius-md);color:#fff;font-size:1.25rem;font-weight:700;box-shadow:var(--shadow-sm)}.summary-row.total span:last-child{color:var(--accent-color)}.btn-full{width:100%}.mt-5{margin-top:5px}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.modal-content{width:450px;background:#fff;border-radius:var(--border-radius-lg);padding:40px;box-shadow:var(--shadow-lg);position:relative;animation:modalSlideUp .4s cubic-bezier(.165,.84,.44,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.checklist-grid{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;background:#f8fafc;padding:20px;border-radius:var(--border-radius-md)}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:var(--text-color);cursor:pointer;background:#fff;padding:8px 15px;border-radius:50px;border:1px solid #e2e8f0;transition:all .2s}.checkbox-label:hover{border-color:var(--primary-color);background:#f1f5f9}.checkbox-label input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.checkbox-label .checkmark{position:relative;width:18px;height:18px;flex:0 0 18px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;box-sizing:border-box}.checkbox-label .checkmark:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.checkbox-label input:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input:checked+.checkmark:after{opacity:1}.checkbox-label input:focus+.checkmark{box-shadow:0 0 0 4px #2b3b8b14}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.flex-grow{flex-grow:1}.balance-amt{color:var(--danger);font-weight:900;font-size:1.3rem}.print-sig-box{height:36px;display:flex;align-items:center;border:2px dashed #e2e8f0;height:28px;margin-top:10px;border-radius:8px}.print-signature-img{display:block;max-height:90px;max-width:250px;height:28px;object-fit:contain}.btn-delete:hover{background:var(--danger);color:#fff}.summary-card{background:#fff;border-left:6px solid var(--primary-color)}.summary-row.divider{border-top:1px solid #f1f5f9;padding-top:15px;margin-top:15px}.summary-actions{display:grid;grid-template-columns:1fr;gap:15px;margin-top:25px}.tech-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-card textarea{border:1px solid #e2e8f0;border-radius:var(--border-radius-md);padding:20px;font-family:inherit;font-size:1rem;background:#fff;min-height:200px}.signature-card{background:#fff;border-bottom:6px solid var(--secondary-color)}.signature-pad-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;margin-bottom:20px;padding:2px}.sigCanvas{width:100%!important;height:200px!important}.signature-footer{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px}.btn-clear{background:var(--secondary-color);color:var(--primary-color)!important;border:none;padding:12px 30px;border-radius:12px;font-weight:700;width:100%;cursor:pointer;transition:all .3s}.btn-clear:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-md)}.signature-actions-group{margin-top:20px;border-top:1px dashed #e2e8f0;padding-top:20px}.sig-status{background:#e6fffa;color:#047281;padding:10px 25px;border-radius:50px;font-size:.95rem;font-weight:700;border:1px solid #b2f5ea;display:flex;align-items:center;gap:8px;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sig-status-empty{color:var(--text-light);font-size:.9rem;font-style:italic;opacity:.7}@media screen{.print-only,.job-card-print{display:none}}.job-card-print{padding:12mm 6mm 6mm;color:#000;font-family:Inter,sans-serif;box-sizing:border-box}@media print{@page{size:auto;margin:0}.print-only{box-shadow:none!important;background:#fff!important}html,body,.print-only,.job-card-print,.invoice-layout{background-color:#fff!important}.billing-header,.billing-form,.modal-overlay,.nav-controls,.action-buttons,.btn-new,.btn-secondary,footer{display:none!important}.billing-container{display:block!important;position:static!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;max-width:none!important;background:#fff!important}html,body{height:100%;width:100%;margin:0;padding:0;overflow:visible!important}.print-only{display:block!important;visibility:visible!important;position:absolute!important;top:0;left:0;width:100%!important;height:auto!important;min-height:auto!important;max-height:297mm!important;margin:0!important;padding:0!important;z-index:9999;background-color:#fff!important;font-size:12px}.job-card-print{display:block;page-break-inside:avoid;page-break-after:avoid;box-sizing:border-box;width:210mm!important;height:auto!important;max-width:210mm!important;max-height:290mm!important;overflow:hidden!important;padding:6mm 6mm 4mm!important;background:#fff!important;font-size:10px!important;line-height:1.05!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;page-break-after:avoid!important;break-after:avoid!important}.terms-container{max-height:48mm!important;overflow:hidden!important;font-size:8.5px!important;line-height:1!important}.terms-col{font-size:9px!important;line-height:1.05!important}.section-content.min-h-80{min-height:25px!important;max-height:35mm!important;overflow:hidden!important;font-size:10px!important;padding:6px 8px!important}.signatures-container{gap:8px!important;margin-top:10px!important}.print-footer-info-new{margin-top:5px!important}.print-signature-img{display:block!important;visibility:visible!important;opacity:1!important;max-height:60px!important;max-width:180px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.job-card-header,.details-table,.terms-container,.summary-boxes,.signatures-container,.print-totals,.print-footer{page-break-inside:avoid!important;break-inside:avoid!important}.print-sig-box{border:1px solid #000!important;display:flex!important}.print-sig-box span{display:none}.invoice-layout{display:block}}.job-card-print,.print-bill{background-color:#fff!important;color:#000!important;font-family:Outfit,Inter,sans-serif!important;line-height:1.1!important;box-sizing:border-box!important;display:block}.job-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:2px solid #000000!important;padding-bottom:10px!important;margin-bottom:8px!important;text-align:center}.job-card-logo{height:55px!important;width:auto!important;display:block!important;margin-bottom:2px!important}.job-card-header .header-left,.job-card-header .header-right{flex:0 0 200px!important;width:200px!important}.job-card-label{display:block!important;font-weight:800!important;font-size:1.1rem!important;letter-spacing:2px!important;color:#000!important;text-transform:uppercase!important}.job-meta-row{display:flex!important;justify-content:space-between!important;border-bottom:1.5px solid #000000!important;padding:2px 0!important;margin-bottom:4px!important;font-weight:700!important}.job-no{color:red!important;font-size:1.1rem!important;font-weight:900!important}.details-table{display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid #000000!important;margin-bottom:6px!important}.table-col{border-right:1px solid #000000!important;padding:4px 8px!important}.table-col:last-child{border-right:none!important}.data-row{display:flex!important;margin-bottom:2px!important;font-size:.8rem!important}.data-row label{width:80px!important;font-weight:700!important;opacity:.8}.data-grid-row{display:grid!important;grid-template-columns:1fr 1fr!important;margin-bottom:2px!important;font-size:.8rem!important}.grid-item label{font-weight:700!important;opacity:.8;margin-right:5px}.col-header{background-color:#f0f0f0!important;border-bottom:1px solid #000000!important;font-weight:800!important;text-align:center!important;padding:4px!important;margin:-8px -8px 8px!important}.section-box{border:1.5px solid #000000!important;margin-top:6px!important;border-radius:0!important}.section-title{background-color:#f0f0f0!important;padding:4px 8px!important;font-weight:800!important;border-bottom:1.5px solid #000000!important}.print-sig-box{border:1.5px solid #000000!important;min-height:40px!important;margin-top:5px!important}.checklist-row{display:flex!important;justify-content:space-between!important;padding:4px 6px!important;border:1px solid #000!important;border-top:none!important;margin-bottom:4px!important}.checklist-row span.checked-item{color:#000!important;font-weight:800!important}.checklist-row span{font-size:.8rem!important}.terms-container{display:flex!important;gap:20px!important;border-top:2px solid #000!important;padding-top:6px!important;margin-top:10px!important}.terms-col{flex:1!important;font-size:9px!important;line-height:1.15!important}.signatures-container{display:flex!important;justify-content:space-between!important;margin-top:10px!important;gap:25px!important}.sig-block{flex:1!important}.sig-row{margin-bottom:8px!important;border-bottom:1px dotted #000!important;padding-bottom:2px!important}.sig-row label{font-weight:700!important;font-size:.95rem!important}.sig-capture-display{border:1.2px solid #000!important;height:75px!important;margin-top:5px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.pdf-timestamp{position:absolute!important;bottom:10px!important;left:20px!important;font-size:8px!important;color:#666!important;font-style:italic!important}@media screen{#job-card-print-section:not([style*="display: block"]){display:none!important}}.invoice-layout th,.invoice-layout td{border:1px solid #000000!important;padding:6px!important;font-size:.85rem!important}.invoice-layout tbody tr:nth-child(2n){background-color:#f9f9f9!important}.invoice-header-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;border-bottom:2px solid #000!important;padding-bottom:8px!important;margin-bottom:10px!important}.invoice-customer-box{border:1.5px solid #000!important;width:300px!important;margin-bottom:15px!important;padding:0!important}.invoice-customer-box>div:last-child{padding:12px!important}.invoice-layout thead th{background-color:#f0f0f0!important;font-weight:800!important;text-align:center!important}.invoice-summary-box{float:right;width:200px;border:1.5px solid #000!important;margin-top:15px;padding:8px}.summary-item{display:flex;justify-content:space-between;margin-bottom:2px;font-size:.85rem}.summary-item.total{border-top:1.5px solid #000;padding-top:4px;margin-top:4px;font-weight:900}@media print{.signatures-container{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;break-inside:avoid}.sig-block{flex:1;display:flex;flex-direction:column;gap:4px}.sig-row{display:flex;align-items:flex-end;gap:5px;break-inside:avoid;width:100%}.sig-row label{font-weight:800;font-size:.75rem;white-space:nowrap;width:110px}.sig-row span{flex:1;border-bottom:1px dotted #000;white-space:nowrap;overflow:hidden;height:16px}.sig-row:has(.print-sig-box){align-items:flex-start}.sig-row:has(.print-sig-box) label{margin-top:10px}.print-bill:after,.job-card-print:after{content:"";display:table;clear:both;height:0}.job-details .checklist-grid input[type=checkbox],.checklist-grid input[type=checkbox]{accent-color:#ffffff!important}.print-bill{color:#000}.print-header{text-align:center;margin-bottom:15px}.print-logo,.job-card-logo{height:60px!important;min-height:60px!important;max-width:180px!important;width:auto!important;display:block!important;margin:0 auto 5px!important;object-fit:contain!important;visibility:visible!important}.invoice-layout th,.invoice-layout td{border:1px solid #000!important;padding:8px;text-align:left;color:#000!important}.invoice-layout th:nth-child(4),.invoice-layout td:nth-child(4),.invoice-layout th:nth-child(7),.invoice-layout td:nth-child(7){text-align:right}.print-totals{float:right;width:280px;margin-top:10px}.print-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.95rem}.grand-total{font-size:1.1rem;font-weight:900;border-top:2px solid #000!important;padding-top:5px;margin-top:5px}.print-footer{margin-top:50px;text-align:center;width:100%;clear:both}.print-remarks{margin-top:20px;font-size:.9rem;clear:both}}@media screen and (max-width:1024px){.billing-container{padding:20px 10px}.info-grid{gap:20px}.summary-section{display:flex;flex-direction:column;align-items:stretch;gap:20px}.summary-card,.signature-card{width:100%!important}}@media screen and (max-width:768px){.billing-header{flex-direction:column;text-align:center;gap:20px;padding:15px}.logo-section .company-logo{height:50px}.title-section h1{font-size:1.8rem}.nav-controls{margin:10px auto}.action-buttons{width:100%;justify-content:center}.btn-new{width:100%}.info-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr;gap:10px}.card{padding:20px}.table-header{padding:15px 20px;flex-direction:column;gap:10px;text-align:center}.btn-add{width:100%}.table-container{padding:0 10px 10px}table{min-width:800px}.modal-content{width:95%!important;margin:10px;padding:20px}.checklist-grid{grid-template-columns:1fr}}@media screen and (max-width:480px){.title-section h1{font-size:1.5rem}.bill-count{font-size:.9rem;min-width:80px}.btn-nav{padding:5px 10px;font-size:.9rem}.summary-row.total{font-size:1.2rem}.checkbox-label input{opacity:1!important}}.billing-container{padding-bottom:80px!important}.billing-footer{position:fixed;bottom:0;left:0;right:0;height:50px;background:var(--primary-gradient);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:1000;box-shadow:0 -4px 20px #00000026;font-size:.9rem;font-weight:600;border-top:1px solid rgba(255,255,255,.1)}.footer-item{display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;cursor:pointer;padding:5px 10px;border-radius:8px}.footer-item:hover{background:#ffffff1a;transform:translateY(-2px);text-shadow:0 0 10px rgba(255,255,255,.5)}.footer-center .footer-item{background:#ffffff26;padding:4px 15px;border:1px solid rgba(255,255,255,.2)}.footer-center .footer-item:hover{background:#ffffff40;box-shadow:0 0 15px #fff3}.footer-left,.footer-right{display:flex;gap:30px}@media print{.billing-footer{display:none!important}}@media(max-width:768px){.billing-footer{padding:0 20px;font-size:.75rem}.footer-center{display:none}}.app-root{width:100%;min-height:100vh}