:root{color-scheme:dark;--bg-main: #0c0e12;--bg-card: rgba(22, 26, 34, .85);--bg-card-hover: rgba(30, 35, 46, .95);--bg-input: #12151c;--border-color: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--primary: #3b82f6;--primary-hover: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color-scheme:dark;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1560px;width:100%;margin:0 auto;padding:1.5rem}.app-header{background:#12161ee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;position:sticky;top:0;z-index:100}.header-inner{max-width:1560px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-brand{display:flex;align-items:center;gap:.75rem}.header-brand h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-brand .badge-ver{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-totals-badge{display:flex;align-items:center;gap:1.25rem;background:#0006;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem 1rem}.total-group{display:flex;flex-direction:column}.total-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.total-value{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#fff}.total-value.accent{color:#60a5fa}.tabs-nav{display:flex;gap:.35rem;background:#00000040;padding:.35rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-main);font-size:.88rem;font-weight:500;padding:.6rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.tab-btn.active{color:#fff;background:var(--primary);box-shadow:0 2px 10px #3b82f659;font-weight:600}.calc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000040}.calc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.calc-card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.calc-table{width:100%;border-collapse:collapse;text-align:left}.calc-table th{background:#0003;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.65rem .75rem;border-bottom:1px solid var(--border-color)}.calc-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary);vertical-align:middle}.calc-table tr:hover td{background:#ffffff05}.calc-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:.45rem .65rem;font-family:var(--font-main);font-size:.88rem;width:100%;transition:border-color .15s ease;color-scheme:dark}select,select.calc-input,.calc-select{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.35rem .6rem;font-family:var(--font-main);font-size:.85rem;cursor:pointer;color-scheme:dark}select option,select optgroup{background-color:#1a1e27!important;color:#f8fafc!important;padding:.5rem .6rem}select option:checked,select option:hover{background-color:#2563eb!important;color:#fff!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}table td input:focus,table td select:focus,table td textarea:focus,.calc-input:focus,input.offer-spec:focus,.o-title-input:focus,.o-date-input:focus{outline:none!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444473!important;background:#ef444414!important}body.light-mode table td input:focus,body.light-mode table td select:focus,body.light-mode table td textarea:focus,body.light-mode .calc-input:focus,body.light-mode input.offer-spec:focus,body.light-mode .o-title-input:focus,body.light-mode .o-date-input:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc262640!important;background:#fff5f5!important}.row-filled{background:#10b9811f!important}.row-filled td{color:var(--text-primary)!important}.row-filled .calc-input.num{border-color:#10b981!important;color:#34d399!important;font-weight:700!important}@media print{body{background:#fff!important;color:#0f172a!important;font-size:11px!important;line-height:1.35!important}.app-header,.tabs-nav,.calc-btn,.modal-overlay,.no-print{display:none!important}.main-content{max-width:100%!important;margin:0!important;padding:0!important}.calc-card{background:transparent!important;border:1px solid #cbd5e1!important;box-shadow:none!important;padding:.5rem .75rem!important;margin-bottom:.5rem!important;page-break-inside:avoid}.calc-table th{background:#f8fafc!important;color:#475569!important;border-bottom:1px solid #cbd5e1!important;padding:4px 6px!important;font-size:.7rem!important}.calc-table td{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important;padding:3px 6px!important;font-size:.8rem!important}.calc-card-title,.total-value,h1,h2,h3{color:#0f172a!important}.print-only{display:block!important}@page{size:A4 portrait;margin:8mm}}@media screen{.print-only{display:none!important}}.calc-input.num{text-align:right;font-variant-numeric:tabular-nums}.calc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .9rem;font-family:var(--font-main);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.calc-btn:hover{background:#ffffff1a;color:#fff}.calc-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.calc-btn.primary:hover{background:var(--primary-hover)}.calc-btn.danger{color:var(--danger);border-color:#ef44444d}.calc-btn.danger:hover{background:#ef444426}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.summary-box{background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.summary-box-title{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.summary-box-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.88rem}.summary-box-total{display:flex;justify-content:space-between;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--border-color);font-weight:700;font-size:1rem;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;overflow:hidden}.modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:580px;width:100%;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:1.25rem 1.5rem;box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-body{flex:1;min-height:0;overflow-y:auto;padding-right:.35rem;margin-top:.75rem;margin-bottom:.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.85rem;margin-top:auto;border-top:1px solid var(--border-color);flex-shrink:0}body.light-mode{--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--border-color: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;color:#0f172a}body.light-mode .app-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}body.light-mode .header-totals-badge{background:#f8fafc!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 3px #0000000a}body.light-mode .tabs-nav{background:#e2e8f0!important;border:1px solid #cbd5e1!important}body.light-mode .tab-btn{color:#475569!important}body.light-mode .tab-btn:hover{color:#0f172a!important;background:#fff9!important}body.light-mode .tab-btn.active{background:#fff!important;color:#2563eb!important;font-weight:700!important;box-shadow:0 2px 6px #00000014!important}body.light-mode .calc-card{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 2px 10px #0000000a!important}body.light-mode .calc-card-title{color:#0f172a!important}body.light-mode .calc-table th{background:#f8fafc!important;color:#1e293b!important;font-weight:700!important;border-bottom:2px solid #cbd5e1!important}body.light-mode .calc-table td{border-bottom:1px solid #e2e8f0!important;color:#1e293b!important}body.light-mode .calc-table tr:hover td{background:#f8fafc!important}body.light-mode .row-filled{background:#ecfdf5!important}body.light-mode .row-filled td{color:#064e3b!important;font-weight:600!important}body.light-mode .row-filled td strong,body.light-mode .row-filled td b{color:#022c22!important}body.light-mode .calc-btn{background:#fff!important;border-color:#cbd5e1!important;color:#1e293b!important}body.light-mode .calc-btn:hover{background:#f1f5f9!important;border-color:#94a3b8!important}body.light-mode .calc-btn.primary{background:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important}body.light-mode .calc-btn.primary:hover{background:#1d4ed8!important}body.light-mode .calc-btn.danger{background:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c!important}body.light-mode .calc-input{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}body.light-mode .calc-input::placeholder{color:#94a3b8!important}body.light-mode .summary-box{background:#f8fafc!important;border:1px solid #cbd5e1!important}body.light-mode .summary-box-title{color:#0f172a!important}body.light-mode .summary-box-row span{color:#334155!important}body.light-mode .summary-box-total{border-top-color:#cbd5e1!important}body.light-mode .summary-box-total span{color:#0f172a!important}body.light-mode .modal-card{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}.offer-view-switch{display:flex;gap:.5rem;margin-bottom:1.25rem}.offer-view-switch .btn{padding:.45rem 1rem;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer;background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s ease}.offer-view-switch .btn.is-active{border-color:#10b981;color:#10b981;background:#10b9811f}#offer_doc{background:#fff;color:#000;font-family:Calibri,Arial,sans-serif;font-size:10pt;line-height:1.35;width:210mm;max-width:100%;margin:0 auto 2rem;padding:12mm 14mm;box-sizing:border-box;box-shadow:0 4px 25px #00000073;border-radius:4px}#offer_doc .o-logo{margin-bottom:6mm}#offer_doc .o-title{border:1px solid #000;padding:2px 6px;margin-bottom:2mm}#offer_doc .o-title-input{font-size:14pt;font-weight:700;text-align:center;border:none;background:transparent;color:#000;width:100%;outline:none}#offer_doc .o-date{text-align:right;font-size:8pt;margin-bottom:4mm}#offer_doc .o-date-input{width:26mm;text-align:right;border:none;background:transparent;color:#000;outline:none;font:inherit}#offer_doc input.offer-spec{border:none;border-bottom:1px dotted #bbb;background:transparent;color:#000;font:inherit;padding:0 2px;width:100%;box-sizing:border-box}#offer_doc input.offer-spec:focus{outline:none;border-bottom-color:#10b981;background:#10b9810f}#offer_doc input.offer-spec::placeholder{color:#c9c9c9}#offer_doc .o-spec-head{text-decoration:underline;font-weight:600;margin:3mm 0 1mm}#offer_doc .o-spec-grid{display:grid;grid-template-columns:32mm 1fr 24mm 1fr 14mm 1fr;column-gap:3mm;row-gap:1.5mm;align-items:end}#offer_doc .o-spec-grid label{white-space:nowrap;font-size:9.5pt}@media screen{#offer_doc .o-spec-grid{grid-template-columns:max-content 1fr;column-gap:2mm;row-gap:2mm}#offer_doc .o-spec-grid label{text-align:right;align-self:center}#offer_doc input.offer-spec{border:1px solid var(--border-color);border-radius:4px;padding:3px 6px;background:#00000008}#offer_doc input.offer-spec:focus{background:#10b98114}}#offer_doc .o-table{width:100%;border-collapse:collapse;margin-top:6mm}#offer_doc .o-table th{font-size:8pt;font-weight:400;text-align:right;padding-bottom:1mm}#offer_doc .o-table td{padding:.8mm 0;vertical-align:bottom}#offer_doc .o-name{text-align:left}#offer_doc .o-brand,#offer_doc .o-model{text-align:left;padding-left:3mm;white-space:nowrap}#offer_doc .o-qty{text-align:right;width:16mm;white-space:nowrap}#offer_doc .o-price{text-align:right;width:26mm;white-space:nowrap}#offer_doc .o-bold td,#offer_doc tr.o-bold{font-weight:700}#offer_doc .o-section{text-decoration:underline;font-weight:600;padding-top:2.5mm}#offer_doc .o-subtotal .o-price{font-weight:700;border-top:1px solid #000;padding-top:.8mm}#offer_doc .o-gap td{height:4mm}#offer_doc .o-total-table{width:100%;border-collapse:collapse;margin-top:8mm}#offer_doc .o-total-table td{padding:.8mm 2mm}#offer_doc .o-signature{vertical-align:bottom;width:60%}#offer_doc .o-total-label{font-weight:700;text-align:left;border:1px solid #000;border-right:none;white-space:nowrap}#offer_doc .o-total-value{font-weight:700;text-align:right;border:1px solid #000;border-left:none;width:26mm;white-space:nowrap}#offer_doc .o-total-final{background:#0f0}@media screen{#offer_doc .o-table{font-size:10.5pt;margin-top:8mm}#offer_doc .o-table th{font-size:8.5pt;padding-bottom:2mm;border-bottom:1px solid #ddd}#offer_doc .o-table td{padding:2mm 0;border-bottom:1px solid #f0f0f0}#offer_doc .o-gap td{border-bottom:none}#offer_doc .o-section{padding-top:4mm;padding-bottom:1mm;font-size:10.5pt}#offer_doc .o-section td,#offer_doc .o-subtotal td{border-bottom:none}#offer_doc .o-subtotal .o-price{padding-top:1.5mm}#offer_doc .o-total-table td{padding:1.5mm 3mm;font-size:10.5pt}}@media print{.offer-view-switch,.no-print,.app-header,.tabs-nav{display:none!important}body{background:#fff!important;padding:0!important;margin:0!important}.main-content{padding:0!important;max-width:100%!important}#offer_doc{box-shadow:none!important;margin:0!important;padding:0 2mm!important;width:100%!important;font-size:9pt!important}@page{size:A4 portrait;margin:8mm 6mm}}