:root{--background: #f9f9ff;--surface: #ffffff;--surface-low: #f1f3ff;--surface-high: #e3e8f9;--primary: #002428;--primary-container: #0d3b3f;--primary-soft: #bfeaef;--secondary: #515f74;--text: #161c27;--muted: #717879;--outline: #c0c8c9;--danger: #ba1a1a;font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,#ffffff 0,var(--background) 46%,#eef3f5 100%);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.material-symbols-outlined{font-size:22px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;line-height:1}.desktop-preview{align-items:flex-start;display:flex;gap:28px;justify-content:center;min-height:100vh;padding:28px}.phone-frame{background:var(--background);border:1px solid rgba(0,36,40,.1);border-radius:32px;box-shadow:0 24px 70px #00242829;height:min(920px,calc(100vh - 56px));max-width:390px;overflow:hidden;position:relative;width:390px}.preview-rail{background:rgba(255,255,255,.72);border:1px solid rgba(192,200,201,.7);border-radius:22px;box-shadow:0 20px 60px #00242814;max-width:250px;padding:22px;position:sticky;top:28px}.preview-rail h2{color:var(--primary);font-size:22px;margin:8px 0}.preview-rail p{color:var(--secondary);font-size:14px;line-height:1.45;margin:0 0 18px}.rail-links{display:grid;gap:8px}.rail-links button{background:var(--surface);border:1px solid var(--outline);border-radius:10px;color:var(--primary);padding:10px 12px;text-align:left}.rail-links button.active{background:var(--primary);border-color:var(--primary);color:#fff}.mobile-shell{height:100%;overflow:hidden;position:relative}.screen-content{height:calc(100% - 68px);overflow-y:auto;padding:0 18px 112px}.screen-content.no-nav{padding-bottom:24px}.app-header{align-items:center;background:rgba(249,249,255,.86);backdrop-filter:blur(14px);display:flex;height:68px;justify-content:space-between;padding:14px 18px 10px;position:sticky;top:0;z-index:10}.brand{align-items:center;color:var(--primary);display:flex;gap:8px}.brand h1{font-size:22px;letter-spacing:-.02em;margin:0}.admin-pill,.eyebrow,.product-category,.order-code{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-pill{background:var(--primary-container);border-radius:4px;color:#7ba5aa;padding:3px 6px}.header-actions{display:flex;gap:4px}.icon-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--secondary);display:flex;height:40px;justify-content:center;width:40px}.icon-btn:hover{background:var(--surface-low)}.screen-heading{padding:0 18px 16px}.screen-heading h2,.catalog-title h2,.list-heading h2,.admin-toolbar h2{color:var(--primary);font-size:24px;letter-spacing:-.01em;line-height:1.2;margin:4px 0 0}.eyebrow{color:var(--secondary)}.bottom-nav{align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border:1px solid rgba(192,200,201,.64);border-radius:18px 18px 0 0;box-shadow:0 -16px 34px #00242814;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);left:0;padding:9px 8px 12px;position:absolute;right:0;z-index:20}.bottom-nav a{align-items:center;color:var(--secondary);display:flex;flex-direction:column;gap:4px;text-decoration:none}.bottom-nav a.active{color:var(--primary)}.bottom-nav .nav-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.login-screen{align-items:center;background:linear-gradient(180deg,#f4f8fb 0%,var(--background) 100%);display:flex;height:100%;justify-content:center;padding:22px}.login-card{width:100%}.login-brand{color:var(--primary);margin-bottom:24px;text-align:center}.login-brand .material-symbols-outlined{font-size:48px}.login-brand h1{font-size:24px;margin:8px 0 6px}.login-brand p,.security-note p,.login-footer,.product-info p,.cart-main p,.customer-item p,.summary-card p,.admin-row p{color:var(--secondary);font-size:12px;line-height:1.45}.login-form,.form-panel,.admin-form-grid{display:grid;gap:12px}label{color:var(--secondary);display:grid;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}input,select{background:var(--surface);border:1px solid var(--outline);border-radius:8px;color:var(--primary);min-height:46px;padding:0 12px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0024281a;outline:none}.password-input,.currency-field{position:relative}.password-input input,.currency-field input{width:100%}#discount-amount{font-size:17px;font-weight:750;min-height:48px;padding-right:42px}#discount-amount::placeholder{color:#515f7480;font-weight:650}.password-input .material-symbols-outlined,.currency-field span{color:var(--secondary);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.currency-field span{font-size:15px;font-weight:850}.forgot{align-self:end;background:transparent;border:0;color:var(--primary);font-size:12px;padding:0}.primary-btn,.secondary-btn,.oauth,.add-btn,.contact-card button{align-items:center;border:0;border-radius:12px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:0 16px}.primary-btn{background:var(--primary);box-shadow:0 8px 24px #00242814;color:#fff}.primary-btn.compact,.secondary-btn{min-height:44px}.primary-btn.wide,.secondary-btn.wide{width:100%}.secondary-btn{background:white;border:1px solid var(--outline);color:var(--primary)}.divider{align-items:center;color:var(--outline);display:grid;font-size:10px;gap:12px;grid-template-columns:1fr auto 1fr;margin:20px 0}.divider:before,.divider:after{background:var(--outline);content:"";height:1px}.oauth{background:white;border:1px solid var(--outline);color:var(--secondary);margin-bottom:10px;width:100%}.oauth.apple{background:var(--text);color:#fff}.oauth svg{height:18px;width:18px}.oauth.apple svg{fill:#fff}.security-note{align-items:center;background:rgba(241,243,255,.72);border:1px solid #dde2f3;border-radius:12px;color:var(--secondary);display:grid;justify-items:center;margin-top:32px;padding:18px;text-align:center}.login-footer{display:flex;justify-content:center;gap:22px;margin-top:24px}.search-wrap{align-items:center;display:flex;margin-bottom:14px;position:relative}.search-wrap .material-symbols-outlined{color:var(--outline);left:14px;position:absolute}.search-wrap input{background:var(--surface-low);border:0;border-radius:14px;padding-left:48px;width:100%}.chip-row{display:flex;gap:8px;margin:2px -18px 22px 0;overflow-x:auto;padding-bottom:4px}.chip{background:var(--surface-high);border:1px solid var(--outline);border-radius:999px;color:var(--text);flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.08em;padding:9px 16px;text-transform:uppercase}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog-title,.list-heading,.admin-toolbar{align-items:end;display:flex;justify-content:space-between;margin-bottom:16px}.text-action{align-items:center;background:transparent;border:0;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;gap:2px;letter-spacing:.08em;text-transform:uppercase}.product-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.section-card,.cart-line,.order-card,.form-panel,.summary-panel,.contact-card,.admin-table,.edit-panel{background:rgba(255,255,255,.94);border:1px solid rgba(192,200,201,.7);border-radius:16px}.product-card{box-shadow:0 10px 26px #0024280f;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-card:hover{border-color:#003b4047;box-shadow:0 14px 32px #00242817;transform:translateY(-1px)}.product-card.disabled{opacity:.72}.product-image{aspect-ratio:1 / .78;background:var(--surface-low);overflow:hidden;position:relative}.product-image img,.cart-line img,.customer-item img,.admin-row img{height:100%;object-fit:cover;width:100%}.badge{background:var(--primary);border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:10px;letter-spacing:.08em;padding:5px 7px;position:absolute;top:10px}.badge.promo{background:var(--primary-soft);color:var(--primary)}.badge.danger{background:rgba(186,26,26,.1);color:var(--danger);left:auto;right:10px}.product-info{display:flex;flex-direction:column;gap:9px;padding:12px}.product-copy{display:flex;flex:1;flex-direction:column}.product-label-row{align-items:center;display:flex;gap:6px;justify-content:space-between;min-width:0;width:100%}.product-category{align-self:flex-start;background:rgba(0,59,64,.06);border:1px solid rgba(0,59,64,.08);border-radius:999px;color:var(--secondary);font-size:8px;font-weight:850;letter-spacing:.06em;line-height:1;padding:5px 7px;text-transform:uppercase}.product-info h3{color:var(--primary);display:-webkit-box;font-size:13px;font-weight:750;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;margin:8px 0;min-height:33px;overflow:hidden}.product-info p{margin:0 0 10px}.product-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:auto}.size-pill{color:var(--secondary);font-size:10px;font-weight:800;line-height:1;min-width:0;white-space:nowrap}.product-label-row .size-pill{background:rgba(255,255,255,.8);border:1px solid rgba(0,36,40,.08);border-radius:999px;padding:5px 7px}.product-meta .product-price{flex:1 1 auto;line-height:1;min-width:0}.stock-pill{background:rgba(191,234,239,.62);border:1px solid rgba(0,36,40,.12);border-radius:999px;color:var(--primary);flex:0 0 auto;font-size:9px;font-weight:800;line-height:1;padding:6px 8px;white-space:nowrap}.stock-pill.danger{background:rgba(186,26,26,.08);border-color:#ba1a1a24;color:var(--danger)}.product-footer,.cart-controls{align-items:center;display:flex;justify-content:space-between}.product-footer{align-items:stretch;border-top:1px solid rgba(0,36,40,.08);display:grid;gap:7px;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;padding-top:8px}.product-price-row{align-items:center;display:flex;justify-content:center;width:100%}.product-buy-row{align-items:stretch;display:grid;gap:0;grid-template-columns:1fr;min-width:0;width:100%}.product-buy-row.out{display:none}.product-price{color:var(--primary);font-size:19px;font-weight:850;letter-spacing:0;line-height:1}.add-btn{background:var(--primary);border-radius:999px;box-shadow:0 7px 16px #00242824;color:#fff;font-size:10px;font-weight:850;letter-spacing:.02em;min-height:44px;min-width:0;padding:0 12px;text-align:center;width:100%}.stepper{align-items:center;background:linear-gradient(180deg,rgba(246,247,255,.96),rgba(239,242,253,.96));border:1px solid rgba(0,36,40,.06);border-radius:999px;display:inline-flex;gap:8px;padding:4px}.stepper.small{display:grid;gap:1px;grid-template-columns:22px 28px 22px;min-height:30px;padding:2px 4px;width:auto}.stepper button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--primary);display:flex;height:24px;justify-content:center;width:22px}.stepper button:hover{background:rgba(0,59,64,.07)}.stepper span{color:var(--primary);font-weight:700;min-width:16px;text-align:center}.floating-action{align-items:center;background:var(--primary);border:4px solid var(--background);border-radius:999px;bottom:96px;box-shadow:0 18px 40px #00242838;color:#fff;display:flex;height:58px;justify-content:center;position:absolute;right:22px;width:58px;z-index:30}.floating-action .material-symbols-outlined{font-size:28px}.cart-line{display:grid;gap:14px;grid-template-columns:92px 1fr;margin-bottom:14px;overflow:hidden;padding:12px;touch-action:pan-y;user-select:none}.cart-line.promo-active{border-color:#0024283d;box-shadow:0 14px 34px #00242814}.cart-line img{border-radius:12px}.cart-main h3{color:var(--primary);font-size:18px;line-height:1.2;margin:4px 0}.cart-main p{margin:0 0 14px}.promo-pill{align-self:start;background:rgba(0,36,40,.08);border:1px solid rgba(0,36,40,.1);border-radius:999px;color:var(--primary);display:inline-flex;font-size:11px;font-weight:850;line-height:1;margin:-6px 0 10px;padding:7px 9px;width:fit-content}.promo-pill.small{font-size:10px;margin:4px 0 0;padding:6px 8px}.cart-controls strong{color:var(--primary);font-size:18px}.cart-remove-btn{align-items:center;background:rgba(186,26,26,.08);border:0;border-radius:999px;color:var(--danger);display:inline-flex;height:44px;justify-content:center;width:44px}.cart-remove-btn .material-symbols-outlined{font-size:20px}.cart-remove-confirm{align-items:center;background:rgba(186,26,26,.06);border:1px solid rgba(186,26,26,.18);border-radius:14px;color:var(--primary);display:flex;gap:6px;justify-content:space-between;margin-top:10px;padding:8px 7px}.cart-remove-confirm span{color:var(--danger);font-size:11px;font-weight:800;line-height:1.2;white-space:nowrap}.cart-remove-confirm div{align-items:center;display:flex;gap:6px}.cart-remove-confirm button{border:0;border-radius:999px;font-size:10.5px;font-weight:900;min-height:44px;padding:0 9px}.cart-remove-confirm .ghost-btn{background:white;color:var(--secondary)}.cart-remove-confirm .danger-btn{background:var(--danger);color:#fff}.promotion-form{display:grid;gap:14px}.promotion-product{background:rgba(191,234,239,.34);border:1px solid rgba(0,36,40,.08);border-radius:14px;display:grid;gap:5px;padding:12px}.promotion-product strong{color:var(--primary);font-size:14px;line-height:1.2}.promotion-product span{font-size:12px}.promotion-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.promotion-grid label,.promotion-grid input,.modal-actions button{min-width:0;width:100%}.promotion-preview{background:var(--surface);border:1px solid var(--outline);border-radius:14px;color:var(--secondary);display:grid;gap:6px;grid-template-columns:1fr auto;padding:12px}.promotion-preview span:last-child{grid-column:1 / -1}.promotion-preview strong{color:var(--primary)}.modal-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-panel,.summary-panel,.section-card,.contact-card,.edit-panel{margin-top:16px;padding:16px}.summary-row,.summary-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-row span{color:var(--secondary);font-size:14px}.summary-row strong{color:var(--primary)}.discount-entry{margin:14px 0 10px}.danger-text{color:var(--danger)!important}.summary-total{border-top:1px solid var(--outline);margin-top:12px;padding-top:14px}.summary-total span,.summary-total strong{color:var(--primary);font-size:22px;font-weight:750}.status-row{margin-top:4px}.list-heading{align-items:center}.list-heading span{color:var(--secondary);font-size:14px}.order-list{display:grid;gap:12px}.order-card{color:inherit;display:grid;gap:10px;padding:16px;text-align:left;width:100%}.order-card h3{color:var(--primary);font-size:20px;margin:3px 0 0}.order-code{color:var(--muted)}.order-meta{color:var(--secondary);display:grid;font-size:12px;gap:4px}.order-card>strong{color:var(--primary);font-size:24px}.status-badge{border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800;justify-self:start;letter-spacing:.08em;padding:5px 10px}.status-badge.success{background:#ecfdf3;border-color:#bbf7d0;color:#15803d}.status-badge.blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.status-badge.neutral{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.status-badge.danger{background:#ffdad6;border-color:#ba1a1a1f;color:var(--danger)}.hero-confirm{background:linear-gradient(135deg,var(--primary-soft),#f7fbfb);border-radius:18px;margin-bottom:16px;padding:22px}.hero-confirm.expired{background:linear-gradient(135deg,#ffdad6,#fff7f5)}.hero-confirm h2{color:var(--primary);font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:8px 0}.hero-confirm p{color:var(--secondary);margin:0}.expiry-pill{background:white;border:1px solid rgba(0,36,40,.1);border-radius:999px;color:var(--primary);display:inline-flex;font-size:12px;margin-top:12px;padding:7px 10px}.payment-customer-card{color:var(--secondary);display:grid;gap:6px}.payment-customer-card strong{color:var(--primary);font-size:18px}.section-title{align-items:center;color:var(--primary);display:flex;gap:8px;margin-bottom:12px}.section-title h3,.summary-card h3{font-size:20px;margin:0}.customer-item{border-bottom:1px solid #e4e9ec;display:grid;gap:12px;grid-template-columns:72px 1fr;padding:12px 0}.customer-item:last-child{border-bottom:0}.customer-item img{border-radius:12px;height:72px}.customer-item h4{color:var(--primary);font-size:16px;margin:4px 0}.customer-metrics{align-items:center;display:grid;grid-column:2;grid-template-columns:1fr auto}.customer-metrics span{color:var(--secondary);font-size:11px;font-weight:700;letter-spacing:.08em}.customer-metrics strong{color:var(--primary)}.info-panel{align-items:flex-start;background:var(--primary-soft);border-radius:16px;color:var(--primary-container);display:flex;gap:12px;margin-top:16px;padding:16px}.info-panel p{font-size:15px;line-height:1.5;margin:0}.info-panel.slim p{font-size:12px}.trust-strip{align-items:center;color:var(--primary);display:flex;gap:6px;margin:12px 0 8px}.trust-strip span:last-child{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-card p{align-items:center;color:var(--primary);display:flex;gap:10px;margin:8px 0;min-width:0}.payment-link-text{background:rgba(233,242,243,.74);border:1px solid rgba(192,200,201,.62);border-radius:999px;display:block;flex:1;font-size:14px;font-weight:800;min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.contact-card button{background:white;border:1px solid var(--primary);color:var(--primary);margin-top:12px;width:100%}.feature-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.feature-grid div{align-items:center;background:rgba(255,255,255,.74);border:1px solid rgba(192,200,201,.62);border-radius:14px;color:var(--primary);display:grid;gap:8px;justify-items:center;min-height:104px;padding:14px;text-align:center}.feature-grid .material-symbols-outlined{font-size:32px}.feature-grid span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-toolbar{align-items:flex-start;gap:12px}.admin-toolbar div{display:flex;flex-direction:column;gap:8px}.admin-table{display:grid;gap:0;overflow:hidden}.admin-row{align-items:center;border-bottom:1px solid #e7ecef;display:grid;gap:10px;grid-template-columns:54px 1fr auto;padding:12px}.admin-row img{border-radius:10px;height:54px}.admin-row h3{color:var(--primary);font-size:15px;margin:0 0 2px}.admin-row p{margin:0 0 4px}.admin-row div span{background:rgba(209,225,250,.45);border-radius:4px;color:#556479;font-size:11px;padding:4px 6px}.admin-row strong{color:var(--primary);font-size:13px;grid-column:2}.admin-row .status-badge{grid-column:3;grid-row:2}.admin-row .icon-btn{grid-column:3;grid-row:1}.admin-pagination{align-items:center;color:var(--secondary);display:flex;font-size:12px;justify-content:space-between;padding:12px}.admin-pagination button{background:white;border:1px solid var(--outline);border-radius:6px;color:var(--primary);margin-left:4px;padding:4px 9px}.edit-head{align-items:center;display:flex;justify-content:space-between}.edit-head h2{color:var(--primary);font-size:20px;margin:0}.edit-head>span{align-items:center;color:var(--secondary);display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.08em}.toggle{align-items:center;background:var(--primary);border-radius:999px;display:flex;height:22px;justify-content:flex-end;padding:2px;width:42px}.toggle i{background:white;border-radius:50%;display:block;height:18px;width:18px}.upload-box{align-items:center;border:2px dashed var(--outline);border-radius:16px;color:var(--muted);display:grid;justify-items:center;margin:16px 0;min-height:130px;padding:16px;text-align:center}.upload-box .material-symbols-outlined{font-size:42px}.upload-box strong{color:var(--secondary);font-size:12px}.upload-box span{color:var(--outline);font-size:10px}.admin-form-grid{grid-template-columns:1fr 1fr}.admin-form-grid label:first-child,.admin-form-grid label:last-child{grid-column:1 / -1}.edit-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.nav-button{align-items:center;background:transparent;border:0;border-radius:14px;color:var(--secondary);display:flex;flex-direction:column;gap:5px;min-height:54px;padding:5px 4px;text-decoration:none}.nav-button.active{color:var(--primary)}.nav-button.active .nav-icon-wrap{background:var(--primary);color:#fff}.nav-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-icon-wrap{align-items:center;border-radius:999px;display:inline-flex;height:28px;justify-content:center;position:relative;transition:background .16s ease,color .16s ease;width:42px}.nav-icon-wrap .material-symbols-outlined{font-size:21px;text-transform:none}.cart-badge{align-items:center;background:var(--danger);border:2px solid white;border-radius:999px;color:#fff;display:flex;font-size:10px!important;font-weight:800;height:18px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 4px;position:absolute;right:0;top:-7px;text-transform:none!important}.inline-icon{align-items:center;background:transparent;border:0;color:var(--secondary);display:flex;height:44px;justify-content:center;position:absolute;right:0;top:1px;width:44px}.password-input input{padding-right:48px}.field-error{color:var(--danger);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}[aria-invalid=true]{border-color:var(--danger)}.add-btn.muted{background:rgba(186,26,26,.1);color:var(--danger)}.add-btn.disabled-add{background:var(--surface-high);color:var(--secondary)}.stock-notify-btn{align-items:center;background:rgba(186,26,26,.08);border:0;border-radius:999px;color:var(--danger);display:inline-flex;font-size:10px;font-weight:850;gap:6px;justify-content:center;min-height:44px;padding:0 12px;width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.qty-input{background:transparent;border:0;border-radius:999px;color:var(--primary);font-weight:700;height:26px;min-height:26px;padding:0;text-align:center;width:30px}.qty-input:focus{box-shadow:inset 0 0 0 1px #00242833}.qty-input.invalid{color:var(--danger)}.quantity-error{color:var(--secondary);font-size:11px;font-weight:650;line-height:1.25;margin:8px 0 0}.quantity-error.visible{color:var(--danger)}.toggle{border:0}.toggle.off{background:var(--outline);justify-content:flex-start}.upload-box{width:100%}.empty-state{color:var(--secondary);font-size:14px;line-height:1.45;text-align:center}.overlay{align-items:center;background:rgba(0,36,40,.22);display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:60}.drawer-overlay{align-items:flex-end;padding:0}.modal-panel,.drawer-panel{background:white;border:1px solid rgba(192,200,201,.7);border-radius:18px;box-shadow:0 24px 60px #00242838;color:var(--secondary);display:grid;gap:14px;padding:18px;width:min(100%,340px)}.drawer-panel{border-radius:22px 22px 0 0;width:100%}.customer-sheet-overlay{align-items:flex-end}.customer-sheet{gap:0;max-height:min(86vh,720px);overflow:hidden;padding:0}.customer-sheet .panel-head{border-bottom:1px solid rgba(0,36,40,.08);padding:16px 18px 12px}.customer-sheet-body{display:grid;gap:14px;max-height:calc(86vh - 150px);overflow-y:auto;padding:16px 18px}.customer-sheet-footer{background:white;border-top:1px solid rgba(0,36,40,.08);display:grid;gap:10px;grid-template-columns:1fr 1.5fr;padding:12px 18px 16px;position:sticky;bottom:0}.customer-sheet-footer:empty{display:none}.customer-search-row,.customer-results{display:grid;gap:10px}.customer-result,.selected-customer{background:var(--surface);border:1px solid var(--outline);border-radius:14px;color:var(--primary);display:grid;gap:4px;min-height:64px;padding:12px;text-align:left;width:100%}.customer-result strong,.selected-customer strong{font-size:15px}.customer-result span,.selected-customer p,.customer-result small,.selected-customer small{color:var(--secondary);font-size:12px;margin:0}.new-customer-form{display:grid;gap:12px}.customer-empty{display:grid;gap:10px;padding:12px 0}.discard-confirm{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;color:var(--primary);display:grid;gap:10px;padding:12px}.discard-confirm div{display:grid;gap:8px;grid-template-columns:1fr 1fr}.danger-btn{align-items:center;background:var(--danger);border:0;border-radius:12px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:0 14px}.panel-head{align-items:center;display:flex;justify-content:space-between}.panel-head h3{color:var(--primary);font-size:20px;margin:0}.toast{align-items:center;background:white;border:1px solid rgba(192,200,201,.7);border-left:4px solid var(--primary);border-radius:14px;bottom:96px;box-shadow:0 18px 40px #00242829;color:var(--primary);display:grid;gap:8px;grid-template-columns:auto 1fr auto;left:18px;padding:12px;position:absolute;right:18px;z-index:70}.toast.error{border-left-color:var(--danger)}.toast button{align-items:center;background:transparent;border:0;color:var(--secondary);display:flex;height:36px;justify-content:center;width:36px}@media (max-width: 760px){.desktop-preview{padding:0}.phone-frame{border:0;border-radius:0;box-shadow:none;height:100vh;max-width:none;width:100vw}.preview-rail{display:none}}