@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172321;background:#f4f1ea;font-synthesis:none;--ink: #172321;--muted: #687570;--forest: #112c2a;--forest-2: #1d4540;--cream: #f4f1ea;--paper: #fffefb;--line: #dddcd3;--amber: #d88c1f;--amber-bg: #fff3d5;--red: #bf4a37;--red-bg: #ffebe5;--green: #258260;--green-bg: #e4f5ec;--shadow: 0 18px 50px rgba(21, 39, 36, .09)}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,.brand{font-family:Manrope,sans-serif}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-size:.86em;background:#e9e7df;padding:2px 6px;border-radius:5px;word-break:break-all}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:248px;padding:24px 16px;color:#edf4f1;background:var(--forest);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800}.sidebar>.brand{padding:0 10px 30px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f5b942;color:var(--forest);box-shadow:inset 0 -3px #00000014}.brand-mark svg{width:21px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{position:relative;border:0;background:transparent;color:#a9bbb5;padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:13px;text-align:left;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff17;color:#fff}.sidebar nav svg{width:20px}.sidebar nav em,.bottom-nav em{margin-left:auto;background:#e85c44;color:#fff;font-style:normal;font-size:11px;line-height:19px;min-width:19px;padding:0 5px;border-radius:10px;text-align:center}.sidebar-foot{margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:36px 1fr 32px;gap:9px;align-items:center;min-width:0}.sidebar-foot div:nth-child(2){min-width:0}.sidebar-foot strong,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot strong{font-size:13px}.sidebar-foot small{color:#93a7a0;font-size:11px;margin-top:2px}.user-avatar{width:36px;height:36px;border-radius:50%;background:#e8a63d;color:var(--forest);display:grid;place-items:center;font-weight:800}.user-avatar.large{width:48px;height:48px;font-size:18px}.sidebar .icon-button{color:#a9bbb5}.main-content{min-height:100vh;margin-left:248px}.topbar{min-height:92px;padding:20px clamp(22px,4vw,52px);display:flex;align-items:center;gap:14px;background:#f4f1eae8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(214,212,203,.75)}.topbar h1{margin:1px 0 0;font-size:25px;letter-spacing:-.7px}.eyebrow{margin-bottom:4px;color:#698078;font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.network{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--green)}.network.offline{color:var(--red)}.network svg{width:16px}.icon-button{border:0;background:transparent;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;padding:0}.icon-button:hover{background:#1b332f12}.icon-button svg{width:19px}.menu-button{display:none}.page{padding:24px clamp(22px,4vw,52px) 70px;max-width:1600px;margin:0 auto}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric-grid article{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:19px 20px;box-shadow:0 5px 22px #14232106}.metric-grid span,.metric-grid small{display:block;color:var(--muted)}.metric-grid span{font-size:12px;font-weight:700}.metric-grid strong{display:block;font-size:clamp(27px,3vw,37px);letter-spacing:-1.5px;margin:6px 0 2px}.metric-grid small{font-size:11px}.amber{color:var(--amber)!important}.red{color:var(--red)!important}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 22px #14232106;overflow:hidden}.panel-head{min-height:76px;padding:16px 20px;border-bottom:1px solid #e9e7df;display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h2{margin:0;font-size:18px}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-box{height:38px;min-width:240px;border:1px solid #d8d8d0;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff}.search-box:focus-within{border-color:#497c72;box-shadow:0 0 0 3px #497c721a}.search-box svg{width:16px;color:#84918d}.search-box input{border:0;outline:0;min-width:0;width:100%;color:var(--ink);background:transparent}.filter-button,.secondary-button,.primary-button,.text-button{border-radius:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.filter-button{height:38px;border:1px solid #d8d8d0;background:#fff;padding:0 13px}.filter-button.selected{color:var(--forest);background:#e4eee9;border-color:#8ba99f}.filter-button svg,.primary-button svg,.secondary-button svg{width:17px}.primary-button{min-height:41px;border:0;background:var(--forest);color:#fff;padding:0 16px;box-shadow:0 4px 10px #112c2a2e}.primary-button:hover{background:var(--forest-2)}.primary-button.large{min-height:50px;padding:0 23px;font-size:15px}.secondary-button{min-height:39px;border:1px solid #cfd5d1;background:#fff;padding:0 14px}.secondary-button.small{min-height:33px;font-size:12px;padding:0 10px}.text-button{border:0;background:transparent;color:#3e6e65;padding:9px 10px}.data-table{width:100%}.table-row{width:100%;min-height:68px;padding:10px 20px;border:0;border-bottom:1px solid #efede7;background:transparent;display:grid;grid-template-columns:minmax(260px,2fr) .6fr .6fr .8fr 30px;align-items:center;gap:16px;text-align:left}button.table-row:hover{background:#f8f7f2}.table-row.table-head{min-height:42px;color:#77827e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.primary-cell strong,.primary-cell small{display:block}.primary-cell strong{font-size:13px}.primary-cell small{color:var(--muted);margin-top:3px;font-size:11px}.quantity{font-family:Manrope;font-size:21px;font-weight:800}.table-row>span:last-child svg{width:17px;color:#97a19d}.pill{display:inline-flex;width:fit-content;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pill-good{color:#1c7152;background:var(--green-bg)}.pill-warn{color:#97600b;background:var(--amber-bg)}.pill-bad{color:#a43e2e;background:var(--red-bg)}.pill-neutral{color:#596864;background:#ebefed}.empty-state{min-height:250px;padding:50px 20px;display:grid;place-items:center;align-content:center;text-align:center;color:#87928e}.empty-state h3{color:#42504c;margin:12px 0 4px}.empty-state p{max-width:390px;font-size:13px}.order-list article{min-height:76px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 20px;border-bottom:1px solid #efede7}.order-list article.needs-attention{border-left:3px solid var(--red)}.order-icon,.shop-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;color:#3c6a61;background:#e9f0ec}.order-icon svg,.shop-icon svg{width:18px}.order-main>div{display:flex;align-items:center;gap:9px}.order-main strong,.order-main small{display:block}.order-main strong{font-size:13px}.order-main small{margin-top:5px;color:var(--muted);font-size:11px}.order-status{text-align:right;display:grid;justify-items:end;gap:6px}.order-status strong{font-size:12px}.mapping-hero{margin-bottom:20px;padding:24px 26px;border-radius:16px;color:#fff;background:linear-gradient(125deg,#173b37,#275c51);display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}.mapping-hero:after{content:"";position:absolute;width:230px;height:230px;right:-70px;top:-100px;border:38px solid rgba(245,185,66,.16);border-radius:50%}.mapping-hero>*{position:relative;z-index:1}.mapping-hero h2{margin-bottom:5px}.mapping-hero p:last-child{margin:0;color:#c5d7d1;font-size:13px}.mapping-hero .primary-button{color:var(--forest);background:#f5b942}.mapping-grid{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mapping-grid>button{min-width:0;border:1px solid #e1e0d9;border-radius:13px;background:#fff;padding:16px;text-align:left}.mapping-grid>button:hover{border-color:#83a398;box-shadow:0 8px 22px #1e3e3814;transform:translateY(-1px)}.mapping-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.mapping-card-head>span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.mapping-grid h3{margin:13px 0 3px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-grid p,.mapping-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-grid p{margin:0 0 3px;font-size:12px}.mapping-grid small{display:block;color:var(--muted);font-size:10px}.stock-pair{margin-top:14px;padding-top:12px;border-top:1px solid #efede7;display:flex;justify-content:space-between;gap:8px}.stock-pair span{display:grid;color:var(--muted);font-size:9px;text-transform:uppercase;gap:2px}.stock-pair b{color:var(--ink);font-size:14px}.two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.alert-list article,.job-list article{padding:15px 18px;border-bottom:1px solid #efede7;display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-list article{border-left:3px solid var(--amber)}.alert-list article.severity-error,.alert-list article.severity-critical{border-left-color:var(--red)}.alert-list article>div,.job-list article>div{display:flex;gap:10px;align-items:center;min-width:0}.alert-list svg{width:19px;color:var(--amber);flex:0 0 auto}.severity-error svg,.severity-critical svg{color:var(--red)}.alert-list strong,.alert-list small,.job-list strong,.job-list small{display:block}.alert-list strong,.job-list strong{font-size:12px}.alert-list small,.job-list small{color:var(--muted);font-size:10px;margin-top:3px}.settings-stack{display:grid;gap:18px}.settings-card{padding:20px}.settings-title{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.settings-title>svg{width:22px;color:#3a6b62}.settings-title h2{margin:0 0 3px;font-size:17px}.settings-title p{margin:0;color:var(--muted);font-size:12px}.toggle-list{display:grid;border:1px solid #e5e3dc;border-radius:12px;overflow:hidden}.toggle-list label{min-height:66px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9e7e0}.toggle-list label:last-child{border-bottom:0}.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:13px}.toggle-list small{color:var(--muted);font-size:11px;margin-top:3px}.toggle-list input[type=checkbox]{appearance:none;width:42px;height:24px;background:#cfd4d1;border-radius:20px;position:relative;flex:0 0 auto;transition:.2s}.toggle-list input[type=checkbox]:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 1px 4px #0003;transition:.2s}.toggle-list input:checked{background:var(--green)}.toggle-list input:checked:after{transform:translate(18px)}.toggle-list input:disabled{opacity:.45}.danger-toggle{background:#fff9f7}.danger-toggle input:checked{background:var(--red)}.shop-list{display:grid;gap:10px}.shop-list article{border:1px solid #e1e0d8;border-radius:12px;padding:13px;display:grid;grid-template-columns:42px 1fr 1fr 1fr;gap:12px;align-items:center}.shop-list article>div:not(.shop-icon) span,.shop-list article>div:not(.shop-icon) strong,.shop-list article small{display:block}.shop-list article>div:not(.shop-icon) span{color:var(--muted);font-size:9px;text-transform:uppercase}.shop-list article>div:not(.shop-icon) strong{font-size:11px;margin-top:3px}.shop-list article small{color:var(--muted);font-size:10px;margin-top:2px}.upload-box{min-height:130px;border:1.5px dashed #aebbb6;border-radius:13px;background:#f8faf8;display:grid;place-items:center;align-content:center;text-align:center;position:relative;padding:20px}.upload-box:hover{background:#f0f6f2;border-color:#668e83}.upload-box svg{color:#4b7e73}.upload-box strong,.upload-box small{display:block}.upload-box strong{margin:7px 0 2px}.upload-box small{color:var(--muted)}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-preview{margin-top:12px;border-radius:12px;background:#f2f0e9;padding:14px;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:14px}.import-preview>div strong,.import-preview>div span{display:block}.import-preview>div span{color:var(--muted);font-size:10px}.import-preview>div strong{font-size:12px;margin:2px 0}.account-row{display:flex;align-items:center;gap:11px}.account-row>div:nth-child(2){flex:1}.account-row strong,.account-row small{display:block}.account-row small{color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;z-index:100;inset:0;background:#0b19178a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:min(780px,92vh);overflow:auto;background:var(--paper);border-radius:17px;box-shadow:0 30px 90px #0000003d}.modal-wide{width:min(680px,100%)}.modal>header{height:65px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid #e8e6df;position:sticky;top:0;z-index:2;background:var(--paper)}.modal>header h2{margin:0;font-size:18px}.modal>header button{margin-left:auto}.modal>:not(header){margin-left:20px;margin-right:20px}.modal>:last-child{margin-bottom:20px}.form-stack{padding-top:18px;display:grid;gap:14px}.form-stack label>span{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.form-stack label em{color:var(--muted);font-weight:400}.form-stack input,.form-stack textarea,.recipe-list select,.recipe-list input{width:100%;border:1px solid #d8d7cf;border-radius:9px;outline:0;background:#fff}.form-stack input{height:42px;padding:0 11px}.form-stack textarea{padding:10px 11px;resize:vertical}.form-stack input:focus,.form-stack textarea:focus,.recipe-list select:focus,.recipe-list input:focus{border-color:#4e8176;box-shadow:0 0 0 3px #4e81761a}.current-balance{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;border-radius:10px;color:#fff;background:var(--forest)}.current-balance span{font-size:12px}.current-balance strong{font-size:27px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-grid button{border:1px solid #dcdad3;background:#fff;border-radius:9px;padding:9px 5px;font-size:10px;font-weight:700;display:grid;place-items:center;gap:4px}.mode-grid button svg{width:17px}.mode-grid button.selected{color:#1e5b4e;background:#e6f1ec;border-color:#82a99e}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.callout{margin:16px 0;border-radius:10px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start;color:#355f56;background:#e9f2ee;font-size:12px}.callout svg{width:18px;flex:0 0 auto}.callout.danger{color:#963d30;background:var(--red-bg)}.sku-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:18px}.sku-summary>div{padding:13px;background:#f1efe8;border-radius:10px}.sku-summary span,.sku-summary strong{display:block}.sku-summary span{color:var(--muted);font-size:10px}.sku-summary strong{font-size:22px;margin-top:3px}.detail-code{color:var(--muted);font-size:11px;margin-top:9px}.sku-summary+.detail-code+.primary-button{margin-top:13px}.section-title{display:flex;align-items:center;gap:8px;margin-top:24px}.section-title svg{width:18px;color:#4b776e}.section-title h3{margin:0;font-size:14px}.movement-list{margin-top:10px;border:1px solid #e5e3dc;border-radius:11px;overflow:hidden}.movement-list>div{display:grid;grid-template-columns:48px 1fr 40px;gap:9px;align-items:center;padding:11px;border-bottom:1px solid #eceae3}.movement-list>div:last-child{border-bottom:0}.movement-list strong,.movement-list small{display:block}.movement-list strong{font-size:11px}.movement-list small{color:var(--muted);font-size:9px;margin-top:2px}.movement-list>div>b{text-align:right}.delta{font-weight:800;font-size:14px}.delta.positive{color:var(--green)}.delta.negative{color:var(--red)}.muted{color:var(--muted)}.listing-context{display:flex;gap:11px;align-items:center;padding-top:17px}.listing-context>svg{width:22px;color:#3f7167}.listing-context strong,.listing-context span{display:block}.listing-context span{color:var(--muted);font-size:11px;margin-top:2px}.recipe-list{display:grid;gap:8px;margin-bottom:10px}.recipe-list>div{display:grid;grid-template-columns:1fr 20px 70px 35px;gap:7px;align-items:center}.recipe-list select{height:41px;padding:0 9px;min-width:0}.recipe-list input{height:41px;padding:0 9px}.recipe-list>div>span{text-align:center}.modal .toggle-list{margin-top:18px}.modal .form-actions{margin-top:15px}.center-screen,.setup-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.center-screen{align-content:center;gap:12px;color:var(--muted)}.center-screen p{margin:0}.setup-card{width:min(560px,100%);padding:34px;border-radius:18px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.setup-card .brand-mark{margin-bottom:20px}.setup-card h1{font-size:27px;letter-spacing:-1px}.setup-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;color:#fff;background:var(--forest);overflow:hidden}.login-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(36px,8vw,120px)}.login-copy .brand{margin-bottom:auto}.login-copy .eyebrow{color:#e7a93f;margin-top:auto}.login-copy h1{max-width:650px;font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-3px;margin:14px 0 20px}.login-copy>p:not(.eyebrow){max-width:520px;color:#b6cbc4;font-size:17px;line-height:1.6}.login-copy .primary-button{margin:22px 0 auto;color:var(--forest);background:#f5b942}.login-visual{position:relative;background:#e9e5da;overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%}.login-visual:before{width:520px;height:520px;top:-180px;right:-160px;border:80px solid #f4bb53}.login-visual:after{width:330px;height:330px;left:-120px;bottom:-100px;background:#d66b4c}.stack-card{position:absolute;z-index:2;border-radius:18px;background:#ffffffeb;color:var(--ink);box-shadow:0 30px 70px #1d2f2b2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-a{width:54%;left:16%;top:23%;padding:26px;transform:rotate(-4deg)}.card-a span,.card-a strong,.card-a small{display:block}.card-a span{color:var(--muted)}.card-a strong{font-size:80px;letter-spacing:-5px}.card-a small{text-transform:uppercase;letter-spacing:.13em}.card-b{width:49%;right:11%;top:51%;padding:20px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;transform:rotate(3deg)}.card-b .pill{grid-column:2}.card-c{left:11%;bottom:13%;width:45%;padding:18px;display:grid;grid-template-columns:35px 1fr;gap:6px;align-items:center;transform:rotate(-2deg)}.card-c strong{grid-column:2;font-size:24px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;right:24px;bottom:24px;z-index:200;max-width:min(420px,calc(100vw - 32px));min-height:48px;padding:11px 15px;border-radius:11px;color:#fff;box-shadow:0 12px 35px #0003;display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px}.toast svg{width:18px}.toast-good{background:#236c55}.toast-bad{background:#a94031}.bottom-nav,.scrim{display:none}@media(max-width:1100px){.metric-grid,.mapping-grid{grid-template-columns:repeat(2,1fr)}.two-column,.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-copy{min-height:100vh}}@media(max-width:760px){.sidebar{transform:translate(-105%);transition:transform .2s;box-shadow:25px 0 70px #00000038}.sidebar.sidebar-open{transform:translate(0)}.scrim{display:block;position:fixed;z-index:25;inset:0;border:0;background:#0814126b}.main-content{margin-left:0}.topbar{min-height:76px;padding:13px 16px}.topbar h1{font-size:21px}.menu-button{display:grid}.network{display:none}.page{padding:15px 13px 92px}.bottom-nav{position:fixed;z-index:24;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));height:63px;padding:5px 6px;border:1px solid rgba(255,255,255,.12);border-radius:17px;color:#aebdb8;background:#112c2af7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 12px 38px #112c2a4d}.bottom-nav button{position:relative;border:0;background:transparent;color:inherit;display:grid;place-items:center;align-content:center;gap:2px;font-size:9px;font-weight:700}.bottom-nav button.active{color:#f5b942}.bottom-nav svg{width:19px}.bottom-nav em{position:absolute;top:1px;right:12px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-grid article{padding:14px}.metric-grid strong{font-size:27px}.metric-grid small{font-size:9px}.panel{border-radius:13px}.panel-head{align-items:flex-start;flex-direction:column;padding:14px}.filters,.search-box{width:100%}.search-box{min-width:0}.filter-button{flex:1}.table-row{min-height:72px;padding:11px 13px;grid-template-columns:1fr 48px 24px;gap:8px}.table-row>span:nth-child(3),.table-row>span:nth-child(4){display:none}.table-row.table-head{display:none}.quantity{text-align:right}.order-list article{grid-template-columns:35px 1fr;padding:12px 13px}.order-status{grid-column:2;justify-items:start;display:flex;align-items:center}.order-icon{width:34px;height:34px}.mapping-hero{padding:19px;align-items:flex-start;flex-direction:column}.mapping-hero .primary-button{width:100%}.mapping-grid{grid-template-columns:1fr;padding:10px}.settings-card{padding:15px}.shop-list article{grid-template-columns:40px 1fr}.shop-list article>div:nth-child(n+3){grid-column:2}.import-preview{grid-template-columns:1fr}.import-preview .primary-button{width:100%}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:91vh;border-radius:19px 19px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-wide{width:100%}.mode-grid{grid-template-columns:repeat(2,1fr)}.recipe-list>div{grid-template-columns:1fr 16px 58px 32px}.login-copy{padding:28px 24px}.login-copy h1{font-size:43px;letter-spacing:-2.2px}.login-copy>p:not(.eyebrow){font-size:15px}.login-copy .primary-button{width:100%}.toast{right:16px;left:16px;bottom:83px}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid span{font-size:10px}.metric-grid strong{font-size:24px}.sku-summary{grid-template-columns:1fr 1fr 1fr}.sku-summary>div{padding:10px}}