@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/poppins-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/poppins-latin-ext-800-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/poppins-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/poppins-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/quicksand-latin-ext-400-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/quicksand-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/quicksand-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/quicksand-latin-400-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/quicksand-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/quicksand-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--app-primary:#ee6b32;--app-primary-hover:#d85c27;--app-cream:#fff8ee;--app-ink:#403227;--app-muted:#877d70;--app-line:#eee5d8;--app-green:#e8eedc;--app-soft:#f5f0e7;--app-success:#567a49;--app-danger:#ac463c;--app-frame:460px;--app-nav:78px}*{box-sizing:border-box}html,body{height:100%;margin:0;width:100%;overflow:hidden}body{background:#f1eee8;background-image:radial-gradient(ellipse at 16% 16%,#e7eedb 0,transparent 38%),radial-gradient(ellipse at 86% 90%,#f9dfc8 0,transparent 39%);color:var(--app-ink);font-family:Quicksand,Sabatly,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font-family:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #899d74}button{transition:transform .18s,background .18s}button:active{transform:scale(.975)}a{color:inherit}.app-frame{position:relative;width:100%;max-width:var(--app-frame);height:calc(100dvh - 40px);max-height:1000px;margin:20px auto;background:var(--app-cream);border-radius:34px;box-shadow:0 22px 80px #40322716,0 0 0 1px #e5ddd1;overflow:hidden}#app-root,.app-react-shell{height:100%;min-height:0}.app-react-shell{display:flex;flex-direction:column}.app-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:22px}.app-header{position:relative!important;top:auto!important;height:auto!important;flex-shrink:0;background:#fff8eeee;backdrop-filter:blur(20px);padding:calc(14px + env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--app-line);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:none;z-index:3}.app-wordmark{display:flex;align-items:center;gap:8px;min-width:0}.app-wordmark>span{font-size:23px;font-weight:800;letter-spacing:-1.25px;white-space:nowrap}.brand-dot{color:var(--app-primary)}.app-wordmark img{flex-shrink:0}.header-location{border:0;display:flex;align-items:center;gap:9px;background:transparent;padding:0;text-align:left;flex:1;min-width:0}.header-location>span:nth-child(2){flex:1;min-width:0}.header-location small{display:block;color:var(--app-muted);font-size:10px;margin-bottom:4px}.header-location strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;max-width:250px}.location-icon{height:38px;width:38px;display:grid;place-items:center;background:var(--app-green);color:var(--app-success);border-radius:13px;flex-shrink:0}.header-buttons{display:flex;gap:5px;flex-shrink:0}.header-icon{position:relative;border:0;background:transparent;width:37px;height:41px;display:grid;place-items:center;color:var(--app-ink)}.header-icon i{position:absolute;top:7px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--app-primary);box-shadow:0 0 0 2px var(--app-cream)}.header-back{display:flex;align-items:center;gap:9px}.header-back>button{background:transparent;border:0;display:grid;place-items:center;width:31px;height:38px}.header-back .app-wordmark>span{font-size:20px}.header-back .app-wordmark img{width:28px;height:28px}.app-bottom-nav{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:calc(var(--app-nav) + env(safe-area-inset-bottom));flex-shrink:0;background:#fffdf8f5;backdrop-filter:blur(20px);padding:9px 7px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--app-line);box-shadow:0 -8px 35px #40322705;z-index:4}.app-bottom-nav>button{border:0;background:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;color:#9a8e7f;padding:0 2px}.app-bottom-nav small{font-size:9px;font-weight:600;line-height:1.1;white-space:normal;text-align:center}.nav-icon{position:relative;display:grid;place-items:center;height:31px;min-width:37px;border-radius:12px}.app-bottom-nav>button.selected{color:var(--app-primary)}.app-bottom-nav>button.selected .nav-icon{background:#ffe8d8}.app-bottom-nav>button.central .nav-icon{height:40px;width:46px;margin-top:-8px;background:var(--app-primary);color:#fff8ee;box-shadow:0 5px 12px #ee6b3233}.nav-icon b{position:absolute;top:-4px;right:-4px;border:2px solid var(--app-cream);background:var(--app-ink);color:white;min-width:18px;height:18px;padding:0 2px;line-height:14px;border-radius:10px;font-size:9px}.native-screen{padding:23px 22px 15px;animation:app-screen-in .28s ease both}.native-screen h1{font-size:28px;letter-spacing:-1.1px;line-height:1.28;font-weight:800;margin:0 0 21px}.native-screen>h1>span{color:var(--app-primary)}.native-screen p{line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.greeting{font-size:12px;color:var(--app-muted);margin:0 0 9px}.greeting>span{color:#c18d38}.home-screen h1{font-size:29px;max-width:330px;margin-bottom:10px}.home-intro{font-size:12px;margin-bottom:18px;color:var(--app-muted)}.home-search{border:1px solid var(--app-line);background:#f5f0e6;padding:14px 16px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:13px;color:#938472;margin-bottom:18px}.app-hero{display:flex;position:relative;background:#f8dcc4;min-height:190px;border-radius:24px;overflow:hidden;padding:20px;margin-bottom:18px}.app-hero>div{position:relative;z-index:1;width:59%}.hero-kicker{display:block;font-size:7px;letter-spacing:1.4px;color:#a36636;font-weight:700;line-height:1.8;max-width:150px}.app-hero h2{font-size:24px;line-height:1.3;letter-spacing:-.9px;max-width:178px;margin:11px 0 14px}.app-hero h2>span{color:#97aa7e;font-size:23px;display:inline-block;margin-left:7px}.app-hero>img{position:absolute;right:-38px;bottom:-5px;width:210px;height:182px;object-fit:contain}.app-hero button{border:0;border-radius:12px;background:var(--app-primary);color:white;padding:10px 13px;display:flex;gap:7px;align-items:center;font-weight:700;font-size:10px;max-width:180px}.quick-actions{display:grid;grid-template-columns:1.28fr 1fr;gap:10px;margin-bottom:24px}.quick-actions button{border:0;border-radius:19px;min-height:75px;display:flex;align-items:center;padding:12px;gap:9px;text-align:left;font-size:11px;font-weight:700;min-width:0}.quick-main{background:var(--app-primary);color:#fff8ee}.quick-main>svg{width:22px;flex-shrink:0}.quick-main>span{flex:1;min-width:0}.quick-main small{font-size:8px;font-weight:400;display:block;opacity:.85;margin-top:5px;line-height:1.5}.quick-soft{background:var(--app-green);color:#61794e;flex-direction:column;justify-content:center;text-align:center!important;gap:7px!important}.quick-soft>svg{width:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 15px}.section-title h2{font-size:19px;letter-spacing:-.5px;margin:0;line-height:1.3}.section-title>button{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#be5a2d;background:none;border:0;flex-shrink:0;padding:7px 0}.app-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.app-product{border-radius:21px;background:#fffdfa;border:1px solid var(--app-line);position:relative;min-width:0;overflow:hidden;box-shadow:0 4px 14px #40322704}.app-product-art{width:100%;height:141px;border:0;background:#f2f0e6;display:grid;place-items:center;padding:17px 12px}.app-product-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.app-product-art:active img{transform:scale(.95)}.app-product:nth-child(3n+2) .app-product-art{background:#eef1e6}.app-product:nth-child(3n+3) .app-product-art{background:#f6e9df}.app-favorite{position:absolute;right:7px;top:7px;background:#ffffffcf;width:35px;height:35px;border:0;display:grid;place-items:center;border-radius:50%;color:#8f816e}.app-favorite.selected{color:var(--app-primary)}.app-product-info{padding:12px}.app-product-info>span{font-size:8px;color:#9d927f;letter-spacing:.4px}.app-product h3{font-size:13px;margin:5px 0 6px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}.app-product-info p{font-size:9px;color:var(--app-muted);margin:0 0 9px}.app-product-bottom{display:flex;gap:4px;align-items:center;justify-content:space-between}.app-product-bottom strong{font-size:13px;line-height:1.4}.app-product-bottom button{width:35px;height:35px;flex-shrink:0;border:0;border-radius:12px;background:#ffe8d6;color:#cb602d;display:grid;place-items:center;font-size:13px;font-weight:700}.stock-note{display:block;color:#987c63;font-size:9px;margin-top:5px}.app-example{font-size:10px!important;color:#8e775c;display:flex;align-items:center;gap:6px;margin:0 0 13px}.home-mini-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0}.home-mini-tools button{display:flex;align-items:center;gap:9px;background:#fffdfa;border:1px solid var(--app-line);border-radius:15px;padding:14px 10px;text-align:left;min-width:0;font-size:11px}.home-mini-tools svg{width:19px;flex-shrink:0;color:#8b9e73}.bonus-promo{display:flex;align-items:center;gap:13px;background:#e7eddb;padding:19px;border-radius:21px;color:#5b704b}.bonus-promo>div{flex:1}.bonus-promo h3{font-size:15px;margin-bottom:6px}.bonus-promo p{font-size:18px;font-weight:700;margin:0}.bonus-promo button{background:white;border:0;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#74865f}.next-order{background:#fffdf8;border:1px solid var(--app-line);padding:17px;border-radius:21px;display:grid;grid-template-columns:1fr 80px;gap:8px;margin:23px 0}.next-order h3{font-size:22px;margin:10px 0 7px}.next-order p{font-size:10px;color:var(--app-muted);margin:0}.next-order>img{object-fit:contain;width:80px}.next-order>button{display:flex;gap:7px;align-items:center;background:none;border:0;text-align:left;padding:8px 0 0;font-size:11px;color:var(--app-primary);font-weight:700}.readiness-native{padding:17px;border:1px dashed #c0c9ab;border-radius:18px;background:#eef1e6;margin:22px 0;color:#62734e}.readiness-native>div{display:flex;align-items:center;gap:8px}.readiness-native strong{font-size:12px;flex:1}.readiness-native>div>span{font-size:11px}.readiness-native p{font-size:11px;margin:10px 0}.readiness-native>button{display:flex;align-items:center;gap:6px;border:0;background:transparent;font-size:11px;color:#527140;padding:5px 0}.app-search{display:flex;align-items:center;gap:10px;height:52px;background:#f3eee5;border:1px solid var(--app-line);border-radius:16px;padding:0 14px;color:#9f917e}.app-search input{flex:1;min-width:0;border:0;background:none;padding:0;font-size:16px;outline:none;box-shadow:none}.app-search input::placeholder{font-size:13px}.app-search>button{width:25px;border:0;background:none;display:grid;place-items:center;padding:0;color:#897963}.category-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;scrollbar-width:none;padding:17px 0 19px}.category-chips button{border:1px solid var(--app-line);background:#fffdfa;padding:9px 13px;border-radius:50px;font-size:10px;white-space:nowrap;flex-shrink:0;color:#85755f;font-weight:600}.category-chips button[aria-pressed=true]{background:var(--app-primary);border-color:var(--app-primary);color:white}.catalog-filters{display:grid;gap:12px;padding:13px;background:var(--app-green);border-radius:15px;margin-bottom:17px}.catalog-filters>label{display:flex;align-items:center;gap:10px;font-size:12px}.catalog-filters input{width:18px;height:18px;accent-color:var(--app-primary)}.catalog-filters select{font-size:16px;background:#fffdfa;border:1px solid #d9dfcb;border-radius:11px;padding:9px}.request-promo{background:#f8e5d4;padding:18px;border-radius:20px;margin-top:24px}.request-promo h3{font-size:16px;margin-bottom:8px}.request-promo p{font-size:11px;margin-bottom:14px}.request-promo>div{display:grid;gap:8px}.request-promo button{padding:10px;border:1px solid #e2c4a6;background:#fff8ee;border-radius:12px;color:#9b6138;font-size:11px}.profile-card{background:#fffdfa;border:1px solid var(--app-line);border-radius:24px;text-align:center;padding:25px 17px}.profile-avatar{height:66px;width:66px;border-radius:22px;background:#f6d9be;display:grid;place-items:center;font-size:29px;font-weight:800;color:#b86130;margin:0 auto 13px}.profile-card h2{font-size:22px;line-height:1.4;margin:0 0 8px;overflow-wrap:anywhere}.profile-card>p{font-size:11px;color:var(--app-muted);overflow-wrap:anywhere;margin-bottom:13px}.profile-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;background:#f3e8d8;color:#957046;padding:7px 10px;border-radius:20px}.profile-status.verified{color:#607b4e;background:#e8eedc}.profile-card>button{display:flex;align-items:center;gap:6px;background:none;border:0;color:var(--app-primary);font-size:11px;margin:15px auto 0;padding:4px;font-weight:700}.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.profile-metrics>div{padding:14px 7px;border-radius:17px;background:#f0ebdf;text-align:center;min-width:0}.profile-metrics>div:nth-child(2){background:#e9eedf}.profile-metrics strong{display:block;font-size:20px;line-height:1.4;overflow-wrap:anywhere}.profile-metrics>div:last-child strong{font-size:16px}.profile-metrics span{font-size:9px;display:block;margin-top:6px;color:#8b7d65;line-height:1.5}.profile-address{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:1px solid var(--app-line);background:#fffdfa;border-radius:18px;padding:15px}.profile-address>span{flex:1;min-width:0}.profile-address>svg:first-child{color:#879b6f}.profile-address small{font-size:9px;color:#8d806c;display:block;margin-bottom:6px}.profile-address strong{font-size:11px;line-height:1.7;display:block;overflow-wrap:anywhere}.profile-list{display:grid;border:1px solid var(--app-line);border-radius:19px;background:#fffdfa;overflow:hidden}.profile-list>button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--app-line);padding:15px 16px;text-align:left;background:transparent;color:var(--app-ink);min-height:54px}.profile-list>button:last-child{border-bottom:0}.profile-list>button>span{flex:1;font-size:12px;min-width:0}.profile-list>button>svg:first-child{color:#8b9d77}.profile-list>button>svg:last-child{color:#a89982;width:16px}.language-setting{display:flex;justify-content:space-between;align-items:center;background:#fffdfa;border:1px solid var(--app-line);border-radius:16px;padding:12px 15px;margin-bottom:12px;font-size:12px}.language-pill select{background:#ede9de;border:0;border-radius:14px;padding:8px 10px;font-size:11px;font-weight:700;min-height:36px;color:#766449;min-width:64px}.install-button{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #d7dfc7;background:#e8eedc;border-radius:17px;padding:14px 16px;text-align:left;color:#5b7549;min-height:59px}.install-button>span{flex:1;min-width:0}.install-button strong{display:block;font-size:12px;line-height:1.4}.install-button small{display:block;font-size:9px;color:#7e8c6a;margin-top:5px;line-height:1.5}.install-button.compact{min-height:44px;padding:12px}.logout-button{width:100%;border:1px solid #ecd0bd;background:#f8e7d8;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-top:23px;color:#a7633f;border-radius:15px;font-size:12px;font-weight:700}.app-version{text-align:center;font-size:9px!important;color:#a59a87;margin:20px 0 0}.app-primary,.app-secondary{min-height:49px;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 17px;font-size:13px;font-weight:700;line-height:1.5;white-space:normal}.app-primary{background:var(--app-primary);color:white;box-shadow:0 6px 18px #ee6b3220;width:100%}.app-primary:hover{background:var(--app-primary-hover)}.app-secondary{background:var(--app-green);color:var(--app-success);margin-top:18px}.full{width:100%}.auth-screen{padding:26px 26px 25px}.auth-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.auth-illustration{height:194px;position:relative;display:grid;place-items:center;margin:8px 0 20px;background:radial-gradient(ellipse at center,#f7e4cd 0,transparent 70%)}.auth-illustration>img{width:270px;height:184px;object-fit:contain}.auth-leaf{position:absolute;top:15px;right:30px;font-size:34px;color:#a3b28b;transform:rotate(13deg)}.auth-delivery-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;background:#fff8eef2;border:1px solid var(--app-line);border-radius:50px;padding:7px 10px;font-size:8px;white-space:nowrap;color:#8a785f}.auth-screen>h1{font-size:29px;letter-spacing:-1px;line-height:1.28;margin:0 0 10px;max-width:320px}.auth-intro{font-size:12px;color:var(--app-muted);line-height:1.7;margin-bottom:20px}.auth-segment{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f0e9dd;border-radius:16px;margin-bottom:17px;gap:4px}.auth-segment>button{border:0;border-radius:12px;padding:12px 8px;background:transparent;color:#8c7962;font-size:12px;font-weight:700}.auth-segment>button[aria-pressed=true]{background:#fffdfa;color:#d1642d;box-shadow:0 3px 10px #40322708}.auth-role-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.auth-role-chips button{border:1px solid var(--app-line);border-radius:20px;background:#fffdfa;color:#968674;padding:7px 13px;font-size:10px;min-height:32px}.auth-role-chips button[aria-pressed=true]{color:#657c51;background:#e8eddf;border-color:#d9dfcc}.app-auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:8px;font-size:11px;font-weight:600;min-width:0}.auth-field>span{color:#7f6e57}.auth-field input{width:100%;min-width:0;min-height:48px;padding:12px 14px;background:#fffdfa;border:1px solid var(--app-line);border-radius:13px;font-size:16px;color:var(--app-ink);box-shadow:none}.auth-password{position:relative;display:flex;align-items:center}.auth-password>input{padding-right:46px}.auth-password button{position:absolute;right:5px;width:42px;height:42px;display:grid;place-items:center;background:transparent;border:0;color:#a0917e}.auth-otp{padding:0;border:0;background:none}.auth-otp>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;cursor:pointer;font-size:10px;color:#9c8c78}.auth-otp .auth-field{margin-top:13px}.auth-forgot{justify-self:end;border:0;background:transparent;font-size:10px;color:#ac7449;padding:0}.auth-check{display:flex;align-items:start;gap:10px;font-size:10px;color:#8b7b66;line-height:1.8}.auth-check>input{width:17px;min-width:17px;height:17px;margin:3px 0 0;accent-color:var(--app-primary)}.auth-check button{border:0;background:none;color:#bb6a39;padding:0;display:inline;font-size:10px;font-weight:700}.auth-verification{display:flex;align-items:start;gap:7px;font-size:9px;color:#8e9a78;background:#edf0e5;border-radius:12px;padding:12px;line-height:1.7;margin:0}.auth-verification svg{flex-shrink:0;margin-top:1px}.auth-role-hint{font-size:9px;color:#a69a87;text-align:center;line-height:1.7;margin:13px 0 18px}.auth-policy{display:flex;align-items:center;justify-content:center;gap:9px;color:#b4a691;font-size:9px;margin-top:22px}.auth-policy button{background:none;border:0;color:#a3937c;font-size:9px;padding:5px}.inline-error{padding:13px 14px;border:1px solid #edc6b0;background:#fde6d8;color:#ac593b;line-height:1.8;border-radius:13px;font-size:11px;overflow-wrap:anywhere}.inline-error button{margin-top:10px;border:0;background:#fff8ee;border-radius:9px;padding:10px;color:#a26742}.splash-main{padding:0}.splash{height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--app-cream);padding:24px}.splash-logo{background:#f2d5b8;width:93px;height:93px;border-radius:27px;display:grid;place-items:center;margin-bottom:18px;animation:splash-logo-in .7s ease both;box-shadow:0 10px 30px #ee6b3212}.splash-wordmark{font-size:47px;font-weight:800;letter-spacing:-2.7px;animation:splash-logo-in .75s .12s both}.splash-wordmark>span{color:var(--app-primary)}.splash>p{font-size:11px;color:#927b5f;text-align:center;margin-top:14px;line-height:1.8}.splash-progress{width:86px;height:3px;border-radius:10px;background:#ece2d0;overflow:hidden;margin-top:32px}.splash-progress i{display:block;background:var(--app-primary);height:100%;width:60%;animation:progress-slide 1.2s ease-in-out infinite}.splash>small{font-size:9px;color:#ad9a82;margin-top:12px}.initial-loading{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:12px}.screen-loading{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:12px;color:#9a8367}.spin{animation:spin 1s linear infinite;display:inline-block}.connection-screen{padding:30px 26px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:21px}.connection-screen>.app-wordmark{margin-bottom:24px}.connection-screen>svg{color:#a6b18a}.connection-screen h1{font-size:25px;line-height:1.4;margin:0}.connection-screen p{font-size:12px;color:var(--app-muted);line-height:1.7}.offline-banner,.demo-banner{background:#f8e4d1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:9px;line-height:1.6;flex-shrink:0;min-width:0;color:#a97443}.demo-banner{background:#e7eddb;color:#6e8058;justify-content:space-between}.demo-banner button{border:0;background:#fffdf8;padding:5px 7px;border-radius:7px;font-size:8px;color:inherit}.demo-roles{padding:15px 0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.demo-roles>span{width:100%;text-align:center;font-size:10px;color:#9c8b70}.demo-roles>button{background:#f4e5d2;border:1px solid #dfc9ae;border-radius:9px;font-size:10px;padding:9px 11px;color:#9b6c43}.native-empty{padding:43px 16px;text-align:center;color:#a0927a}.native-empty>svg{margin:0 auto 17px;color:#b4bf9f}.native-empty h3{font-size:17px;line-height:1.6;margin-bottom:17px}.native-empty>button:not(.app-primary){border:0;background:#e8eddb;color:#728759;border-radius:12px;padding:13px 20px}.native-cart-lines{display:grid;gap:12px}.native-cart-lines>article{display:flex;align-items:center;gap:12px;background:#fffdfa;border:1px solid var(--app-line);border-radius:18px;padding:14px 12px;min-width:0}.native-cart-lines>article>img{object-fit:contain;flex-shrink:0;background:#f4f1e7;border-radius:12px;width:62px;height:65px}.native-cart-lines>article>div{flex:1;min-width:0}.native-cart-lines h3{font-size:13px;line-height:1.5;margin-bottom:5px;overflow-wrap:anywhere}.native-cart-lines p{font-size:9px;color:#9b8d75;margin-bottom:10px}.native-quantity{display:inline-flex;align-items:center;gap:12px;background:#f1ebde;border-radius:10px;padding:3px}.native-quantity button{display:grid;place-items:center;background:none;border:0;width:27px;height:26px;color:#85705b}.native-quantity strong{font-size:11px}.remove-cart{align-self:start;width:28px;height:30px;display:grid;place-items:center;color:#baa181;border:0;background:none;padding:0}.basket-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.basket-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;font-size:10px;border:1px solid var(--app-line);background:var(--app-green);color:#728459;border-radius:14px;min-width:0}.basket-total{display:flex;align-items:center;justify-content:space-between;padding:22px 0 12px}.basket-total span{font-size:12px;color:#948067}.basket-total strong{font-size:23px}.basket-note{font-size:10px;color:#9f8d73;line-height:1.9;margin-bottom:22px}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.management-grid button{display:flex;flex-direction:column;text-align:left;align-items:start;gap:13px;padding:17px;border:1px solid var(--app-line);background:#fffdfa;border-radius:19px;min-width:0}.management-grid button>span{color:#8ba176;background:#edf1e4;padding:9px;border-radius:12px;display:flex}.management-grid strong{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.desktop-note{position:fixed;left:calc(50% - 445px);top:27%;color:#a2947c;max-width:175px;pointer-events:none}.desktop-note>span{display:block;font-weight:800;font-size:30px;letter-spacing:-1.5px;color:#a08e73;margin-bottom:18px}.desktop-note>p{font-size:17px;line-height:1.7;color:#9a856b;margin-bottom:20px}.desktop-note small{font-size:10px;line-height:1.9;color:#b7a58d}.desktop-note>i{font-size:62px;font-style:normal;color:#b8c2a4;display:block;margin-top:28px;transform:rotate(12deg)}
/* The same operational forms, constrained to a phone-sized shell. */
.legacy-screen{padding:18px 20px 20px}.legacy-screen *,#modal-content *{min-width:0}.app-legacy{display:block}.app-module-select{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#9f8b6d;margin:0 0 23px}.app-module-select select{background:#eaeede;color:#667b4f;border:1px solid #dbe2cb;font-size:16px;border-radius:13px;padding:12px;width:100%}.app-legacy-content>.panel-title,.legacy-screen .panel-title{margin:0 0 19px;display:block}.legacy-screen .panel-title h2{font-size:24px;line-height:1.3;letter-spacing:-.7px}.legacy-screen .panel-title>p,.legacy-screen .panel-title p{font-size:11px;line-height:1.7}.legacy-screen .panel-title>.btn{margin-top:12px}.legacy-screen .container{padding:0;max-width:100%;width:100%}.legacy-screen .section,.legacy-screen .section-tight{padding:17px 0}.legacy-screen .panel-card,.legacy-screen .form-card{border:1px solid var(--app-line);background:#fffdf8;border-radius:21px;padding:18px;margin-bottom:15px;box-shadow:none}.legacy-screen .panel-card h3{font-size:17px;line-height:1.5}.legacy-screen .panel-card p{font-size:12px;line-height:1.8}.legacy-screen .grid2,.legacy-screen .split-page,.legacy-screen .ops-card-grid,.legacy-screen .steps,.legacy-screen .delivery-calendar,.legacy-screen .legal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.legacy-screen .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.legacy-screen .stat{border-radius:17px;padding:15px;min-width:0}.legacy-screen .stat small{font-size:9px;line-height:1.7}.legacy-screen .stat strong{font-size:23px}.legacy-screen .actions{gap:8px;margin-top:14px;flex-wrap:wrap}.legacy-screen .btn,#modal .btn{border-radius:13px;font-size:12px;line-height:1.7;padding:11px 14px;min-height:42px;white-space:normal;text-align:center;justify-content:center}.legacy-screen .btn.small{font-size:10px;padding:9px 11px;min-height:36px}.legacy-screen .table-wrap{width:100%;max-width:100%;border:1px solid var(--app-line);border-radius:15px;overflow-x:auto;overscroll-behavior-x:contain;max-height:65dvh;overflow-y:auto}.legacy-screen table{font-size:11px;min-width:540px}.legacy-screen th{font-size:9px}.legacy-screen td{padding:12px}.legacy-screen table .btn{font-size:10px;min-height:34px;padding:6px 10px}.legacy-screen .ops-filters{grid-template-columns:minmax(0,1fr);gap:10px;padding:13px;background:#f0ebdf;border-radius:16px;margin-bottom:19px}.legacy-screen .ops-filters label{font-size:10px}.legacy-screen .ops-filters select,.legacy-screen .ops-filters input,.legacy-screen input,.legacy-screen textarea,.legacy-screen select,#modal input,#modal textarea,#modal select{font-size:16px;border:1px solid #e8ddcb;border-radius:13px;min-height:45px;background:#fffdfa;max-width:100%;box-shadow:none}.legacy-screen input[type=checkbox],#modal input[type=checkbox]{min-height:18px;width:18px;height:18px;border-radius:4px;flex-shrink:0;accent-color:var(--app-primary)}.legacy-screen label,#modal label{font-size:11px;line-height:1.7}.legacy-screen .form-grid,#modal .form-grid{grid-template-columns:minmax(0,1fr);gap:15px}.legacy-screen .form-grid .full,#modal .form-grid .full{grid-column:auto}.legacy-screen .form-hint,#modal .form-hint{font-size:10px;line-height:1.9}.legacy-screen .campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-screen .empty{padding:28px 12px;border-radius:20px}.legacy-screen .empty h3{font-size:19px}.legacy-screen .empty p{font-size:11px}.legacy-screen .job-card{display:block;border-radius:18px;padding:19px}.legacy-screen .job-card h3{font-size:19px}.legacy-screen .hero,.legacy-screen .hero-grid{display:block}.app-page-title h1{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:8px 0 13px}.app-page-title p{font-size:12px;line-height:1.9;margin-bottom:20px}.app-page-title .eyebrow{font-size:8px}.legacy-screen .legal-toc{position:static;max-height:200px;overflow:auto;padding:10px;border-radius:12px}.legacy-screen .legal-content{padding:17px;border:1px solid var(--app-line);border-radius:17px}.legacy-screen .legal-content h3{font-size:17px}.legacy-screen .legal-content p{font-size:12px;line-height:2}.legacy-screen .wallet-card h2{font-size:33px}.legacy-screen .wallet-card{border-radius:22px;padding:23px}.legacy-screen .next-delivery{display:block}.legacy-screen .next-delivery>img{display:none}.legacy-screen .readiness-card li{display:flex;flex-wrap:wrap;gap:8px}.legacy-screen .readiness-card li>span{font-size:11px}.legacy-screen .form-card>h3{font-size:22px}.legacy-screen .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legacy-screen .product-art{height:130px;padding:14px}.legacy-screen .product h3{font-size:14px}.legacy-screen .product .price{font-size:15px}.legacy-screen .product .add-btn{width:32px;height:32px}.legacy-screen .product .favorite-btn{font-size:9px;padding:6px 8px;min-height:33px}.legacy-screen .courier-toolbar{padding:16px;gap:8px}.legacy-screen .courier-stop .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.legacy-screen .data-detail{grid-template-columns:minmax(0,1fr)}
#modal{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);margin:0;width:100%;max-width:var(--app-frame);max-height:94dvh;background:#fff8ee;border:1px solid #eee4d5;border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -15px 70px #40322718;overflow:auto;overscroll-behavior:contain;padding:0 0 env(safe-area-inset-bottom)}#modal[open]{animation:sheet-in .3s cubic-bezier(.22,1,.36,1) both}#modal::backdrop{background:#40322758;backdrop-filter:blur(5px)}#modal:before{content:'';width:40px;height:4px;border-radius:10px;background:#d9cbbb;display:block;position:sticky;top:11px;margin:12px auto 0;z-index:3}#modal>.dialog-close{position:sticky;float:right;top:9px;right:auto;margin:0 13px 0 0;width:35px;height:35px;border-radius:50%;background:#f0e6d7;color:#8c7559;border:0;font-size:22px;z-index:4;display:grid;place-items:center}#modal-content{padding:29px 24px 24px}#modal-content>.dialog-title{font-size:27px;line-height:1.32;letter-spacing:-.8px;margin:0 0 15px}#modal-content .dialog-intro{font-size:12px;line-height:1.9;margin-bottom:23px}#modal .dialog-tabs{gap:10px}#modal .form-dialog{width:100%}#modal .plan-item-grid{grid-template-columns:minmax(0,1fr)}#modal .plan-item input{width:65px;min-width:65px;padding:8px;text-align:center}#modal .plan-item small{font-size:10px}#modal .plan-item>span{font-size:12px}#modal .plan-products>span{font-size:11px}#modal .day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#modal .day-grid label{font-size:11px;min-height:41px}#modal .day-picker{gap:11px;padding:13px}#modal .ticket-thread{max-height:40dvh;padding:0}#modal .ticket-message{padding:14px;max-width:95%}#modal .ticket-message p{font-size:12px}#modal .ticket-message small{font-size:10px}#modal .data-detail{grid-template-columns:minmax(0,1fr)}#modal .form-section-title{font-size:18px;line-height:1.5}#modal .location-search input{font-size:16px}#modal .location-panel{border:0;padding:0;border-radius:0}#modal .location-submit{width:38px;height:38px}#modal .cart-line{gap:9px;padding:12px 0}#modal .cart-line>img{width:47px;height:47px}#modal .line-info h4{font-size:12px}#modal .qty{gap:9px}#modal .qty button{width:28px;height:28px}#modal .section{padding:15px 0}#modal .container{padding:0}#modal .legal-layout{display:block}#modal .legal-toc{position:static;max-height:130px;overflow-y:auto;margin-bottom:14px}#modal .legal-content{padding:13px;border-radius:14px}#modal .legal-content p{font-size:12px;line-height:2}#modal .legal-content h3{font-size:17px;line-height:1.6}#modal .legal-meta{flex-wrap:wrap}#modal .ops-card-grid,#modal .stats{grid-template-columns:repeat(2,minmax(0,1fr))}#modal .gps-card{align-items:start}#modal video{max-height:65dvh}.app-frame #cookie-banner:empty{display:none}.app-frame #cookie-banner .cookie-card{position:fixed;left:50%;right:auto;bottom:calc(var(--app-nav) + 25px);width:calc(100% - 24px);max-width:436px;transform:translateX(-50%);background:#fff8ee;border:1px solid #ead9c4;border-radius:18px;padding:15px;display:block;box-shadow:0 8px 30px #40322718;z-index:40}.cookie-card h4{font-size:12px}.cookie-card p{font-size:10px;line-height:1.8}.cookie-card .cookie-actions{gap:7px;margin-top:10px;display:flex;justify-content:flex-end;flex-wrap:wrap}.cookie-card .btn{font-size:9px;min-height:32px;border-radius:9px;padding:7px 9px}.app-frame:has(#cookie-banner:not(:empty)) .app-scroll{padding-bottom:200px}#toasts{position:fixed;left:50%;bottom:calc(var(--app-nav) + 34px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 28px);max-width:422px;z-index:1000;pointer-events:none;display:grid;gap:8px}#toasts .toast{position:relative;inset:auto;transform:none;opacity:1;background:#403227;color:#fff8ee;font-size:12px;line-height:1.7;border-radius:16px;padding:13px 16px;animation:toast-in .25s ease both;box-shadow:0 5px 20px #40322722}#toasts .toast.error{background:#945438}.app-frame:has(dialog[open]) #toasts{z-index:1001}
@keyframes app-screen-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes splash-logo-in{from{opacity:0;transform:translateY(12px) scale(.93)}to{opacity:1;transform:none}}@keyframes progress-slide{from{transform:translateX(-110%)}to{transform:translateX(170%)}}@keyframes sheet-in{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.desktop-note{display:none}}@media(max-width:700px){body{background:var(--app-cream)}.app-frame{max-width:100%;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:none}#modal{max-width:100%}#toasts{max-width:calc(100% - 28px)}.app-frame #cookie-banner .cookie-card{max-width:calc(100% - 24px);bottom:calc(var(--app-nav) + 12px + env(safe-area-inset-bottom))}.app-scroll{padding-bottom:25px}}@media(min-width:701px){#modal{bottom:20px;max-height:calc(94dvh - 20px)}.auth-shell .app-header{display:none}}@media(max-width:370px){.native-screen{padding:20px 16px 15px}.app-header{padding-left:15px;padding-right:15px}.auth-screen{padding:22px 20px}.auth-screen>h1{font-size:26px}.auth-illustration{height:168px;margin-bottom:19px}.auth-illustration>img{width:240px;height:160px}.home-screen h1{font-size:26px}.app-hero{min-height:172px;padding:18px}.app-hero h2{font-size:21px}.app-hero>img{width:175px;right:-27px;height:160px}.app-hero button{font-size:9px;padding:9px 10px}.app-products-grid{gap:10px}.app-product-art{height:125px;padding:14px 8px}.app-product-info{padding:10px}.app-product h3{font-size:12px}.app-product-bottom strong{font-size:12px}.app-product-bottom button{width:32px;height:32px}.app-favorite{width:33px;height:33px;right:5px;top:5px}.app-bottom-nav small{font-size:8px}.header-location strong{max-width:170px;font-size:11px}.quick-actions button{font-size:10px;padding:10px}.quick-main small{font-size:8px}.legacy-screen{padding:17px 15px}.legacy-screen .panel-card,.legacy-screen .form-card{padding:16px}.legacy-screen .stat strong{font-size:21px}#modal-content{padding:29px 20px 21px}#modal-content>.dialog-title{font-size:25px}.profile-metrics strong{font-size:18px}.profile-metrics>div:last-child strong{font-size:13px}.auth-role-hint{font-size:9px}.section-title h2{font-size:18px}}@media(max-height:600px){.auth-illustration{height:136px;margin-bottom:14px}.auth-illustration>img{height:135px;width:200px}.auth-screen{padding-top:18px}.auth-screen>h1{font-size:25px}.auth-intro{margin-bottom:14px}.auth-delivery-label{font-size:7px}.splash{min-height:260px}.splash-logo{width:77px;height:77px}.splash-wordmark{font-size:38px}.app-bottom-nav{height:calc(69px + env(safe-area-inset-bottom))}#modal{max-height:95dvh}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{html,body{height:auto!important;overflow:visible!important;background:white!important}.desktop-note,.app-header,.app-bottom-nav,.demo-banner,.offline-banner,#cookie-banner,#toasts{display:none!important}.app-frame{height:auto!important;max-height:none!important;max-width:100%!important;box-shadow:none!important;margin:0!important;border-radius:0!important}.app-scroll{overflow:visible!important}.app-react-shell{height:auto!important}body:has(#modal.order-summary-print[open]) #app-root{display:none!important}#modal.order-summary-print[open]{position:static!important;inset:auto!important;transform:none!important;translate:none!important;border:0!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important}#modal.order-summary-print:before,#modal.order-summary-print>.dialog-close{display:none!important}}

.app-wordmark,.splash-wordmark,.desktop-note>span,h1,h2,h3{font-family:Poppins,Sabatly,system-ui,sans-serif}

.live-status{display:flex;gap:5px;align-items:center;justify-content:flex-end;padding:5px 20px;background:#edf0e4;color:#8a9876;font-size:8px;flex-shrink:0}.live-status:before{content:"";height:5px;width:5px;border-radius:50%;background:#95ab7d}
/* Keep visible actions comfortable to tap, including the smallest phone. */
.auth-role-chips button,.category-chips button,.header-icon,.header-back>button{min-height:44px;min-width:44px}
.app-product-bottom button,.app-favorite,.native-quantity button{width:44px;height:44px;min-width:44px;min-height:44px}
.legacy-screen .btn.small,.legacy-screen table .btn,#modal .btn.small{min-height:44px}
#modal>.dialog-close{width:44px;height:44px;min-width:44px;min-height:44px}
.app-frame #cookie-banner .cookie-actions .btn{min-height:44px;font-size:11px}
@media(max-width:370px){.app-product h3{font-size:14px}.app-bottom-nav small{font-size:10px}}

:root{--app-cream:#f7f9fc;--app-ink:#182632;--app-muted:#73808e;--app-line:#e9edf3;--app-green:#e9f4ed;--app-soft:#f2f5f9;--app-success:#2d8b64;--app-danger:#bf4b51;--app-nav:92px}
body{background:#e9edf3;background-image:radial-gradient(ellipse at 12% 12%,#e1f2eb 0,transparent 42%),radial-gradient(ellipse at 88% 86%,#ffeadf 0,transparent 38%);color:var(--app-ink)}
.app-frame{background:linear-gradient(150deg,#fff 0%,#f7f9fc 58%,#f0f5f5 100%);border-radius:24px;box-shadow:0 28px 90px #26394d19,0 0 0 1px #ffffffaa}
.app-frame::before{content:'';position:absolute;pointer-events:none;width:240px;height:240px;border-radius:50%;right:-135px;top:30%;background:#d8f1e769;filter:blur(36px);z-index:0}.app-react-shell{position:relative;z-index:1}.app-scroll{padding-bottom:124px}
.app-header{background:#ffffffb5!important;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);border-bottom:1px solid #ffffffef!important;padding:15px 22px 12px!important;box-shadow:0 7px 30px #253c5b04;gap:10px}.header-location .location-icon{background:#fff2eb;color:var(--app-primary);border-radius:16px;width:44px;height:44px}.header-location small{font-size:11px;color:#8a94a1}.header-location strong{font-size:13px;color:var(--app-ink);max-width:220px}.header-icon{background:#ffffffb3;border:1px solid #fff;border-radius:16px;box-shadow:0 5px 16px #26394d07}.app-wordmark{color:var(--app-ink);font-size:23px}.header-back>button{background:#fff;border:1px solid var(--app-line);border-radius:16px}
.live-status{font-size:10px;background:none;color:#8b96a1;padding:6px 23px 0;text-align:right;flex-shrink:0}.native-screen{padding:20px 22px 28px}.native-screen h1{font-family:Poppins,system-ui;font-size:27px;line-height:1.25;letter-spacing:-.8px;color:#1b2a38}.greeting{color:#87929d;font-size:12px;margin:0 0 8px}.greeting span{font-size:16px}.home-intro{font-size:13px;color:#8a96a0;margin-bottom:19px}
.home-search,.app-search{background:#fff;border:1px solid #e9edf3;box-shadow:0 5px 20px #30476307;border-radius:18px;min-height:53px}.home-search{color:#8c99a5;text-align:left;padding:15px 18px;width:100%;display:flex;justify-content:space-between}.home-search svg{color:#1d2a35}.app-search input{background:transparent}.app-hero{position:relative;margin-top:20px;min-height:177px;border-radius:24px;background:linear-gradient(130deg,#e3f3eb,#f1f9f6);border:1px solid #ffffffbd;box-shadow:0 12px 30px #408c640d,0 1px 0 #fff inset;overflow:hidden;padding:20px}.app-hero h2{font-size:23px;line-height:1.2;color:#264b40;max-width:175px;margin-top:10px}.app-hero h2 span{display:none}.hero-kicker{font-size:8px;letter-spacing:1.3px;color:#5a8976}.app-hero button{background:#fff9;border:1px solid #ffffffdf;color:#2a6551;border-radius:16px;box-shadow:0 4px 12px #35795a08;min-height:44px;font-size:11px}.app-hero>img{width:180px;height:166px;right:-8px;bottom:0;object-fit:contain;filter:drop-shadow(0 12px 10px #294e3e11)}
.quick-actions{margin-top:15px;gap:11px;grid-template-columns:1.45fr 1fr}.quick-actions button{border-radius:20px;min-height:78px;padding:15px;font-size:12px;box-shadow:0 6px 18px #243a4f06}.quick-main{background:linear-gradient(125deg,#ee6b32,#f48550);color:#fff;border:1px solid #ff945e!important}.quick-main>svg:first-child{padding:0}.quick-main small{color:#fff9;font-size:9px}.quick-soft{background:#ffffffb3;border:1px solid #fff;color:#3d6570;backdrop-filter:blur(20px)}
.section-title{margin-top:27px;margin-bottom:15px}.section-title h2{font-family:Poppins;font-size:19px;font-weight:700;color:#223340}.section-title>button{font-size:11px;color:#ee6b32;font-weight:700}.app-example{font-size:10px;color:#9ca5ae;margin-top:-5px;margin-bottom:12px}
.app-products-grid{gap:13px}.app-product{border:1px solid #fff;border-radius:22px;background:#ffffffbf;box-shadow:0 10px 27px #273c5208,0 1px 0 #fff inset;backdrop-filter:blur(18px);overflow:hidden;transition:transform .22s,box-shadow .22s}.app-product:hover{box-shadow:0 14px 30px #273c5210;transform:translateY(-2px)}.app-product-art{background:linear-gradient(150deg,#f6f9f8,#eff3f7);height:144px;border:0;padding:15px;display:flex;justify-content:center}.app-product-art>img{filter:drop-shadow(0 8px 7px #1834280c);max-height:125px}.app-favorite{background:#fff9;backdrop-filter:blur(14px);border:1px solid #fff;color:#a1acb5;box-shadow:0 4px 12px #2d4b6110;top:8px;right:8px;border-radius:16px}.app-favorite.selected{background:#fff1eb;color:#ee6b32}.app-product-info{padding:12px 13px 14px}.app-product-info>span{font-size:9px;color:#93a0aa}.app-product h3{font-size:14px;line-height:1.4;color:#23343f;margin:4px 0 5px}.app-product-info>p{color:#95a1ac;font-size:11px}.app-product-bottom{margin-top:11px;gap:5px}.app-product-bottom strong{font-family:Poppins;font-size:15px;color:#172f3d}.app-product-bottom button{background:#eef6f2;border:1px solid #dcefe4;color:#368261;border-radius:16px;font-weight:700}
.next-order,.readiness-native,.bonus-promo,.profile-card,.profile-address,.profile-list,.basket-actions>button,.management-grid button{background:#ffffffb8;border:1px solid #fff;border-radius:22px;box-shadow:0 10px 30px #2a40580a,0 1px 0 #fff inset;backdrop-filter:blur(22px)}.next-order{margin:20px 0 7px}.next-order h3{font-size:22px;color:#243b49}.next-order .eyebrow{color:#779285;letter-spacing:.8px}.next-order>button{color:#ee6b32;border:1px solid #f9e8df;background:#fff8;min-height:44px;border-radius:16px}.readiness-native{padding:17px;margin-top:18px}.readiness-native button{color:#ee6b32;min-height:44px}.home-mini-tools{margin-top:20px;gap:10px}.home-mini-tools button{border:1px solid #fff;background:#ffffffad;box-shadow:0 5px 15px #27425906;border-radius:18px;color:#59766b;font-size:10px;min-height:80px}.bonus-promo{margin-top:22px;background:linear-gradient(140deg,#fff1eaa6,#ffffffbf);color:#ab613e}.bonus-promo p{font-family:Poppins;font-size:18px;color:#663f2b}
.app-bottom-nav{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;width:calc(100% - 32px);height:76px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;border-radius:24px;border:1px solid #fff;background:#ffffffc7;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 12px 38px #26394d19,0 2px 4px #ffffff88 inset;z-index:20}.app-bottom-nav>button{border-radius:18px;gap:5px;color:#9aa5ad;min-width:0;padding:7px 2px}.app-bottom-nav>button.selected{background:#fff0e7;color:#ee6b32}.app-bottom-nav .nav-icon{background:none!important;box-shadow:none!important;transform:none!important;border-radius:16px;width:38px;height:31px;margin:0 auto}.app-bottom-nav>button.central .nav-icon{background:linear-gradient(145deg,#ee6b32,#f68a58)!important;color:#fff;box-shadow:0 4px 12px #ee6b3228!important;min-height:33px;width:43px}.app-bottom-nav small{font-size:10px;font-weight:700;color:inherit}.app-bottom-nav .nav-icon b{border:2px solid #fff}
.auth-screen{padding:25px 25px 35px}.auth-heading{margin-bottom:18px}.auth-illustration{height:190px;background:radial-gradient(ellipse,#eef7f1 0%,#fff4ed99 45%,transparent 75%);border-radius:24px;margin:3px 0 15px}.auth-illustration>img{height:183px;width:235px;filter:drop-shadow(0 18px 16px #2943310f)}.auth-leaf{color:#8eb299;font-size:35px}.auth-delivery-label{background:#ffffffa6;border:1px solid #fff;backdrop-filter:blur(20px);box-shadow:0 5px 20px #213d4b0d;border-radius:16px;padding:10px 12px;color:#5c7e6c;font-size:9px}.auth-screen>h1{font-size:29px;letter-spacing:-1px;color:#22343f}.auth-intro{font-size:13px;color:#87959f}.auth-segment{background:#edf2f6;border:1px solid #e7edf2;border-radius:20px;padding:5px;box-shadow:0 1px 3px #2a405806 inset}.auth-segment>button{min-height:45px;border-radius:16px;color:#94a0aa}.auth-segment>button[aria-pressed=true]{background:#fff;color:#253845;box-shadow:0 4px 12px #1b344b0c}.auth-role-chips{gap:8px;margin:17px 0}.auth-role-chips button{font-size:11px;border-radius:16px;background:#ffffffa0;border:1px solid #e6edf2;color:#a0abb4}.auth-role-chips button[aria-pressed=true]{background:#eaf4ef;border-color:#d8e9e0;color:#54816a}.auth-field>span{font-size:12px;color:#61727f}.auth-field input,.auth-password{background:#fff;border:1px solid #e4eaf0;border-radius:18px;min-height:52px;box-shadow:0 4px 12px #203e5503}.auth-password input{border:0;background:transparent;box-shadow:none}.app-primary{min-height:53px;border-radius:18px;background:linear-gradient(115deg,#ee6b32,#f2824e);box-shadow:0 10px 22px #ee6b3221;font-size:14px}.install-button{border:1px solid #fff;background:#ffffffb5;backdrop-filter:blur(24px);box-shadow:0 8px 25px #314f6709;border-radius:20px;color:#556e7c}.install-button strong{font-size:12px}.install-button small{font-size:10px;color:#92a0a8}.auth-otp{border:1px solid #e7edf2;background:#f5f8fb;border-radius:16px}.language-pill{background:#ffffffa0;border:1px solid #edf1f4;border-radius:16px}
.profile-card{padding:24px;margin:19px 0}.profile-avatar{background:linear-gradient(145deg,#eef6f1,#e0ece8);color:#6c967e;border:1px solid #fff;box-shadow:0 7px 20px #3e79520f}.profile-card>button{background:#f1f6f4;color:#4e7e67;border-radius:16px;min-height:44px}.profile-metrics{margin:17px 0}.profile-metrics>div{background:#ffffff9c;border:1px solid #fff;border-radius:20px;padding:17px 7px;box-shadow:0 5px 18px #244a6607}.profile-metrics strong{font-family:Poppins;color:#304858}.profile-list{overflow:hidden}.profile-list>button{border:0;border-bottom:1px solid #ecf1f5;min-height:61px;color:#5e7481}.profile-address{color:#5e7e6f;padding:17px}.language-setting{padding:14px 2px}.logout-button{background:#fff4f2;border:1px solid #f9e5e1;color:#b57268;border-radius:18px;min-height:50px;font-size:13px}.native-cart-lines>article{background:#ffffffd0;border:1px solid #fff;padding:16px;border-radius:22px;margin-bottom:12px;box-shadow:0 7px 23px #253c5107}.native-cart-lines h3{font-family:Poppins;font-size:14px;color:#233b49}.native-quantity button{background:#edf4f1;border-radius:16px;border:1px solid #e0ebe5;color:#52856d}.basket-total strong{font-family:Poppins}.basket-actions>button{border-radius:18px;color:#638476;font-size:12px}.management-grid button>span{background:#edf5f1;color:#719985;border-radius:16px}.management-grid strong{font-size:13px;color:#536f7c}
.legacy-screen .panel-card,.legacy-screen .form-card,.legacy-screen .stat{background:#ffffffb0;border:1px solid #fff;border-radius:22px;box-shadow:0 9px 27px #29476409;backdrop-filter:blur(18px)}.legacy-screen .app-module-select select{background:#ffffffb3;border:1px solid #e3eaf0;color:#607888;border-radius:18px}.legacy-screen .ops-filters{background:#edf3f5;border:1px solid #fff;border-radius:20px}.legacy-screen input,.legacy-screen select,.legacy-screen textarea,#modal input,#modal select,#modal textarea{border:1px solid #e0e8ee;border-radius:16px;background:#ffffffc9;min-height:49px}.legacy-screen .btn,#modal .btn{border-radius:16px}.legacy-screen .wallet-card{border-radius:24px;background:linear-gradient(140deg,#e8f4ed,#f5faf8);color:#376d56}.app-page-title h1{font-family:Poppins;color:#243a48;font-size:26px}.legacy-screen .panel-title h2{color:#243a48}.legacy-screen .courier-toolbar{background:#ffffffb5;border:1px solid #fff;border-radius:20px;box-shadow:0 9px 25px #2a455f08}
#modal{border-radius:24px 24px 0 0;background:#ffffffdc;border:1px solid #fff;box-shadow:0 -18px 75px #243a5226,0 2px 0 #fff inset;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}#modal::backdrop{background:#24364b4a;backdrop-filter:blur(8px)}#modal:before{background:#ced9e2}#modal>.dialog-close{background:#f1f5f8c9;border:1px solid #fff;border-radius:16px;color:#7a919e}#modal-content>.dialog-title{font-family:Poppins;color:#273e4b;font-size:25px}#modal-content .dialog-intro{color:#8495a2}.app-frame #cookie-banner .cookie-card{background:#ffffffe0;border:1px solid #fff;border-radius:22px;backdrop-filter:blur(26px);box-shadow:0 14px 35px #28455e16;color:#546b79}#toasts .toast{background:#263e50e8;border:1px solid #ffffff24;backdrop-filter:blur(22px);border-radius:18px;box-shadow:0 10px 30px #263e5020}.desktop-note{color:#96a9b7}.desktop-note>span{color:#728b99}.desktop-note>p{color:#869ba6}.desktop-note small{color:#a0b0b8}.desktop-note>i{color:#bad6c6}.splash{background:radial-gradient(ellipse at 60% 40%,#eaf4ef,transparent 62%)}.splash-logo{border-radius:24px;background:#fff;border:1px solid #fff;box-shadow:0 12px 35px #40634f13}.splash-wordmark{color:#274150}.splash-progress{background:#f0e7df}.splash-progress i{background:#ee6b32}.demo-banner{background:#f3f7fa;color:#91a0aa;font-size:10px;padding:7px 15px;border-bottom:1px solid #eaf0f4}.demo-banner button{font-size:10px;color:#8296a4}
html[data-sabatly-embedded] .desktop-note,html[data-sabatly-embedded] .app-header,html[data-sabatly-embedded] .app-bottom-nav,html[data-sabatly-embedded] .live-status{display:none!important}html[data-sabatly-embedded] .app-frame{width:100%;max-width:none;height:100dvh;margin:0;border-radius:0;box-shadow:none}html[data-sabatly-embedded] .app-scroll{padding-bottom:25px}html[data-sabatly-embedded] #modal{max-width:100%;bottom:0}
@media(max-width:700px){body{background:#f7f9fc}.app-frame{border-radius:0;box-shadow:none}.app-scroll{padding-bottom:calc(116px + env(safe-area-inset-bottom))}.app-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom))}.app-header{padding-top:calc(13px + env(safe-area-inset-top))!important}}
@media(max-width:370px){.native-screen{padding:20px 16px 25px}.app-header{padding-left:16px!important;padding-right:16px!important}.app-bottom-nav{left:10px;width:calc(100% - 20px);padding:5px}.app-bottom-nav small{font-size:9px}.home-screen h1{font-size:25px}.app-hero{padding:18px;min-height:170px}.app-hero h2{font-size:21px;max-width:150px}.app-hero>img{width:156px;right:-15px;height:155px}.app-product-art{height:130px;padding:13px}.app-product-info{padding:11px}.app-product-bottom strong{font-size:13px}.auth-screen{padding:22px 20px 32px}.auth-screen>h1{font-size:26px}.auth-illustration{height:163px}.auth-illustration>img{height:156px;width:203px}}
@supports not (backdrop-filter:blur(1px)){.app-bottom-nav,#modal,.app-product,.install-button,.profile-card,.legacy-screen .panel-card{background:#fff}}