:root{--bg: #eef7f6;--bg-gradient: linear-gradient(160deg, #e8f5f3 0%, #eef7f6 55%, #ede8f5 100%);--blob-1: radial-gradient(circle, rgba(134,212,207,.28) 0%, transparent 70%);--blob-2: radial-gradient(circle, rgba(184,170,204,.22) 0%, transparent 70%);--text-primary: #0a2e2c;--text-secondary: #4a6e6b;--text-label: #7a9e9b;--card-bg: rgba(255,255,255,.78);--card-border: rgba(134,212,207,.18);--card-blur: blur(20px);--card-shadow: 0 2px 20px rgba(18,110,106,.07);--pill-inactive-bg: rgba(184,170,204,.14);--pill-inactive-border: rgba(184,170,204,.22);--pill-inactive-color: #6b5e80;--pill-active-bg: #126e6a;--pill-active-border: #126e6a;--pill-active-color: #ffffff;--input-bg: rgba(255,255,255,.72);--input-border: rgba(134,212,207,.25);--input-focus-border: rgba(18,110,106,.45);--input-focus-shadow: 0 0 0 3px rgba(134,212,207,.15);--input-text: #4a6e6b;--input-placeholder: #7a9e9b;--banner-error-bg: rgba(254,226,226,.92);--banner-error-border: rgba(248,113,113,.3);--banner-error-color: #7f1d1d;--banner-info-bg: rgba(220,252,248,.9);--banner-info-border: rgba(134,212,207,.35);--banner-info-color: #0a4440;--customer-card-bg: rgba(255,255,255,.8);--customer-card-border: rgba(134,212,207,.2);--s-draft-bg: rgba(143,163,159,.16);--s-draft-c: #4a6e6b;--s-draft-b: transparent;--s-quoted-bg: rgba(18,110,106,.12);--s-quoted-c: #0a5a56;--s-quoted-b: transparent;--s-await-bg: rgba(245,158,11,.14);--s-await-c: #92580a;--s-await-b: transparent;--s-paid-bg: rgba(20,184,166,.14);--s-paid-c: #0c6e62;--s-paid-b: transparent;--s-prod-bg: rgba(16,185,129,.14);--s-prod-c: #0a6644;--s-prod-b: transparent;--s-cancel-bg: rgba(239,68,68,.12);--s-cancel-c: #9b1c1c;--s-cancel-b: transparent}:root[data-scheme=dark]{--bg: #0f1413;--bg-gradient: linear-gradient(160deg, #0a1210 0%, #0f1413 45%, #0d1520 100%);--blob-1: radial-gradient(circle, rgba(134,212,207,.13) 0%, transparent 70%);--blob-2: radial-gradient(circle, rgba(184,170,204,.1) 0%, transparent 70%);--text-primary: #dde4e2;--text-secondary: #8fa39f;--text-label: rgba(143,163,159,.6);--card-bg: rgba(30,36,34,.68);--card-border: rgba(134,212,207,.1);--card-blur: blur(24px);--card-shadow: none;--pill-inactive-bg: rgba(184,170,204,.1);--pill-inactive-border: rgba(184,170,204,.16);--pill-inactive-color: #b8aacc;--pill-active-bg: rgba(134,212,207,.2);--pill-active-border: rgba(134,212,207,.35);--pill-active-color: #86d4cf;--input-bg: rgba(30,36,34,.8);--input-border: rgba(134,212,207,.12);--input-focus-border: rgba(134,212,207,.3);--input-focus-shadow: 0 0 0 3px rgba(134,212,207,.08);--input-text: #afbfbc;--input-placeholder: rgba(143,163,159,.72);--banner-error-bg: rgba(60,10,10,.82);--banner-error-border: rgba(239,68,68,.25);--banner-error-color: #fca5a5;--banner-info-bg: rgba(15,36,34,.84);--banner-info-border: rgba(134,212,207,.2);--banner-info-color: #86d4cf;--customer-card-bg: rgba(30,36,34,.68);--customer-card-border: rgba(134,212,207,.1);--s-draft-bg: rgba(143,163,159,.14);--s-draft-c: #8fa39f;--s-draft-b: rgba(143,163,159,.2);--s-quoted-bg: rgba(134,212,207,.14);--s-quoted-c: #86d4cf;--s-quoted-b: rgba(134,212,207,.22);--s-await-bg: rgba(245,158,11,.14);--s-await-c: #fcd34d;--s-await-b: rgba(245,158,11,.22);--s-paid-bg: rgba(20,184,166,.14);--s-paid-c: #5eead4;--s-paid-b: rgba(20,184,166,.22);--s-prod-bg: rgba(16,185,129,.14);--s-prod-c: #6ee7b7;--s-prod-b: rgba(16,185,129,.22);--s-cancel-bg: rgba(239,68,68,.14);--s-cancel-c: #fca5a5;--s-cancel-b: rgba(239,68,68,.22)}.liquid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg-gradient);pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;will-change:transform}.blob-1{width:600px;height:460px;top:-160px;left:-120px;background:var(--blob-1);animation:blobDrift 30s infinite alternate ease-in-out}.blob-2{width:460px;height:460px;top:-90px;right:-90px;background:var(--blob-2);animation:blobDrift 23s infinite alternate-reverse ease-in-out}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(65px,100px) scale(1.16)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;color:var(--text-primary);background:var(--bg);font-family:Manrope,Inter,Segoe UI,sans-serif}a{color:inherit}:root{--app-viewport-height: var(--tg-viewport-stable-height, var(--tg-viewport-height, 100dvh));--safe-area-top: max( env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px), var(--tg-viewport-safe-area-inset-top, 0px) );--safe-area-bottom: max( env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px), var(--tg-viewport-safe-area-inset-bottom, 0px) )}.app-shell{width:min(100%,760px);margin:0 auto;padding:calc(80px + var(--safe-area-top)) 16px 24px}.app-shell-with-footer{min-height:var(--app-viewport-height);display:flex;flex-direction:column;padding-bottom:calc(188px + var(--safe-area-bottom))}.app-shell-content{flex:1;min-height:0}.orders-screen{--orders-fab-offset: calc(20px + var(--safe-area-bottom));--orders-fab-height: 52px;--orders-fab-clearance: calc(var(--orders-fab-height) + var(--orders-fab-offset) + 24px);height:var(--app-viewport-height);padding-bottom:0;display:flex;flex-direction:column;overflow:hidden}.orders-screen-header{flex-shrink:0}.orders-list-controls{display:grid;gap:12px}.orders-search-input,.search-input{display:block;width:100%;color:var(--input-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.35;min-height:48px;outline:none;box-sizing:border-box;margin:0;touch-action:manipulation;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;caret-color:var(--text-primary)}.orders-search-input{padding:11px 18px;border-radius:9999px;border:.5px solid var(--pill-inactive-border);background:var(--pill-inactive-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s,background .2s}.orders-search-input::placeholder{color:var(--input-placeholder)}.orders-search-input:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);background:var(--input-bg);color:var(--text-primary)}.orders-screen-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--orders-fab-clearance);scrollbar-width:none}.orders-screen-scroll::-webkit-scrollbar{display:none}.orders-screen-fab-bar{position:fixed;left:50%;bottom:var(--orders-fab-offset);transform:translate(-50%);width:min(calc(100% - 32px),728px);display:flex;justify-content:center;pointer-events:none;z-index:20}.screen-title{margin:0 0 24px;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text-primary)}.order-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.order-header .screen-title{margin-bottom:4px}.customer-hint{margin:0 0 14px;color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.01em}.customer-subhint{margin:-6px 0 14px;color:var(--text-label);font-size:13px;font-weight:500}.spinner-jade{width:36px;height:36px;border:2.5px solid var(--card-border);border-top-color:var(--s-quoted-c);border-radius:50%;animation:spinJade .75s linear infinite;flex-shrink:0}@keyframes spinJade{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px 32px;gap:10px}.empty-state-title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.empty-state-desc{font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1.55;max-width:260px}.info-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:.5px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:18px;overflow:hidden;margin-bottom:12px}.empty-inline-state{padding:8px 12px 14px;color:var(--text-secondary);font-size:14px}.order-items-list{display:grid;gap:10px}.order-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(180deg,#ffffff29,#ffffff14);border:.5px solid rgba(134,212,207,.14);box-shadow:inset 0 1px #ffffff0d}:root[data-scheme=dark] .order-item-row{background:linear-gradient(180deg,#1b2220f5,#141a19eb);border-color:#86d4cf1f;box-shadow:inset 0 1px #ffffff08}.order-item-left{min-width:0;display:grid;gap:10px}.order-item-side{min-width:92px;display:grid;align-content:space-between;justify-items:end;gap:14px}.order-item-main{border:0;background:transparent;padding:0;margin:0;display:grid;gap:4px;text-align:left;color:inherit}.order-item-name{font-size:16px;font-weight:800;color:var(--text-primary);line-height:1.25;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.order-item-meta{font-size:13px;color:var(--text-secondary)}.item-delete-btn,.item-delete-icon-btn{border:0;border-radius:9999px;background:var(--pill-inactive-bg);color:var(--text-primary);padding:0;font:inherit}.item-delete-btn{color:var(--banner-error-color);margin-left:4px}.order-item-total{margin-left:0;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);text-align:right;white-space:nowrap}.item-delete-icon-btn{width:36px;height:36px;padding:0;border-radius:12px;display:inline-grid;place-items:center;background:var(--s-cancel-bg);color:var(--s-cancel-c);box-shadow:inset 0 0 0 .5px var(--s-cancel-b)}.trash-icon{width:18px;height:18px}.order-items-total-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px 0;border-top:.5px solid var(--card-border)}.order-items-total-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-label)}.order-items-total-value{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.order-add-item-btn{margin-top:12px}.field-block{display:grid;gap:7px}.field-label{padding-left:2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-label)}.quantity-stepper-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 12px;border-radius:16px;border:.5px solid var(--input-border);background:var(--input-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.quantity-stepper-btn{width:38px;height:38px;min-width:38px;border:0;border-radius:50%;display:inline-grid;place-items:center;background:var(--pill-inactive-bg);color:var(--text-primary);box-shadow:inset 0 0 0 .5px var(--card-border);font:inherit;font-size:18px;line-height:1}.quantity-stepper-btn:disabled{opacity:.35}.quantity-stepper-value{min-width:32px;text-align:center;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.info-card-header{padding:12px 16px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-label)}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:11px 16px;gap:16px}.info-row+.info-row{border-top:.5px solid var(--card-border)}.info-row-label{font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.info-row-value{font-size:14px;font-weight:600;color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:14px;border:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.97);opacity:.9}.btn:disabled{opacity:.4;pointer-events:none}.btn-filled{background:linear-gradient(135deg,#86d4cf,#126e6a);color:#fff;box-shadow:0 4px 20px #126e6a47}:root[data-scheme=dark] .btn-filled{color:#002020;box-shadow:0 4px 20px #86d4cf33}.btn-bezeled{background:var(--pill-inactive-bg);border:.5px solid var(--pill-inactive-border)!important;color:var(--s-quoted-c);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-outline{background:transparent;border:1px solid var(--card-border)!important;color:var(--text-primary)}.btn-gray{background:var(--card-bg);border:.5px solid var(--card-border)!important;color:var(--text-secondary);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.btn-danger{background:var(--s-cancel-bg);border:.5px solid var(--s-cancel-b)!important;color:var(--s-cancel-c);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur)}.section-label{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--text-label);margin:8px 0 14px}.orders-list{display:flex;flex-direction:column;gap:10px}.order-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:.5px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:22px;padding:16px 16px 16px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .15s}.order-card:active{transform:scale(.982);opacity:.88}.order-card-left{display:flex;flex-direction:column;gap:9px;min-width:0;flex:1}.order-card-title{font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.3}.order-card-customer{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:2px}.order-card-right{display:flex;align-items:center;gap:2px;flex-shrink:0;padding-top:1px}.order-card-amount{font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap}.order-card-chevron{font-size:22px;color:var(--text-label);line-height:1;margin-left:2px}.search-input{padding:13px 16px;border-radius:14px;border:.5px solid var(--input-border);background:var(--input-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:0;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--input-placeholder)}.search-input:focus{border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow);color:var(--text-primary)}.search-empty{margin:16px 0 0;color:var(--text-secondary);text-align:center;font-size:15px;font-weight:500}.customer-list{margin-top:16px}.customer-list-label{margin:0 0 8px;font-size:11px;font-weight:700;color:var(--text-label);text-transform:uppercase;letter-spacing:.12em}.customer-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:14px 16px;margin-bottom:8px;border-radius:18px;border:.5px solid var(--customer-card-border);background:var(--customer-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;box-sizing:border-box;transition:transform .15s,opacity .15s}.customer-card:active{transform:scale(.982);opacity:.85}.customer-card-name{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);display:block}.customer-card-phone{font-size:13px;font-weight:500;color:var(--text-secondary);margin-top:3px;display:block}.chip-row{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:18px;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.centered-state{display:grid;min-height:40vh;place-items:center}.status-pill{display:inline-flex;align-self:flex-start;align-items:center;border-radius:9999px;padding:3px 9px;font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;line-height:1;white-space:nowrap;border:.5px solid transparent}.status-pill-neutral{background:var(--s-draft-bg);color:var(--s-draft-c);border-color:var(--s-draft-b)}.status-pill-accent{background:var(--s-quoted-bg);color:var(--s-quoted-c);border-color:var(--s-quoted-b)}.status-pill-warning{background:var(--s-await-bg);color:var(--s-await-c);border-color:var(--s-await-b)}.status-pill-teal{background:var(--s-paid-bg);color:var(--s-paid-c);border-color:var(--s-paid-b)}.status-pill-success{background:var(--s-prod-bg);color:var(--s-prod-c);border-color:var(--s-prod-b)}.status-pill-danger{background:var(--s-cancel-bg);color:var(--s-cancel-c);border-color:var(--s-cancel-b)}.banner{border-radius:18px;padding:14px 16px;margin-bottom:18px;border:.5px solid transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.banner strong{display:block;margin-bottom:6px;font-weight:700}.banner p{margin:0;line-height:1.45;font-size:14px}.banner-error{background:var(--banner-error-bg);border-color:var(--banner-error-border);color:var(--banner-error-color)}.banner-info{background:var(--banner-info-bg);border-color:var(--banner-info-border);color:var(--banner-info-color)}.floating-toast-wrap{position:fixed;left:0;right:0;bottom:calc(24px + var(--safe-area-bottom));display:flex;justify-content:center;pointer-events:none;z-index:30}.floating-toast{padding:10px 16px;border-radius:9999px;background:var(--card-bg);border:.5px solid var(--card-border);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--card-shadow);color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.01em;animation:toastFadeIn .18s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack{display:grid;gap:12px}.filter-pill{flex-shrink:0;display:inline-flex;align-items:center;padding:7px 16px;border-radius:9999px;border:.5px solid var(--pill-inactive-border);cursor:pointer;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;white-space:nowrap;background:var(--pill-inactive-bg);color:var(--pill-inactive-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;transition:background .15s,color .15s,border-color .15s,transform .1s}.filter-pill:active{transform:scale(.94)}.filter-pill-active{background:var(--pill-active-bg);border-color:var(--pill-active-border);color:var(--pill-active-color)}.search-actions{display:grid;gap:10px;margin-top:12px}.action-grid{display:grid;gap:10px;margin-top:18px}.bottom-action-bar{position:fixed;left:50%;bottom:calc(20px + var(--safe-area-bottom));transform:translate(-50%);width:min(calc(100% - 32px),728px);display:grid;gap:10px;padding:22px 14px 0;background:linear-gradient(180deg,#0f141300,#0f14132e 18%,#0f141385 48%,#0f1413d6 76%,#0f1413f5);backdrop-filter:blur(26px) saturate(1.1);-webkit-backdrop-filter:blur(26px) saturate(1.1);z-index:20}:root:not([data-scheme=dark]) .bottom-action-bar{background:linear-gradient(180deg,#eef7f600,#eef7f633 18%,#eef7f68c 48%,#eef7f6d6 76%,#eef7f6f5)}.action-grid-single{margin-top:8px}.fab-bar{position:fixed;left:50%;bottom:calc(20px + var(--safe-area-bottom));transform:translate(-50%);width:min(calc(100% - 32px),728px);display:flex;justify-content:center;padding:0;pointer-events:none;z-index:20}.fab-btn{pointer-events:auto;padding:14px 32px;background:linear-gradient(135deg,#86d4cf,#126e6a);border:none;border-radius:9999px;color:#fff;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 6px 24px #126e6a59;-webkit-tap-highlight-color:transparent;transition:transform .15s,opacity .15s}:root[data-scheme=dark] .fab-btn{background:linear-gradient(135deg,#86d4cf,#126e6a);box-shadow:0 6px 28px #86d4cf40;color:#002020}.fab-btn:active{transform:scale(.96);opacity:.9}.fab-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.plain-link{color:var(--s-quoted-c);overflow-wrap:anywhere;text-decoration:none;font-weight:500}.plain-link-btn{padding:0;border:none;background:transparent;color:var(--s-quoted-c);font:inherit;font-weight:500;text-align:left;cursor:pointer;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent}