:root{--shell-bg:#1b2430;--shell-bg-elevated:#232e3d;--shell-border:#34404f;--shell-text:#eef1f5;--shell-text-muted:#a8b3c2;--canvas-bg:#fbf9f5;--canvas-border:#e4ddd0;--canvas-text:#23262b;--canvas-text-muted:#6b6f76;--accent:#1f8a63;--accent-strong:#166a4c;--accent-contrast:#fff;--accent-soft:#e4f3ec;--danger:#b3402f;--danger-soft:#f8e6e2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #14181e14;--shadow-md:0 4px 16px #14181e1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--font-body:"Segoe UI", system-ui, -apple-system, "Tahoma", sans-serif;--font-ar:"Segoe UI", "Tahoma", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--shell-bg);color:var(--shell-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}html[dir=rtl] body{font-family:var(--font-ar)}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{color:var(--shell-text)}.page-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-title{margin:0;font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--shell-text-muted);margin:var(--space-1) 0 0;font-size:.92rem}.card{background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{color:var(--shell-text-muted);font-size:.85rem}.field input,.field select,.field textarea{background:var(--shell-bg);border:1px solid var(--shell-border);color:var(--shell-text);border-radius:var(--radius-sm);padding:var(--space-3);min-height:44px}.field textarea{resize:vertical;min-height:88px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=520px){.field-row{grid-template-columns:1fr}}.checkbox-field{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.checkbox-field input{width:20px;height:20px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--shell-border);color:var(--shell-text);cursor:pointer;background:0 0;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-contrast)}.btn-primary:hover{background:color-mix(in srgb, var(--accent-strong) 85%, black);border-color:color-mix(in srgb, var(--accent-strong) 85%, black)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:var(--space-2) var(--space-3);font-size:.85rem}.btn-icon{min-width:44px;padding:0}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--shell-text-muted)}.empty-state p{margin:0 0 var(--space-4)}.list-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--shell-border);border-radius:var(--radius-md);background:var(--shell-bg-elevated);display:flex}.list-row+.list-row{margin-top:var(--space-3)}.list-row__title{margin:0;font-weight:600}.list-row__meta{color:var(--shell-text-muted);margin:var(--space-1) 0 0;font-size:.85rem}.list-row__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{padding:2px var(--space-2);border-radius:999px;font-size:.72rem;font-weight:600;display:inline-block}.badge-draft{color:var(--shell-text);background:#3a4352}.badge-sent{color:#cfe3f7;background:#2e4a6b}.badge-accepted{background:var(--accent-soft);color:var(--accent-strong)}.badge-declined{background:var(--danger-soft);color:var(--danger)}.dialog-backdrop{z-index:50;padding:var(--space-4);background:#0f121899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:420px}.dialog p{color:var(--shell-text-muted)}.dialog-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}.helper-text{color:var(--shell-text-muted);font-size:.82rem}.stat-row{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.stat-tile{background:var(--shell-bg-elevated);border:1px solid var(--shell-border);border-radius:var(--radius-md);padding:var(--space-4)}.stat-tile__value{margin:var(--space-1) 0 0;font-size:1.4rem;font-weight:700}.stat-tile__label{color:var(--shell-text-muted);font-size:.8rem}.line-item-row{border:1px solid var(--shell-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.line-item-row__grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=640px){.line-item-row__grid{grid-template-columns:1fr 1fr}}.line-item-row__actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}.totals-summary{margin-top:var(--space-4);border-top:1px solid var(--shell-border);padding-top:var(--space-4)}.totals-summary__row{padding:var(--space-1) 0;color:var(--shell-text-muted);justify-content:space-between;display:flex}.totals-summary__row--total{color:var(--shell-text);border-top:1px solid var(--shell-border);margin-top:var(--space-2);padding-top:var(--space-3);font-size:1.1rem;font-weight:700}.shell{flex-direction:column;min-height:100%;display:flex}.shell-header{z-index:20;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--shell-bg-elevated);border-bottom:1px solid var(--shell-border);display:flex;position:sticky;top:0}.shell-header__brand{letter-spacing:.01em;color:var(--shell-text);font-size:1.05rem;font-weight:700}.shell-header__nav{gap:var(--space-4);flex:1;display:none}.shell-header__link{color:var(--shell-text-muted);padding:var(--space-2) 0;border-bottom:2px solid #0000;font-size:.9rem;text-decoration:none}.shell-header__link:hover{color:var(--shell-text)}.shell-header__link.is-active{color:var(--shell-text);border-bottom-color:var(--accent)}.lang-toggle{border:1px solid var(--shell-border);color:var(--shell-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;min-height:40px;margin-inline-start:auto}.lang-toggle:hover{border-color:var(--accent)}.shell-main{padding:var(--space-5) var(--space-4) calc(var(--space-7) + env(safe-area-inset-bottom,0px));flex:1;width:100%;max-width:960px;margin:0 auto}.bottom-nav{inset-inline:0;z-index:20;background:var(--shell-bg-elevated);border-top:1px solid var(--shell-border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0}.bottom-nav__item{text-align:center;color:var(--shell-text-muted);padding:var(--space-2) var(--space-1);flex:1;justify-content:center;align-items:center;min-height:44px;font-size:.72rem;text-decoration:none;display:flex}.bottom-nav__item.is-active{color:var(--accent);font-weight:600}@media (width>=768px){.shell-header__nav{display:flex}.lang-toggle{margin-inline-start:0}.bottom-nav{display:none}.shell-main{padding-bottom:var(--space-6)}}.quote-doc{background:var(--canvas-bg);color:var(--canvas-text);max-width:210mm;box-shadow:var(--shadow-md);border-radius:var(--radius-md);margin:0 auto;padding:16mm 14mm;font-size:13px;line-height:1.5}.quote-doc__header{justify-content:space-between;gap:var(--space-5);border-bottom:2px solid var(--canvas-border);padding-bottom:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.quote-doc__brand{gap:var(--space-3);align-items:flex-start;display:flex}.quote-doc__logo{object-fit:contain;width:56px;height:56px}.quote-doc__brand-name{margin:0 0 4px;font-size:1.15rem;font-weight:700}.quote-doc__muted{color:var(--canvas-text-muted);margin:2px 0;font-size:.85rem}.quote-doc__meta{text-align:end;min-width:200px}.quote-doc__title{margin:0 0 var(--space-2);color:var(--accent-strong);font-size:1.3rem}.quote-doc__meta-list{margin:0;font-size:.85rem}.quote-doc__meta-list>div{justify-content:space-between;gap:var(--space-4);border-bottom:1px dotted var(--canvas-border);padding:2px 0;display:flex}.quote-doc__meta-list dt{color:var(--canvas-text-muted)}.quote-doc__meta-list dd{margin:0;font-weight:600}.quote-doc__section{margin-bottom:var(--space-5)}.quote-doc__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--canvas-text-muted);margin:0 0 var(--space-2);font-size:.78rem}.quote-doc__customer-name{margin:0 0 2px;font-size:1.02rem;font-weight:700}.quote-doc__table{border-collapse:collapse;width:100%;margin-bottom:var(--space-5)}.quote-doc__table th,.quote-doc__table td{border-bottom:1px solid var(--canvas-border);padding:var(--space-2) var(--space-2);text-align:start;vertical-align:top}.quote-doc__table th{text-transform:uppercase;letter-spacing:.04em;color:var(--canvas-text-muted);border-bottom:2px solid var(--canvas-border);font-size:.72rem}.quote-doc__col-desc{width:42%}.quote-doc__totals{max-width:320px;margin-inline-start:auto;margin-bottom:var(--space-5)}.quote-doc__totals-row{padding:var(--space-1) 0;color:var(--canvas-text-muted);justify-content:space-between;font-size:.9rem;display:flex}.quote-doc__totals-row--grand{color:var(--canvas-text);border-top:2px solid var(--canvas-border);margin-top:var(--space-2);padding-top:var(--space-3);font-size:1.15rem;font-weight:700}.quote-doc__terms p{margin:0 0 var(--space-2);color:var(--canvas-text-muted);font-size:.85rem}.quote-doc__terms strong{color:var(--canvas-text)}.quote-doc__footer{border-top:1px solid var(--canvas-border);padding-top:var(--space-3);color:var(--canvas-text-muted);text-align:center;font-size:.78rem}.bi-stack{flex-direction:column;gap:2px;display:flex}.bi-stack__ar{color:var(--canvas-text-muted);font-size:.92em}@media print{html,body{background:#fff}.quote-doc{box-shadow:none;border-radius:0;max-width:none;margin:0;padding:0}@page{size:A4;margin:14mm}.quote-doc__table tr{break-inside:avoid}}.preview-page{background:var(--shell-bg);min-height:100%;padding:var(--space-4)}.preview-toolbar{gap:var(--space-3);max-width:210mm;margin:0 auto var(--space-2);flex-wrap:wrap;display:flex}.preview-hint{max-width:210mm;margin:0 auto var(--space-4);color:var(--shell-text-muted);font-size:.85rem}.preview-canvas{padding-bottom:var(--space-7)}.preview-fallback{justify-content:center;align-items:center;gap:var(--space-4);min-height:100%;padding:var(--space-6);background:var(--shell-bg);color:var(--shell-text);text-align:center;flex-direction:column;display:flex}@media print{.no-print{display:none!important}.preview-page{background:#fff;padding:0}.preview-canvas{padding:0}}