:root{color:#15151a;font-synthesis:none;--purple:#6847f5;--purple2:#7957ff;--card:#fff;--muted:#7d8392;--line:#ececf1;--green:#149b8b;--red:#e44343;background:#f5f5f8;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fafaff,#f3f3f7);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}main{max-width:720px;min-height:100vh;padding-bottom:calc(100px + env(safe-area-inset-bottom));margin:auto}header{height:66px;padding:env(safe-area-inset-top) 14px 0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7fae6;border-bottom:1px solid #00000008;grid-template-columns:48px 1fr 48px;align-items:center;display:grid;position:sticky;top:0}header>b{text-align:center;font-size:18px}.icon{background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.icon svg{width:22px}.cart-head{position:relative}.cart-head i{background:var(--purple);color:#fff;border-radius:14px;padding:2px 5px;font-size:11px;font-style:normal;position:absolute;top:0;right:1px}.profile{padding:calc(24px + env(safe-area-inset-top)) 20px 25px;align-items:center;gap:13px;display:flex}.profile .logo{color:#fff;background:radial-gradient(circle,#ee3838,#a20606);border:3px solid #ffc83d;border-radius:50%;place-items:center;width:50px;height:50px;font-size:23px;font-weight:900;display:grid}.profile h1{margin:0 0 4px;font-size:19px}.profile p{color:var(--muted);margin:0;font-size:14px}.profile>span{color:#536779;background:#dce8f5;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:auto;font-size:13px;display:grid}.menu,.content{padding:0 16px}.menu{gap:12px;display:grid}.menu-card{background:var(--card);text-align:left;border:0;border-radius:17px;align-items:center;min-height:78px;padding:13px;display:flex;box-shadow:0 8px 30px #25234a0e}.menu-card em{width:48px;height:48px;color:var(--purple);background:#eeeaff;border-radius:13px;place-items:center;font-style:normal;display:grid}.menu-card:nth-child(3n+2) em{color:#c77641;background:#fff0ec}.menu-card:nth-child(3n) em{color:#357bd9;background:#e8f2ff}.menu-card svg{width:28px}.menu-card span{flex-direction:column;gap:4px;margin-left:14px;display:flex}.menu-card b{font-size:16px}.menu-card small{color:var(--muted);font-size:13px}.menu-card i{color:#7b8490;margin-left:auto;font-size:27px;font-style:normal}.search{background:#e9eaf0;border:0;border-radius:13px;outline:none;width:100%;margin:12px 0 16px;padding:14px 16px;font-size:16px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #0000;border-radius:16px;min-height:190px;padding:0 0 14px;position:relative;overflow:hidden;box-shadow:0 6px 20px #1e1d300a}.product-card:active{border-color:var(--purple)}.product-card img,.product-card .placeholder{object-fit:cover;background:#f0f0f4;width:100%;height:126px}.product-card b,.product-card small{margin:10px 14px 0;display:block}.product-card small{color:var(--muted);margin-top:3px}.product-card i{color:var(--purple);font-size:25px;position:absolute;bottom:19px;right:13px}.placeholder{color:#a7aabd;place-items:center;display:grid}.placeholder svg{width:40px}.segments{gap:8px;margin:16px 0;display:flex}.segments button{background:#fff;border:1px solid #dddde5;border-radius:12px;flex:1;padding:13px}.segments button.active{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border-color:#0000}.content h3{margin:20px 5px 10px;font-size:15px}.variant-list{background:#fff;border-radius:17px;overflow:hidden}.variant{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;padding:11px 12px 11px 16px;display:flex}.variant:last-child{border:0}.variant>div:first-child{flex-direction:column;gap:4px;display:flex}.variant small{color:var(--muted)}.variant.muted{opacity:.45}.stepper{align-items:center;gap:3px;display:flex}.stepper button,.stepper strong{border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.stepper button{color:#66718a;background:#edf0f6;font-size:24px}.stepper button:not(:disabled):active{background:var(--purple);color:#fff}.stepper button:disabled{opacity:.4}.stepper strong{font-size:15px}.sticky{z-index:20;bottom:calc(14px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(135deg,#6546f2,#7652ff);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:62px;font-size:16px;font-weight:700;display:flex;position:fixed;left:max(16px,50vw - 344px);right:max(16px,50vw - 344px);box-shadow:0 12px 30px #6847f559}.sticky svg{width:25px}.sticky span{font-size:25px;position:absolute;right:20px}.cart-row{background:#fff;border-radius:16px;grid-template-columns:56px 1fr auto 28px;align-items:center;gap:10px;margin:12px 0;padding:12px;display:grid}.cart-row img,.cart-row .placeholder,.confirm-row img,.confirm-row .placeholder,.stock-card>img,.stock-card>.placeholder{object-fit:cover;background:#f0f0f4;border-radius:10px;width:56px;height:56px}.cart-row>div:nth-child(2),.confirm-row>div{flex-direction:column;gap:3px;display:flex}.cart-row span,.confirm-row span{font-size:13px}.cart-row small,.confirm-row small{color:var(--muted)}.cart-row .stepper button,.cart-row .stepper strong{width:31px;height:34px}.trash{color:var(--red);background:0 0;border:0;padding:3px}.trash svg{width:20px}.wide{border:0;border-radius:13px;width:100%;min-height:52px;margin:10px 0;font-weight:650}.primary{background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;border:0;border-radius:13px;padding:14px 22px}.secondary{color:#222;background:#eceef3;border:0;border-radius:12px;padding:11px 13px}.warning{color:#665527;background:#fff6d9;border-radius:13px;margin:14px 0;padding:13px;font-size:14px}.confirm-row{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:12px;display:flex}.confirm-row:first-of-type{border-radius:16px 16px 0 0}.confirm-row:last-of-type{border-radius:0 0 16px 16px}.total{justify-content:space-between;padding:24px 10px;font-size:18px;display:flex}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:4px solid #e2defd;border-top-color:var(--purple);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.deny svg{color:#d39a22;width:50px}.success>div{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:80px;height:80px;font-size:45px;display:grid}.success h2{margin-bottom:4px;font-size:28px}.success p{color:var(--muted);line-height:1.5}.grouped{padding-top:14px}.stock-card{background:#fff;border-radius:17px;gap:13px;margin-bottom:12px;padding:14px;display:flex}.stock-card>div{flex:1}.stock-card h3{margin:2px 0 9px;font-size:17px}.stock-card p{border-top:1px solid var(--line);justify-content:space-between;margin:0;padding:8px 0;font-size:14px;display:flex}.stock-card .low{color:var(--red)}.timeline{padding-top:14px}.timeline article{background:#fff;border-radius:14px;grid-template-columns:1fr auto;gap:5px;margin-bottom:10px;padding:14px;display:grid}.timeline time{color:var(--muted);font-size:13px}.timeline article>b{grid-column:2}.timeline article>span,.timeline strong{grid-column:1/-1}.plus{color:var(--green)}.minus{color:var(--red)}.empty{text-align:center;color:var(--muted);place-items:center;padding:50px 10px;display:grid}.empty svg{width:42px}.success-note,.toast{color:#116f61;background:#e4f7f0;border-radius:13px;margin:12px 0;padding:13px}.toast{position:fixed;bottom:25px;left:16px;right:16px}.user-row{background:#fff;border-radius:14px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;margin:10px 0;padding:12px;display:grid}.avatar{width:44px;height:44px;color:var(--purple);background:#e9e4ff;border-radius:50%;place-items:center;display:grid}.user-row>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.user-row span,.user-row small{color:var(--muted);font-size:12px}@media (width>=600px){.product-grid{grid-template-columns:repeat(3,1fr)}}.diagnostics{text-align:left;background:#fff;border-radius:16px;width:100%;max-width:440px;margin-top:16px;padding:16px;box-shadow:0 8px 30px #25234a0f}.diagnostics h3{margin:0 0 12px;font-size:15px}.diagnostics dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;margin:0;font-size:13px;display:grid}.diagnostics dt,.diagnostics dd{border-top:1px solid var(--line);overflow-wrap:anywhere;margin:0;padding:8px 4px}.diagnostics dt{color:var(--muted)}.diagnostics dd{text-align:right;font-weight:650}.price{font-weight:650;color:#5840cc!important}.price-total{background:#fff;border-radius:15px;grid-template-columns:1fr auto;gap:5px;margin:14px 0;padding:16px;font-size:17px;display:grid}.price-total small{color:#8b6c18;grid-column:1/-1;font-size:13px}.price-total.incomplete{background:#fff8df}.receipt{padding-top:20px}.receipt .success-mark{color:#fff;background:#6847f5;border-radius:50%;place-items:center;width:68px;height:68px;margin:6px auto 12px;font-size:38px;display:grid}.receipt h2{text-align:center}.receipt article{background:#fff;border-radius:14px;flex-direction:column;gap:4px;margin:9px 0;padding:14px;display:flex}.receipt article small{color:#5840cc;font-weight:650}.correction-list{gap:10px;margin-top:16px;display:grid}.correction-row{background:#fff;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.correction-row>button:first-child{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:6px;display:flex}.correction-row span,.correction-row small{color:#7d8392}.correction-form h2,.correction-confirm h2{margin:22px 0 4px}.correction-form>p,.correction-confirm>p{color:#7d8392}.stock-now{background:#fff;border-radius:14px;justify-content:space-between;margin:18px 0;padding:16px;display:flex}.direction{grid-template-columns:1fr 1fr;gap:8px;display:grid}.direction button{background:#fff;border:1px solid #dddde5;border-radius:13px;padding:14px}.direction button.active{color:#5840cc;background:#eeeaff;border-color:#6847f5;font-weight:700}.correction-form label{flex-direction:column;gap:7px;margin:17px 0;font-weight:650;display:flex}.correction-form input,.correction-form textarea{font:inherit;background:#fff;border:1px solid #dddde5;border-radius:13px;padding:14px}.correction-form textarea{resize:vertical;min-height:92px}.correction-confirm dl{background:#fff;border-radius:15px;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}.correction-confirm dt{color:#7d8392}.correction-confirm dd{margin:0;font-weight:750}.stock-card p.stock-total{border-top:2px solid #dddde5;margin-top:4px;font-size:15px}.stock-card p.stock-total b{color:#15151a}.manage-products{padding-top:14px}.archive-switch{color:#555b68;align-items:center;gap:9px;margin:2px 2px 15px;display:flex}.archive-switch input{width:20px;height:20px}.manage-product-card{background:#fff;border-radius:16px;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:12px;display:grid}.manage-product-card img,.manage-product-card .placeholder{object-fit:cover;border-radius:11px;width:58px;height:58px}.manage-product-card>div{flex-direction:column;gap:4px;display:flex}.manage-product-card small{color:#7d8392}.archived{opacity:.58}.admin-actions{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.managed-variants{gap:9px;display:grid}.managed-variants article{background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.managed-variants article>div{flex-direction:column;gap:4px;display:flex}.managed-variants span,.managed-variants small{color:#7d8392;font-size:13px}.danger{color:#be2929;background:#ffebeb;border:0;border-radius:13px;padding:14px 18px;font-weight:650}.admin-form{padding-top:18px}.admin-form h2{font-size:22px}.admin-form label{flex-direction:column;gap:7px;margin:15px 0;font-weight:650;display:flex}.admin-form label small{color:#7d8392;font-weight:400}.admin-form input{font:inherit;background:#fff;border:1px solid #dddde5;border-radius:13px;padding:14px}.admin-form fieldset{border:0;margin:10px 0;padding:0}.admin-form legend{margin-bottom:8px;font-weight:650}.audience-buttons{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.audience-buttons button{background:#fff;border:1px solid #dddde5;border-radius:12px;padding:12px 6px}.audience-buttons button.active{color:#fff;background:#6847f5;border-color:#6847f5}.variant-summary{background:#fff;border-radius:15px;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}.variant-summary dt{color:#7d8392}.variant-summary dd{margin:0;font-weight:700}.form-hint{color:#7d8392;text-align:center;font-size:13px}
