:root{--sf-primary:var(--tpl-primary,#16794a);--sf-on-primary:#fff;--sf-surface:var(--tpl-surface,#ffffff);--sf-bg:var(--tpl-bg,#f5f5f7);--sf-ink:var(--tpl-ink,#1f2026);--sf-muted:var(--tpl-muted,#8b8f9c);--sf-line:var(--tpl-line,#e3e5ea);--sf-soft:var(--tpl-soft,rgba(0,0,0,.05));--sf-radius:var(--tpl-radius,12px);--sf-radius-sm:var(--tpl-radius-sm,8px);--sf-font:var(--tpl-font,inherit)}.sf,.sf *{box-sizing:border-box}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:var(--sf-radius-sm);background:var(--sf-primary);color:var(--sf-on-primary);font-family:var(--sf-font);font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.sf-btn:hover{filter:brightness(.94)}.sf-btn:disabled{opacity:.55;cursor:not-allowed}.sf-btn--danger{background:#c0392b}.sf-field{display:block}.sf-field>span{display:block;font-size:13px;font-weight:700;color:var(--sf-ink);margin-bottom:6px}.sf-field input,.sf-field select,.sf-field textarea{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #cdd2dc;border-radius:var(--sf-radius-sm);font-size:14px;font-family:var(--sf-font);background:var(--sf-surface);color:var(--sf-ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.sf-field input:hover,.sf-field textarea:hover{border-color:#aeb4c2}.sf-field input:focus,.sf-field select:focus,.sf-field textarea:focus{border-color:var(--sf-primary);box-shadow:0 0 0 3px var(--sf-soft)}.sf-field input:disabled{background:var(--sf-bg);color:var(--sf-muted);cursor:not-allowed}.sf-authfield{display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:var(--sf-radius-sm);color:var(--sf-muted);transition:border-color .15s ease,box-shadow .15s ease}.sf-authfield:focus-within{border-color:var(--sf-primary);box-shadow:0 0 0 3px var(--sf-soft)}.sf-authfield>svg{flex:0 0 auto}.sf-authfield input{flex:1 1 auto;min-width:0;border:0;background:transparent;outline:none;font-family:var(--sf-font);font-size:14px;color:var(--sf-ink)}.sf-authfield input::placeholder{color:var(--sf-muted)}.sf-pweye{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;background:transparent;color:var(--sf-muted);cursor:pointer}.sf-pweye:hover{color:var(--sf-ink)}.sf-status{margin:0;padding:10px 12px;border-radius:var(--sf-radius-sm);background:var(--sf-soft);color:var(--sf-primary);font-size:12.5px;font-weight:600;text-align:center}.sf-auth-backdrop{position:fixed;inset:0;z-index:80;background:rgba(15,16,22,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s}.sf-auth-backdrop--open{opacity:1;visibility:visible;transition:opacity .26s ease}.sf-auth{position:fixed;z-index:85;left:50%;top:50%;width:min(94vw,420px);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;background:var(--sf-surface);border-radius:16px;box-shadow:0 24px 70px rgba(15,16,22,.32);opacity:0;visibility:hidden;transform:translate(-50%,-48%) scale(.97);transition:opacity .26s ease,transform .26s cubic-bezier(.32,.72,0,1),visibility 0s linear .26s;font-family:var(--sf-font)}.sf-auth--open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity .26s ease,transform .26s cubic-bezier(.32,.72,0,1)}@media (min-width:760px){.sf-auth--login,.sf-auth--register{width:min(94vw,860px)}}.sf-auth__x{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--sf-muted);cursor:pointer}.sf-auth__x:hover{background:var(--sf-bg);color:var(--sf-ink)}.sf-signin{padding:32px 28px 24px;display:flex;flex-direction:column;gap:22px}.sf-signin__head{display:flex;align-items:center;justify-content:center;gap:14px}.sf-signin__badge{flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:var(--sf-primary);color:var(--sf-on-primary);display:grid;place-items:center}.sf-signin__title{margin:0;font-size:22px;font-weight:800;color:var(--sf-ink);line-height:1.1}.sf-signin__sub{margin:3px 0 0;font-size:13px;color:var(--sf-muted)}.sf-signin__grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.sf-signin__panel{background:var(--sf-bg);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.sf-signin__plabel{margin:0;font-size:14px;font-weight:800;color:var(--sf-ink)}.sf-signin__pbody{display:flex;flex-direction:column;gap:14px}.sf-signin__or{position:relative;display:flex;align-items:center;justify-content:center;padding:2px 0}.sf-signin__or:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--sf-line)}.sf-signin__or span{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--sf-line);background:var(--sf-surface);font-size:11px;font-weight:700;color:var(--sf-muted)}.sf-signin__row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sf-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--sf-muted);cursor:pointer}.sf-check input{width:16px;height:16px;accent-color:var(--sf-primary);cursor:pointer}.sf-signin__forgot{background:0;border:0;cursor:pointer;padding:0;color:var(--sf-primary);font-family:var(--sf-font);font-size:13px;font-weight:600}.sf-signin__forgot:hover{text-decoration:underline}.sf-signin__or-soc{display:flex;align-items:center;gap:12px;color:var(--sf-muted);font-size:12px}.sf-signin__or-soc:after,.sf-signin__or-soc:before{content:"";flex:1;height:1px;background:var(--sf-line)}.sf-signin__social{display:flex;justify-content:center}.sf-gbtn{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--sf-line);background:var(--sf-surface);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.sf-gbtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,20,40,.12)}.sf-signin__foot{margin:0;text-align:center;font-size:14px;color:var(--sf-muted)}.sf-signin__foot button{background:0;border:0;cursor:pointer;padding:0;color:var(--sf-primary);font-family:var(--sf-font);font-size:14px;font-weight:700;text-decoration:underline}@media (min-width:760px){.sf-signin{padding:36px 40px 28px}.sf-signin__grid{grid-template-columns:1fr 56px 1fr;gap:0}.sf-signin__or:before{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}}.sf-auth__head{display:flex;align-items:center;gap:8px;padding:18px 18px 4px}.sf-auth__head .sf-iconbtn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--sf-ink);cursor:pointer}.sf-auth__title{flex:1;margin:0;font-size:19px;font-weight:700;color:var(--sf-ink)}.sf-auth__body{padding:14px 18px 20px}.sf-auth__body,.sf-auth__form{display:flex;flex-direction:column;gap:14px}.sf-auth__resend{background:0;border:0;cursor:pointer;align-self:center;color:var(--sf-primary);font-family:var(--sf-font);font-size:12.5px;font-weight:600}.sf-otp{padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.sf-otp__badge{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#1f2430;color:#fff}.sf-otp__title{margin:4px 0 8px;font-size:24px;font-weight:800;color:var(--sf-ink)}.sf-otp__form{width:100%;display:flex;flex-direction:column;gap:14px}.sf-otp__form .sf-authfield>svg{color:var(--sf-primary)}.sf-otp__form .sf-authfield input{border-left:1px solid var(--sf-line);padding-left:12px}.sf-otp__timer{margin:6px 0 -4px;font-size:13px;font-weight:700;color:var(--sf-ink)}.sf-otp__resendbtn{background:0;border:0;cursor:pointer;font-family:var(--sf-font);font-size:13px;font-weight:700;color:var(--sf-primary)}.sf-otp__resendbtn:disabled{color:var(--sf-muted);cursor:default;opacity:.7}.sf-otp__golog{margin-top:4px;background:0;border:0;cursor:pointer;font-family:var(--sf-font);font-size:14px;font-weight:700;color:var(--sf-ink);text-decoration:underline}@media (prefers-reduced-motion:reduce){.sf-auth{transition:none}}.sf-account{max-width:1180px;margin:0 auto;padding:18px 16px 48px;font-family:var(--sf-font);color:var(--sf-ink)}.sf-account__grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width:760px){.sf-account__grid{grid-template-columns:252px 1fr;align-items:start}}.sf-panel{background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:var(--sf-radius)}.sf-account__nav{padding:10px;display:flex;flex-wrap:wrap;gap:6px}@media (min-width:760px){.sf-account__nav{flex-direction:column;position:sticky;top:76px}}.sf-account__navhead{display:flex;align-items:center;gap:10px;padding:14px 12px;margin:-10px -10px 8px;background:#1f2430;border-radius:var(--sf-radius) var(--sf-radius) 0 0;color:#fff}.sf-account__navhead .sf-avatar{background:var(--sf-primary);color:var(--sf-on-primary)}.sf-account__who{min-width:0}.sf-account__who b{display:block;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-account__who span{color:rgba(255,255,255,.7);font-size:12px}.sf-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sf-soft);color:var(--sf-primary);font-weight:800;flex:0 0 auto}.sf-account__navlink{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:0;border-radius:var(--sf-radius-sm);background:transparent;color:var(--sf-ink);font-weight:600;font-size:14px;cursor:pointer;font-family:var(--sf-font);width:100%;text-align:left}.sf-account__navlink:hover{background:var(--sf-bg)}.sf-account__navlink.is-active{background:var(--sf-soft);color:var(--sf-primary)}.sf-account__navlink--danger{color:#c0392b}.sf-account__navlink--danger.is-active,.sf-account__navlink--danger:hover{background:#fdecea;color:#c0392b}.sf-account__navbadge{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;background:var(--sf-primary);color:#fff;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.sf-account__navarrow{margin-left:auto;flex:0 0 auto}.sf-account__panel{min-width:0}.sf-account__title{margin:0 0 16px;font-size:18px;font-weight:700}.sf-account__titlerow{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-account__add{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:var(--sf-radius-sm);background:var(--sf-primary);color:#fff;font-weight:700;font-size:14px;cursor:pointer;font-family:var(--sf-font)}.sf-account__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;max-width:1040px}.sf-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border:0;border-radius:14px;cursor:default;font-family:var(--sf-font);text-align:left;transition:box-shadow .15s ease,transform .12s ease}button.sf-stat{cursor:pointer}button.sf-stat:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,20,40,.1)}.sf-stat__txt{display:flex;flex-direction:column;gap:4px;min-width:0}.sf-stat__txt b{font-size:26px;font-weight:800;color:#0f172a;line-height:1}.sf-stat__txt span{font-size:13px;font-weight:600;color:#475569}.sf-stat__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#fff;flex:0 0 auto;box-shadow:0 4px 12px rgba(20,20,40,.14)}.sf-stat__icon svg{color:#fff;stroke:#fff}.sf-stat--1{background:#e0e7ff}.sf-stat--1 .sf-stat__icon{background:#4f46e5}.sf-stat--2{background:#d1fae5}.sf-stat--2 .sf-stat__icon{background:#059669}.sf-stat--3{background:#cffafe}.sf-stat--3 .sf-stat__icon{background:#0891b2}.sf-stat--4{background:#ffedd5}.sf-stat--4 .sf-stat__icon{background:#ea580c}.sf-stat--5{background:#dbeafe}.sf-stat--5 .sf-stat__icon{background:#2563eb}.sf-stat--6{background:#f3e8ff}.sf-stat--6 .sf-stat__icon{background:#9333ea}@media (max-width:560px){.sf-account__stats{grid-template-columns:repeat(2,1fr)}.sf-stat__txt b{font-size:22px}.sf-stat__icon{width:42px;height:42px}}.sf-account__recenthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sf-viewall{display:inline-flex;align-items:center;gap:4px;background:0;border:0;cursor:pointer;color:var(--sf-primary);font-family:var(--sf-font);font-weight:700;font-size:13px}.sf-account__orders{display:grid;gap:12px}.sf-ordercard{border:1px solid var(--sf-line);border-radius:var(--sf-radius);padding:14px}.sf-ordercard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sf-ordercard__id{font-size:14px}.sf-ordercard__date{margin-left:10px;font-size:12px;color:var(--sf-muted)}.sf-ostatus{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--sf-soft);color:var(--sf-primary)}.sf-ostatus.is-cancelled{background:#fdecea;color:#c0392b}.sf-ordercard__line{color:var(--sf-ink);padding:2px 0}.sf-ordercard__foot,.sf-ordercard__line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.sf-ordercard__foot{align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--sf-line)}.sf-ordercard__track{display:inline-flex;align-items:center;gap:3px;color:var(--sf-primary);font-weight:700;text-decoration:none}.sf-account__profile{max-width:720px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}.sf-account__profile .sf-field--wide,.sf-account__profilebtns,.sf-account__saved{grid-column:1/-1}.sf-account__profilebtns{display:flex;align-items:center;gap:10px}.sf-account__saved{color:var(--sf-primary);font-weight:700;font-size:14px;margin:0}@media (max-width:600px){.sf-account__profile{grid-template-columns:1fr}}.sf-account__addrgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:12px}.sf-account__addrform{display:grid;gap:14px;max-width:720px;margin-bottom:18px}.sf-account__addrlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.sf-addrcard{border:1px solid var(--sf-line);border-radius:var(--sf-radius);padding:14px}.sf-addrcard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sf-addrcard__del{background:0;border:0;color:var(--sf-muted);cursor:pointer}.sf-addrcard__del:hover{color:#c0392b}.sf-addrcard p{margin:2px 0}.sf-addrcard p,.sf-check--line{font-size:13px;color:var(--sf-muted)}.sf-check--line{display:inline-flex;align-items:center;gap:8px}.sf-cancel{background:0;border:0;color:var(--sf-muted);font-weight:600;cursor:pointer;font-family:var(--sf-font)}.sf-account__danger{border:1px solid #f3c6c0;background:#fdf3f2;border-radius:14px;padding:18px;max-width:560px}.sf-account__danger p{margin:0 0 14px;color:var(--sf-ink);font-size:14px;line-height:1.55}.sf-account__danger .sf-field{margin-bottom:14px;max-width:320px}.sf-account__danger-msg{margin:12px 0 0;color:#c0392b;font-size:13px;font-weight:600}.sf-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center;border:1px dashed var(--sf-line);border-radius:14px}.sf-empty__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sf-soft);color:var(--sf-primary)}.sf-empty p{margin:0;color:var(--sf-ink);font-weight:600}.sf-empty__hint{color:var(--sf-muted);font-size:13px}.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.sf-account--guest{max-width:480px}.sf-account__signin{text-align:center;display:grid;justify-items:center;gap:12px;padding:36px 24px}.sf-account__signin h2{margin:6px 0 0;font-size:22px;color:var(--sf-ink)}.sf-account__signin p{margin:0;color:var(--sf-muted)}.sf-account__shoplink{display:inline-flex;align-items:center;gap:4px;color:var(--sf-primary);font-weight:700;text-decoration:none}.sf-skel{background:linear-gradient(90deg,var(--sf-bg) 25%,#eceef1 37%,var(--sf-bg) 63%);background-size:400% 100%;animation:sf-shimmer 1.2s ease-in-out infinite;border-radius:10px}.sf-skel--head{height:64px;border-radius:var(--sf-radius);margin-bottom:4px}.sf-skel--row{height:40px}.sf-skel--title{height:22px;width:200px;margin-bottom:16px}.sf-skel--stat{height:84px;border-radius:14px}@keyframes sf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.sf-skel{animation:none}}.sf-nav{gap:4px}.sf-nav,.sf-nav__btn{display:inline-flex;align-items:center}.sf-nav__btn{position:relative;flex-direction:column;gap:2px;padding:4px 8px;background:0;border:0;cursor:pointer;color:inherit;font-family:var(--sf-font);font-size:11px;font-weight:600;text-decoration:none}.sf-nav__btn:hover{color:var(--sf-primary)}.sf-nav__badge{position:absolute;top:0;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--sf-primary);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}