@font-face{font-family:Finlandica;src:url(/fonts/Finlandica.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Ndot;src:url(/fonts/Ndot.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--bd-mint: #5BC8D6;--bd-mint-deep: #3FA9B8;--bd-mint-soft: #E6F6F8;--bd-mint-text: #1C6B77;--bd-black: #111111;--bd-ink: #1B1F22;--bd-white: #FFFFFF;--bd-off-white: #F7F8F9;--bd-titanium: #B7BDC3;--bd-silver: #DDE2E6;--bd-fog: #EEF1F3;--bd-blue: #2976BD;--bd-blue-soft: #E6EFF8;--fg-1: var(--bd-black);--fg-2: #4A5158;--fg-3: #6B7280;--fg-on-mint: var(--bd-black);--fg-on-dark: var(--bd-white);--bg-1: var(--bd-white);--bg-2: var(--bd-off-white);--bg-3: var(--bd-fog);--bg-inverse: var(--bd-black);--border-1: #E4E7EA;--border-2: var(--bd-silver);--border-strong: var(--bd-titanium);--accent: var(--bd-mint);--accent-deep: var(--bd-mint-deep);--accent-secondary: var(--bd-blue);--success: #3FB58E;--warning: #D7A24A;--danger: #C4544A;--info: var(--bd-blue);--font-sans: "Finlandica", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Finlandica", "Inter", system-ui, sans-serif;--font-mark: "Ndot", "Finlandica", monospace;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--fs-display: clamp(48px, 6vw, 88px);--fs-h1: clamp(36px, 4vw, 56px);--fs-h2: clamp(28px, 3vw, 40px);--fs-h3: 24px;--fs-h4: 20px;--fs-body-lg: 18px;--fs-body: 16px;--fs-body-sm: 14px;--fs-caption: 13px;--fs-micro: 11px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-relaxed: 1.6;--tracking-display: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-mark: .18em;--s-0: 0;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10: 128px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(17,17,17,.04), 0 1px 1px rgba(17,17,17,.03);--shadow-2: 0 4px 12px rgba(17,17,17,.06), 0 1px 2px rgba(17,17,17,.04);--shadow-3: 0 12px 32px rgba(17,17,17,.08), 0 2px 6px rgba(17,17,17,.04);--shadow-4: 0 24px 60px rgba(17,17,17,.1), 0 6px 12px rgba(17,17,17,.05);--shadow-mint: 0 12px 32px rgba(91,200,214,.3);--shadow-cyan-glow: 0 0 0 4px rgba(91,200,214,.18);--shadow-cyan-soft: 0 4px 16px rgba(91,200,214,.18);--shadow-inner: inset 0 1px 0 rgba(255,255,255,.6);--tint-cyan: #EAF9FB;--grad-brand: linear-gradient(135deg, var(--bd-mint) 0%, var(--bd-blue) 100%);--grad-brand-deep: linear-gradient(135deg, var(--bd-mint-deep) 0%, var(--bd-blue) 100%);--grad-hero: linear-gradient(135deg, var(--tint-cyan) 0%, var(--bd-mint-soft) 48%, var(--bd-blue-soft) 100%);--grad-mint-soft: linear-gradient(160deg, var(--bd-mint-soft), var(--bd-off-white));--glow-mint-lg: 0 18px 48px rgba(91,200,214,.35);--shadow-blue-soft: 0 4px 16px rgba(41,118,189,.16);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .18s;--dur-base: .26s;--dur-slow: .48s;--dur-xslow: .8s}:root[data-theme=dark]{color-scheme:dark;--bd-white: #1B1F22;--bd-off-white: #14171A;--bd-fog: #232729;--bd-silver: #3A3F44;--bd-titanium: #5A6066;--bd-black: #F5F7F8;--bd-ink: #0E1113;--bd-mint-soft: #1B3133;--bd-mint-text: #6FD6E3;--bd-blue-soft: #1A2A3B;--fg-1: #F5F7F8;--fg-2: #C9CED2;--fg-3: #8A9098;--fg-on-mint: #0E1113;--bg-1: #1B1F22;--bg-2: #14171A;--bg-3: #232729;--border-1: #2A2F33;--border-2: #3A3F44;--border-strong: #5A6066;--shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.3);--shadow-2: 0 4px 12px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-3: 0 12px 32px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-4: 0 24px 60px rgba(0,0,0,.55), 0 6px 12px rgba(0,0,0,.3);--tint-cyan: #16292B;--grad-hero: linear-gradient(135deg, #16292B 0%, var(--bd-mint-soft) 55%, var(--bd-blue-soft) 100%);--grad-mint-soft: linear-gradient(160deg, var(--bd-mint-soft), var(--bd-fog))}.eyebrow{font-family:Ndot,monospace;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.mark{font-family:var(--font-mark);letter-spacing:var(--tracking-mark);text-transform:uppercase}.card-flat{background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-lg)}.card-elevated{background:var(--bd-white);border-radius:var(--r-lg);box-shadow:var(--shadow-2);border:1px solid transparent}.card-featured{background:var(--bd-white);border-radius:var(--r-lg);border:1px solid var(--bd-mint);box-shadow:var(--shadow-cyan-soft);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card-featured:hover{transform:translateY(-2px);box-shadow:var(--shadow-cyan-soft),var(--shadow-3)}.cyan-border{border:1px solid var(--bd-mint)}.cyan-tint{background:var(--bd-mint-soft)}.cyan-text{color:var(--bd-mint-text)}.cyan-glow{box-shadow:var(--shadow-cyan-glow)}.cyan-fill{background:var(--bd-mint);color:var(--bd-black)}:root{--font-num: "Finlandica", "Segoe UI", system-ui, sans-serif;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--z-base: 0;--z-raised: 10;--z-dropdown: 1000;--z-sticky: 1020;--z-tooltip: 1100;--z-drawer: 1200;--z-modal: 1300;--z-toast: 1400;--ctrl-h: 40px;--ctrl-h-sm: 34px;--row-h: 56px;--cell-x: 16px;--stack: 16px}[data-density=compact]{--ctrl-h: 34px;--ctrl-h-sm: 28px;--row-h: 44px;--cell-x: 12px;--stack: 12px}.ds-num,.num,.price,.sum,.amount,.money{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;overscroll-behavior-y:contain}body{background:var(--bd-off-white);color:var(--bd-black);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}input,select,textarea{accent-color:var(--bd-mint-deep)}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bd-white);border-right:1px solid var(--border-1);display:flex;flex-direction:column;padding:16px 0;position:sticky;top:0;height:100vh;overflow:hidden}.brand{padding:0 20px 16px;border-bottom:1px solid var(--border-1);margin-bottom:12px}.brand-name{font-family:var(--font-mark);font-weight:700;font-size:18px;letter-spacing:.01em}.brand-sub{font-size:11px;color:var(--fg-3);display:block;margin-top:2px}.nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.nav::-webkit-scrollbar{width:8px}.nav::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:8px}.nav::-webkit-scrollbar-track{background:transparent}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-sm);color:var(--fg-2);font-size:14px;font-weight:500;transition:background .12s,color .12s}.nav-item svg{flex:none;opacity:.85}.nav-item.active svg{opacity:1}.nav-item:hover{background:var(--bd-fog)}.nav-item.active{background:var(--bd-mint-soft);color:var(--bd-black);font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:var(--bd-mint);display:grid;place-items:center;font-weight:700;color:var(--bd-black);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:80px;height:80px;border-radius:50%;background:var(--bd-mint);display:grid;place-items:center;font-weight:700;font-size:30px;color:var(--bd-black);overflow:hidden;flex-shrink:0}.avatar-lg img{width:100%;height:100%;object-fit:cover}.who{font-weight:600}.role{font-size:11px;color:var(--fg-3)}.content{padding:24px 28px;max-width:1100px;width:100%}.topbar,.bottom-nav,.a2hs{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3)}h1{font-size:24px;margin:4px 0 2px;font-weight:700;letter-spacing:-.01em}h2{font-size:18px;margin:0 0 12px;font-weight:600}h3{font-size:15px;margin:0;font-weight:600}.sub{font-size:13px;color:var(--fg-3)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--bd-white);border:1px solid transparent;border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:16px 18px;margin-bottom:16px}.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{background:var(--bd-white);border:1px solid transparent;border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:14px 16px}.tile.accent{background:var(--bd-mint-soft);border-color:var(--bd-mint)}.tile-label{font-size:12px;color:var(--fg-3)}.tile-value{font-size:22px;font-weight:700;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:9px 16px;border-radius:var(--r-md);border:1px solid transparent;font-size:14px;font-weight:600;transition:all .12s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-pri{background:var(--bd-mint);color:var(--bd-black)}.btn-pri:hover:not(:disabled){background:var(--bd-mint-deep)}.btn-sec{background:var(--bd-white);border-color:var(--border-2);color:var(--bd-black)}.btn-sec:hover:not(:disabled){background:var(--bd-fog)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover:not(:disabled){background:var(--bd-fog)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-block{width:100%}.tbl-wrap{overflow-x:auto;border:1px solid transparent;border-radius:var(--r-lg);background:var(--bd-white);box-shadow:var(--shadow-2)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl thead th{text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3);border-bottom:1px solid var(--border-1);white-space:nowrap}.tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--border-1)}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.clickable:hover td{background:var(--bd-off-white)}.num{text-align:right;font-variant-numeric:tabular-nums}.sku{font-family:var(--font-mono);font-size:12px;color:var(--fg-3)}.strong{font-weight:600}.muted{color:var(--fg-3)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-slate{background:var(--bd-fog);color:var(--fg-2)}.pill-mint{background:var(--bd-mint-soft);color:var(--bd-mint-deep)}.pill-blue{background:var(--bd-blue-soft);color:var(--bd-blue)}.pill-green{background:#e3f5ee;background:color-mix(in srgb,var(--success) 15%,var(--bd-white));color:#2e9b76;color:color-mix(in srgb,var(--success) 75%,var(--bd-black))}.pill-amber{background:#fbf1dc;background:color-mix(in srgb,var(--warning) 22%,var(--bd-white));color:#b7842b;color:color-mix(in srgb,var(--warning) 78%,var(--bd-black))}.pill-red{background:#fbe4e2;background:color-mix(in srgb,var(--danger) 16%,var(--bd-white));color:#c4544a;color:color-mix(in srgb,var(--danger) 78%,var(--bd-black))}:root[data-theme=dark] .pill-mint,:root[data-theme=dark] .price-off{color:#6fd3df}:root[data-theme=dark] .pill-blue,:root[data-theme=dark] .free-bar{color:#8fbeee}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.lab{font-size:12px;font-weight:600;color:var(--fg-2)}.input,.select,.textarea{border:1px solid var(--border-2);border-radius:var(--r-md);padding:10px 12px;background:var(--bd-white);color:var(--fg-1);width:100%;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--bd-mint);box-shadow:var(--shadow-cyan-glow)}.select.is-applied,.input.is-applied{border-color:var(--bd-mint);box-shadow:var(--shadow-cyan-glow)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--fg-3) 50%),linear-gradient(135deg,var(--fg-3) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 13px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select::-ms-expand{display:none}.textarea{min-height:80px;resize:vertical}.input-compact,.select-compact{height:36px;font-size:13px}.input-compact{padding:6px 8px}.select-compact{padding:6px 32px 6px 10px}@media (max-width: 560px){.input-compact,.select-compact{height:44px;font-size:16px}}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.col{display:flex;flex-direction:column}.skel{position:relative;overflow:hidden;background:var(--bd-fog);border-radius:var(--r-sm)}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-100%);animation:skel 1.2s infinite}@keyframes skel{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skel:after{animation:none}}.ptr-ind{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:opacity .15s;pointer-events:none}.ptr-spin{width:22px;height:22px;border-radius:50%;margin-bottom:8px;border:2px solid var(--border-2);border-top-color:var(--bd-mint-deep)}.ptr-spin.spin{animation:ptr-rot .7s linear infinite}@keyframes ptr-rot{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ptr-rot .6s linear infinite}@media (prefers-reduced-motion: reduce){.btn-spinner{animation-duration:1.4s}}.page-loader{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--fg-3)}.page-loader-spin{width:30px;height:30px;border-radius:50%;border:3px solid color-mix(in srgb,var(--bd-mint) 22%,transparent);border-top-color:var(--bd-mint);animation:ptr-rot .8s linear infinite}.page-loader-label{font-size:13px;letter-spacing:.04em}@media (prefers-reduced-motion: reduce){.page-loader-spin{animation-duration:1.4s}}.top-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1350;overflow:hidden;pointer-events:none}.top-progress>span{position:absolute;top:0;left:-40%;height:100%;width:36%;background:linear-gradient(90deg,transparent,var(--bd-mint),var(--bd-mint-deep));border-radius:0 2px 2px 0;animation:top-prog 1.05s ease-in-out infinite}@keyframes top-prog{0%{left:-40%}60%{width:48%}to{left:100%}}@media (prefers-reduced-motion: reduce){.top-progress>span{animation:none;left:0;width:100%;opacity:.55}}.empty{padding:40px 20px;text-align:center;color:var(--fg-3)}.empty h4{margin:0 0 6px;color:var(--fg-2)}.dialog-error{background:#fbe4e2;background:color-mix(in srgb,var(--danger) 14%,var(--bd-white));color:#9b3127;color:color-mix(in srgb,var(--danger) 82%,var(--bd-black));padding:12px 14px;border-radius:var(--r-sm);font-size:14px}.dialog-info{background:var(--bd-mint-soft);color:var(--bd-mint-deep);padding:12px 14px;border-radius:var(--r-sm);font-size:13px}.dialog-warn{background:#fbf1dc;background:color-mix(in srgb,var(--warning) 22%,var(--bd-white));color:#8a6320;color:color-mix(in srgb,var(--warning) 82%,var(--bd-black));padding:12px 14px;border-radius:var(--r-sm);font-size:13px}:root.hints-off .hint-q{display:none!important}:root.instructions-off .help-note{display:none!important}.hint-q{flex:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:4px;padding:0;border:1px solid var(--border-2);border-radius:50%;background:var(--bd-white);color:var(--fg-3);font-family:var(--font-sans);font-size:11px;font-weight:700;line-height:1;cursor:help;-webkit-user-select:none;user-select:none;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.hint-q:focus-visible{border-color:var(--bd-mint);color:var(--bd-mint-deep);background:var(--bd-mint-soft);outline:none}@media (hover: hover) and (pointer: fine){.hint-q:hover{border-color:var(--bd-mint);color:var(--bd-mint-deep);background:var(--bd-mint-soft)}}.hint-pop{position:fixed;z-index:9999;padding:10px 12px;border-radius:var(--r-sm);background:var(--bd-ink);color:var(--bd-white);font-family:var(--font-sans);font-size:12.5px;line-height:1.45;font-weight:400;letter-spacing:0;text-align:left;box-shadow:var(--shadow-3);pointer-events:none;animation:hint-in var(--dur-fast) var(--ease-out)}@keyframes hint-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.hint-pop{animation:none}}.auth-wrap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 20px;background:linear-gradient(160deg,var(--bd-mint-soft),var(--bd-off-white))}.auth-card{background:var(--bd-white);border-radius:var(--r-lg);padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-3)}.auth-brand{text-align:center;margin-bottom:24px}.auth-brand .bn{font-size:22px;font-weight:700}.auth-brand .bs{font-size:13px;color:var(--fg-3);margin-top:4px}.auth-layout{width:100%;max-width:940px;display:grid;grid-template-columns:1.05fr .95fr;column-gap:48px;row-gap:18px;align-items:start}.auth-info{position:sticky;top:32px;align-self:start}.auth-layout .auth-card{max-width:none}.auth-layout .auth-foot{grid-column:2}.auth-info{color:var(--bd-black)}.auth-info .ai-kicker{display:inline-block;margin-bottom:14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bd-mint-deep)}.auth-info .ai-title{font-size:26px;line-height:1.22;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.auth-info .ai-lead{font-size:15px;line-height:1.55;color:var(--fg-2);margin:0 0 22px;max-width:46ch}.auth-info .ai-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px}.auth-info .ai-list li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.4;color:var(--bd-black)}.auth-info .ai-tick{flex:none;width:23px;height:23px;margin-top:1px;border-radius:var(--r-pill);background:var(--bd-mint-soft);color:var(--bd-mint-deep);display:grid;place-items:center}.auth-info .ai-foot{margin-top:22px;font-size:13px;color:var(--fg-3)}@media (max-width: 860px){.auth-layout{grid-template-columns:1fr;max-width:440px;gap:26px}.auth-layout .auth-card{order:1}.auth-info{order:2;text-align:center;position:static}.auth-layout .auth-foot{grid-column:auto;order:3}.auth-info .ai-title{font-size:22px}.auth-info .ai-list{max-width:330px;margin:0 auto;text-align:left}}.cart-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-1)}.cart-line:last-child{border-bottom:none}.qty-ctl{display:inline-flex;align-items:center;border:1px solid var(--border-2);border-radius:var(--r-sm);overflow:hidden}.qty-ctl button{width:32px;height:32px;border:none;background:var(--bd-white);font-size:16px}.qty-ctl button:hover{background:var(--bd-fog)}.qty-ctl span{min-width:34px;text-align:center;font-weight:600}.timeline{display:flex;flex-direction:column;gap:0}.tl-row{display:grid;grid-template-columns:14px 1fr;gap:10px}.tl-dot{width:9px;height:9px;border-radius:50%;background:var(--bd-mint);margin-top:5px}.tl-line{border-left:2px solid var(--border-1);margin-left:4px;padding-bottom:12px;padding-left:14px}.tl-title{font-size:14px;font-weight:500}.tl-when{font-size:12px;color:var(--fg-3)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:var(--z-modal);display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade .18s ease}.modal{background:var(--bd-white);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-4);animation:modal-pop .2s cubic-bezier(.16,1,.3,1)}.modal:focus{outline:none}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal{animation:none!important}}.modal-h{padding:18px 20px;border-bottom:1px solid var(--border-1);font-weight:700;font-size:17px;position:sticky;top:0;background:var(--bd-white);z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-x{flex:none;background:transparent;border:none;cursor:pointer;color:var(--fg-3);display:inline-flex;align-items:center;padding:4px;margin:-4px -4px -4px 0;border-radius:var(--r-sm)}.modal-x:hover{background:var(--bd-fog);color:var(--fg-1)}.modal-b{padding:20px}.modal-f{padding:14px 20px;border-top:1px solid var(--border-1);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--bd-white);z-index:2}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip{padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--bd-white);font-size:13px;color:var(--fg-2)}.chip.active{background:var(--bd-black);color:var(--bd-white);border-color:var(--bd-black)}.cat-filters{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-1)}.cat-filters .field{gap:3px;margin-bottom:8px}.cat-filters .lab{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--fg-3)}.cat-filters .select{padding:6px 32px 6px 10px;font-size:13px;border-radius:var(--r-sm);height:auto}.cat-filters .grid-2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 10px}.cat-filters .chips{gap:5px}.cat-filters .chip{padding:3px 10px;font-size:12px;min-height:28px}@media (max-width: 560px){.cat-filters .select{font-size:16px}}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.cat-card{background:var(--bd-white);border:1px solid transparent;border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:6px;color:inherit;text-decoration:none;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cat-card:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.cat-card.clickable{cursor:pointer}.cat-card .card-link{color:inherit;text-decoration:none}.cat-card .card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit}@media (prefers-reduced-motion: reduce){.cat-card:hover{transform:none}}.cat-card .price{font-size:18px;font-weight:700;margin-top:auto}.cat-card .name{font-weight:600;font-size:14px;line-height:1.3}.price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}.price-row .price{margin-top:0}.price-was{text-decoration:line-through;color:var(--fg-3);font-size:13px}.price-off{background:var(--bd-mint-soft);color:var(--bd-mint-deep);border-radius:var(--r-pill);padding:1px 7px;font-size:11px;font-weight:700;align-self:center}.price{font-variant-numeric:tabular-nums}.free-bar{background:var(--bd-blue-soft);color:var(--bd-blue);border-radius:var(--r-md);padding:10px 12px;font-size:13px;animation:free-bar-in .28s ease}.free-bar.done{background:color-mix(in srgb,var(--success) 14%,var(--bd-white));color:color-mix(in srgb,var(--success) 78%,var(--bd-black))}.free-bar-top{display:flex;align-items:center;gap:8px}.free-bar-track{height:6px;border-radius:var(--r-pill);margin-top:8px;overflow:hidden;background:color-mix(in srgb,currentColor 16%,transparent)}.free-bar-fill{height:100%;border-radius:var(--r-pill);background:currentColor;transition:width .4s ease}@keyframes free-bar-in{0%{opacity:0;transform:translateY(-4px)}}.to-top{position:fixed;right:18px;bottom:84px;z-index:var(--z-sticky, 900);width:44px;height:44px;border-radius:50%;background:var(--bd-white);border:1px solid var(--border-2);box-shadow:var(--shadow-3);color:var(--fg-1);display:grid;place-items:center;cursor:pointer;animation:free-bar-in .2s ease}.to-top:hover{background:var(--bd-fog)}@media (prefers-reduced-motion: reduce){.free-bar,.to-top{animation:none}.free-bar-fill{transition:none}}.cat-img{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-sm);overflow:hidden;background:var(--bd-off-white);display:grid;place-items:center;margin-bottom:2px}.cat-img img{width:100%;height:100%;object-fit:contain}.cat-img-ph{color:var(--bd-titanium)}.assist-cta{display:flex;align-items:center;gap:14px;background:var(--bd-mint-soft);border:1px solid var(--bd-mint)}.assist-cta-ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--bd-mint);color:var(--fg-on-mint, #0a0a0a)}.assist-ic{width:36px;height:36px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--bd-off-white);color:var(--bd-mint-deep)}.assist-steps{max-width:480px;margin-left:auto;margin-right:auto}.assist-steps .order-step{padding:0}.assist-meta{background:var(--bd-off-white);border:1px solid var(--border-1);border-radius:7px;padding:5px 8px}.assist-meta-lab{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3);font-weight:700;margin-bottom:1px}.assist-meta-val{font-size:12px;color:var(--fg-2);line-height:1.3}@media (max-width: 560px){.assist-cta{flex-wrap:wrap}.assist-cta>.btn{width:100%;justify-content:center}}.product-img{width:160px;height:160px;flex:none;border-radius:var(--r-md);overflow:hidden;background:var(--bd-off-white);display:grid;place-items:center}.product-img img{width:100%;height:100%;object-fit:contain}.order-steps{display:flex;gap:4px;margin-bottom:16px}.order-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.order-step:before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--border-2);z-index:0}.order-step:first-child:before{display:none}.order-step.done:before,.order-step.current:before{background:var(--bd-mint)}.order-step-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--bd-fog);color:var(--fg-3);font-size:13px;font-weight:700;position:relative;z-index:1;border:2px solid var(--bd-fog)}.order-step.done .order-step-dot{background:var(--bd-mint);color:var(--bd-black);border-color:var(--bd-mint)}.order-step.current .order-step-dot{background:var(--bd-white);color:var(--bd-mint-deep);border-color:var(--bd-mint)}.order-step-label{font-size:11px;text-align:center;color:var(--fg-3);line-height:1.2}.order-step.current .order-step-label,.order-step.done .order-step-label{color:var(--fg-2)}.product-cta{display:none}.btn:focus-visible,.chip:focus-visible,a:focus-visible,.nav-item:focus-visible{outline:2px solid var(--bd-mint);outline-offset:2px}@media (max-width: 860px){.product-cta{display:flex;position:fixed;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:calc(var(--z-sticky) + 10);gap:10px;align-items:center;padding:10px 14px;border-radius:var(--r-lg);background:var(--bd-white);box-shadow:var(--shadow-4);border:1px solid var(--border-1)}.product-img{width:120px;height:120px}.order-step-label{font-size:11px}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex;flex-direction:column;position:fixed;z-index:var(--z-drawer);top:0;left:0;bottom:0;width:280px;max-width:86vw;height:100vh;height:100dvh;padding-top:max(16px,env(safe-area-inset-top));box-shadow:0 0 40px #0003}.sidebar.open .brand{flex:none}.sidebar.open .nav{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.open .sidebar-foot{flex:none;padding-bottom:max(8px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bd-white);border-bottom:1px solid var(--border-1);position:sticky;top:0;z-index:var(--z-sticky);padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.topbar .brand-name{font-size:16px}.topbar .burger{width:40px;height:40px;border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--bd-white);color:var(--fg-1);display:inline-flex;align-items:center;justify-content:center}.content{padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}h1{font-size:21px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:calc(var(--z-drawer) - 1)}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);background:var(--bd-white);border-top:1px solid var(--border-1);padding-bottom:env(safe-area-inset-bottom)}.bn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 4px;min-height:56px;color:var(--fg-3);font-size:11px;font-weight:600}button.bn-item{background:none;border:none;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bn-item.active{color:var(--bd-mint-deep)}.bn-ico{position:relative;display:grid;place-items:center}.bn-ico svg{width:22px;height:22px;display:block}.bn-badge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--bd-mint-deep);color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700}.bn-lbl{line-height:1}.a2hs{display:flex;align-items:center;justify-content:space-between;gap:10px;position:fixed;left:8px;right:8px;z-index:calc(var(--z-sticky) + 10);bottom:calc(72px + env(safe-area-inset-bottom));background:var(--bd-black);color:var(--bd-white);border-radius:var(--r-md);padding:10px 12px;box-shadow:0 8px 24px #00000040}.a2hs-body{display:flex;flex-direction:column;gap:2px;font-size:12px;min-width:0}.a2hs-body strong{font-size:13px}.a2hs-body span{color:color-mix(in srgb,var(--bd-white) 72%,transparent)}.a2hs-actions{display:flex;gap:6px;flex-shrink:0}.a2hs .btn-ghost{color:color-mix(in srgb,var(--bd-white) 85%,transparent)}}@media (max-width: 560px){body{font-size:14px}.content{padding:14px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}h1{font-size:20px}.page-head{gap:10px;margin-bottom:16px}.card{padding:14px}.head-actions{width:100%}.head-actions>.btn{flex:1}.grid-3{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cat-card{padding:12px}.cat-card .price{font-size:16px}.btn{min-height:44px}.btn-sm{min-height:38px}.chip{min-height:36px;display:inline-flex;align-items:center}.qty-ctl button{width:40px;height:40px}.modal-backdrop{place-items:end center;padding:0}.modal{max-width:none;max-height:92vh;border-radius:var(--r-xl) var(--r-xl) 0 0;animation:sheet-up .22s cubic-bezier(.2,.8,.2,1)}.modal-h{border-radius:var(--r-xl) var(--r-xl) 0 0;padding-top:22px}.modal-h:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:var(--r-pill);background:var(--border-2)}.modal-f{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-x{width:40px;height:40px;padding:0;margin:-8px -8px -8px 0;justify-content:center}.auth-card{padding:24px}.tbl-wrap{overflow:visible;border:none;border-radius:0;background:transparent}.tbl{font-size:14px}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl thead{display:none}.tbl tbody tr{background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:8px 12px;margin-bottom:10px}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border-1);text-align:right}.tbl tbody td:last-child{border-bottom:none}.tbl tbody td:before{content:attr(data-label);color:var(--fg-3);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.tbl tbody td.num{text-align:right}.tbl tbody tr.clickable:hover td{background:transparent}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}html.tg .a2hs{display:none!important}.notif-del{flex:none;width:32px;height:32px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--fg-3);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.notif-del:hover{background:var(--bd-fog);color:var(--danger)}.notif-del:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 560px){.notif-del{width:40px;height:40px}}.subtabs{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.subtab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid var(--border-1);background:var(--surface-1);color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.subtab:hover{border-color:var(--bd-mint);color:var(--text-1)}.subtab.active{background:var(--bd-mint-soft);border-color:var(--bd-mint);color:var(--text-1)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group+.nav-group{margin-top:12px}.nav-group-label{padding:4px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-3)}.brand{position:relative;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.brand-text{flex:1;min-width:0}.collapse-btn{width:26px;height:26px;border-radius:var(--r-sm);flex:none;border:1px solid var(--border-2);background:var(--bd-white);color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.collapse-btn:hover{background:var(--bd-fog);color:var(--fg-1)}.collapse-btn svg{transition:transform .15s}.sidebar-foot{margin-top:auto;padding:12px 14px 4px;border-top:1px solid var(--border-1);display:flex;flex-direction:column;align-items:stretch;gap:10px;font-size:13px}.foot-user{display:flex;align-items:center;gap:10px;min-width:0;padding:0 2px}.foot-id{flex:1;min-width:0}.foot-id .who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-actions{display:flex;align-items:center;gap:6px}.foot-actions .chip{flex:none;padding:6px 10px}.foot-spacer{flex:1}.foot-ico{width:34px;height:34px;border-radius:var(--r-sm);flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-2);border:1px solid transparent;cursor:pointer;background:transparent}.foot-ico:hover{background:var(--bd-fog);color:var(--fg-1)}.foot-ico.active{background:var(--bd-mint-soft);color:var(--bd-black)}@media (min-width: 861px){.app.nav-collapsed{grid-template-columns:72px 1fr}.nav-collapsed .brand{justify-content:center}.nav-collapsed .brand-text,.nav-collapsed .clinic-switch,.nav-collapsed .nav-label,.nav-collapsed .nav-group-label,.nav-collapsed .foot-id,.nav-collapsed .foot-spacer{display:none}.nav-collapsed .collapse-btn svg{transform:rotate(180deg)}.nav-collapsed .nav-item{justify-content:center;padding:10px;gap:0}.nav-collapsed .nav-group+.nav-group{margin-top:8px;border-top:1px solid var(--border-1);padding-top:8px}.nav-collapsed .foot-user{justify-content:center}.nav-collapsed .foot-actions{flex-direction:column;gap:8px}}@media (max-width: 860px){.collapse-btn{display:none}}.hero-greet{position:relative;overflow:hidden;border-radius:var(--r-xl);background:var(--grad-hero);border:1px solid color-mix(in srgb,var(--bd-mint) 34%,transparent);box-shadow:var(--shadow-cyan-soft);padding:22px 24px;margin-bottom:20px}.hero-greet:before{content:"";position:absolute;right:-50px;top:-70px;width:260px;height:260px;pointer-events:none;background:radial-gradient(circle,rgba(91,200,214,.45),transparent 68%)}.hero-greet>*{position:relative}.hero-greet .eyebrow{color:var(--bd-mint-deep)}.hero-greet h1{margin:4px 0}.hero-greet .hero-sub{font-size:13.5px;color:var(--fg-2);max-width:52ch}.hero-greet .hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hero-greet .btn-pri{box-shadow:var(--shadow-cyan-soft)}@media (max-width: 560px){.hero-greet{padding:18px;border-radius:var(--r-lg)}.hero-greet .hero-actions>.btn{flex:1}}.spotlight{position:relative;overflow:hidden;background:var(--grad-hero);border:1px solid color-mix(in srgb,var(--bd-mint) 40%,transparent)!important;box-shadow:var(--glow-mint-lg)!important}.spotlight:before{content:"";position:absolute;right:-40px;bottom:-60px;width:200px;height:200px;pointer-events:none;background:radial-gradient(circle,rgba(91,200,214,.4),transparent 70%)}.spotlight>*{position:relative}.tile.tone-mint{background:var(--bd-mint-soft);border-color:color-mix(in srgb,var(--bd-mint) 38%,transparent)}.tile.tone-blue{background:var(--bd-blue-soft);border-color:color-mix(in srgb,var(--bd-blue) 26%,transparent)}.tile.tone-amber{background:color-mix(in srgb,var(--warning) 15%,var(--bd-white));border-color:color-mix(in srgb,var(--warning) 34%,transparent)}.tile.tone-green{background:color-mix(in srgb,var(--success) 13%,var(--bd-white));border-color:color-mix(in srgb,var(--success) 32%,transparent)}.tile .tile-value.v-mint{color:var(--bd-mint-deep)}.tile .tile-value.v-blue{color:var(--bd-blue)}.tile .tile-value.v-amber{color:color-mix(in srgb,var(--warning) 78%,var(--bd-black))}.tile .tile-value.v-green{color:color-mix(in srgb,var(--success) 78%,var(--bd-black))}.empty-art{width:84px;height:84px;margin:0 auto 14px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--bd-mint-deep);background:var(--grad-mint-soft);box-shadow:var(--shadow-cyan-soft)}.empty p{max-width:38ch;margin:4px auto 0;line-height:1.5}.empty .btn{margin-top:14px}.celebrate-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);pointer-events:none;display:grid;place-items:center;overflow:hidden}.celebrate-badge{width:96px;height:96px;border-radius:50%;background:var(--grad-brand);display:grid;place-items:center;color:#fff;box-shadow:var(--glow-mint-lg);animation:celebrate-pop var(--dur-slow) var(--ease-out) both}@keyframes celebrate-pop{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.confetti{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;will-change:transform,opacity;animation:confetti-fall var(--ease-in-out) forwards}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(86vh) rotate(560deg);opacity:0}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.celebrate-badge{animation:none}}.rise{animation:rise var(--dur-base) var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.rise{animation:none}}.order-step.done .order-step-dot{background:var(--grad-brand);border-color:transparent;color:#fff}.tl-dot{background:var(--grad-brand)}.nav-end{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.sb-badge{min-width:18px;height:18px;padding:0 5px;background:var(--danger, #e5484d);color:#fff;border-radius:999px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.sb-dot{width:8px;height:8px;border-radius:50%;background:var(--danger, #e5484d);display:inline-block}.sb-pin{opacity:0;background:none;border:0;cursor:pointer;color:var(--fg-3, #8a9098);padding:2px;display:inline-flex;border-radius:5px}.nav-item:hover .sb-pin{opacity:.55}.sb-pin:hover{opacity:1!important;background:var(--surface-2, #f1f3f5)}.sb-pin.on{opacity:1;color:var(--bd-mint, #5BC8D6)}.sb-offline{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger, #e5484d);padding:6px 12px}.sb-update{display:flex;align-items:center;gap:6px;width:100%;font-size:12px;color:#111;background:#ffe9a8;border:0;border-radius:8px;padding:7px 12px;margin-bottom:6px;cursor:pointer}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;cursor:pointer;font:inherit;color:inherit}.grp-chev{transition:transform .15s;opacity:.6}.grp-chev.col{transform:rotate(-90deg)}.foot-user{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;cursor:pointer;text-align:left;padding:0;color:inherit}.foot-user:hover .who{text-decoration:underline}.nav-item:focus-visible,.foot-ico:focus-visible,.nav-group-toggle:focus-visible{outline:2px solid var(--bd-mint, #5BC8D6);outline-offset:2px}.nav-collapsed .sidebar .nav-end{display:none}.nav-collapsed .sidebar .nav-item{position:relative}.nav-collapsed .sidebar .nav-item:hover .nav-label{display:block;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--surface-1, #fff);color:var(--fg-1, #1a2230);border:1px solid var(--border-1, #e3e6ea);padding:4px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 18px #00000024;z-index:var(--z-tooltip);font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[role=button]:focus-visible,.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--bd-mint, #5BC8D6);outline-offset:2px;border-radius:6px}.u-row{display:flex;align-items:center;gap:8px}.u-col{display:flex;flex-direction:column;gap:8px}.u-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.u-wrap{flex-wrap:wrap}.u-muted{color:var(--fg-3);font-size:var(--fs-body-sm, 13px)}.u-mt8{margin-top:8px}.u-mt12{margin-top:12px}.u-mt16{margin-top:16px}.u-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.auth-head{margin-bottom:24px}.auth-mark{font-family:var(--font-mark);font-size:40px;letter-spacing:.12em;font-weight:400;line-height:1;color:var(--bd-black)}.auth-sub{font-size:13px;color:var(--fg-3);margin-top:8px}.auth-card .input{min-height:var(--ctrl-h)}.pw-wrap{position:relative}.pw-wrap .input{padding-right:44px}.pw-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--fg-3);display:inline-flex;align-items:center;padding:7px;border-radius:var(--r-sm)}.pw-toggle:hover{color:var(--fg-1);background:var(--bd-fog)}.auth-alt{font-size:13px;color:var(--fg-3);margin-top:14px;text-align:center}.auth-alt a{color:var(--bd-mint-deep);font-weight:600;text-decoration:none}.auth-alt a:hover{text-decoration:underline}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px}.auth-row .muted{font-size:13px}.remember{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-2);cursor:pointer;-webkit-user-select:none;user-select:none}.remember input{width:16px;height:16px;flex:none;accent-color:var(--bd-mint-deep);cursor:pointer}.auth-foot{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px;color:var(--fg-3)}.auth-foot a{color:var(--fg-2);text-decoration:none}.auth-foot a:hover{color:var(--bd-mint-deep);text-decoration:underline}.auth-foot-dot{color:var(--border-strong)}.auth-card .btn-pri:not(:disabled){background:var(--bd-mint-deep);min-height:46px;box-shadow:0 1px 2px #0000001a}.auth-card .btn-pri:hover:not(:disabled){background:color-mix(in srgb,var(--bd-mint-deep) 88%,var(--bd-black))}.auth-card .btn-pri:focus-visible{outline:2px solid var(--bd-mint-deep);outline-offset:2px}.auth-card .lab{font-size:13px}.input.is-invalid,.select.is-invalid,.textarea.is-invalid{border-color:var(--danger)}.input.is-invalid:focus,.select.is-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}.field-err{display:block;margin-top:6px;font-size:12px;line-height:1.35;color:color-mix(in srgb,var(--danger) 85%,var(--bd-black))}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--fg-3)}.field-hint.is-good{color:color-mix(in srgb,var(--success) 78%,var(--bd-black))}.field-hint.is-bad{color:color-mix(in srgb,var(--danger) 85%,var(--bd-black))}.field-hint.caps-hint{color:color-mix(in srgb,var(--warning) 72%,var(--bd-black));font-weight:600}.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--fg-2);margin:4px 0;cursor:pointer}.agree input{margin-top:2px;width:16px;height:16px;flex:0 0 auto;accent-color:var(--bd-mint-deep)}.agree a{color:var(--bd-mint-deep);font-weight:600}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bd-white) inset;box-shadow:0 0 0 1000px var(--bd-white) inset;-webkit-text-fill-color:var(--fg-1);caret-color:var(--fg-1);transition:background-color 9999s ease-in-out 0s}.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}.legal-wrap{max-width:820px;margin:0 auto;padding:40px 20px 80px}.legal-doc{font-size:15px;line-height:1.6;color:var(--fg-1)}.legal-doc h1{font-size:26px;line-height:1.2;margin:0 0 4px}.legal-doc h2{font-size:18px;margin:28px 0 10px}.legal-doc h3{font-size:15px;margin:18px 0 8px;color:var(--fg-2)}.legal-doc p{margin:0 0 12px}.legal-doc ul{margin:0 0 14px;padding-left:22px}.legal-doc li{margin:4px 0}.legal-doc a{color:var(--bd-mint-deep)}.auth-or{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--fg-3);font-size:12px}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--border-strong) 55%,transparent)}.auth-demo-hint{margin-top:8px;text-align:center;font-size:12px;color:var(--fg-3)}.demo-btns{display:flex;gap:8px}.demo-btns .btn{flex:1;min-width:0}@media (max-width: 380px){.demo-btns{flex-direction:column}}.demo-ribbon{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:13px;line-height:1.3;background:color-mix(in srgb,var(--bd-mint-deep) 14%,var(--bd-white));color:color-mix(in srgb,var(--bd-mint-deep) 78%,var(--bd-black));border-bottom:1px solid color-mix(in srgb,var(--bd-mint-deep) 28%,transparent)}.demo-ribbon svg{flex:none;opacity:.9}.demo-ribbon-txt{flex:1;min-width:0}.demo-ribbon-txt b{font-weight:700}.demo-ribbon-cta{flex:none;background:var(--bd-mint-deep);color:var(--bd-white);border:none;border-radius:var(--r-sm);padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;min-height:30px;white-space:nowrap}.demo-ribbon-cta:hover{background:color-mix(in srgb,var(--bd-mint-deep) 88%,var(--bd-black))}@media (max-width: 560px){.demo-ribbon{font-size:12px;padding:7px 12px}.demo-ribbon-cta{padding:5px 10px}}.sf-banner{background:var(--bd-mint-soft);color:var(--bd-black);font-size:13px;text-align:center;padding:7px 16px;border-bottom:1px solid var(--border-1)}.sf-banner a{color:var(--bd-mint-text);font-weight:600}.sf-header{position:sticky;top:0;z-index:20;background:var(--bd-white);border-bottom:1px solid var(--border-1)}.sf-header-inner{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 20px}.sf-brand{display:flex;flex-direction:column;line-height:1.1}.sf-brand .nm{font-family:var(--font-mark);font-weight:700;font-size:19px;letter-spacing:.01em}.sf-brand .sub{font-size:11px;color:var(--fg-3)}.sf-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.sf-nav a{padding:8px 12px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--fg-2)}.sf-nav a:hover{background:var(--bd-fog)}.sf-cart-link{position:relative;display:inline-flex;align-items:center;gap:6px}.sf-cart-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bd-mint);color:var(--bd-black);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.sf-main{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.sf-footer{max-width:1100px;margin:0 auto;padding:24px 20px 48px;color:var(--fg-3);font-size:13px;border-top:1px solid var(--border-1);display:flex;gap:16px;flex-wrap:wrap;align-items:center}.sf-hero{background:var(--grad-mint-soft, var(--bd-mint-soft));border:1px solid var(--border-1);border-radius:var(--r-lg);padding:28px;margin-bottom:24px}.sf-hero h1{margin:0 0 8px;font-size:26px;line-height:1.2}.sf-hero p{margin:0 0 16px;color:var(--fg-2);max-width:640px}.sf-hero .row{display:flex;gap:10px;flex-wrap:wrap}.sf-hero-search{display:flex;gap:8px;max-width:560px}.sf-hero-search .input{flex:1}.sf-hero-links{margin-top:12px}.sf-hero-links a{color:var(--bd-mint-text);font-weight:600;font-size:14px}.sf-hero-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:13px;color:var(--fg-2)}.sf-hero-trust span{display:inline-flex;align-items:center;gap:6px}.sf-hero-trust span:before{content:"✓";color:var(--bd-mint-text);font-weight:700}.sf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.sf-steps>div{background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-md);padding:14px;font-size:13px;color:var(--fg-2)}.sf-steps b{color:var(--bd-mint-text);margin-right:4px}.sf-sec-h{margin:0 0 12px;font-size:18px}.sf-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:28px}.sf-type-card{display:block;text-align:center;background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-md);padding:14px 12px;font-weight:600;font-size:14px;color:var(--fg-1);transition:box-shadow .12s,transform .12s,border-color .12s}.sf-type-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);border-color:var(--bd-mint)}@media (max-width: 640px){.sf-steps{grid-template-columns:1fr}.sf-hero-search{flex-direction:column}}.sf-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.sf-brand-card{display:block;background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:16px;transition:box-shadow .12s,transform .12s}.sf-brand-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.sf-brand-card .bn{font-weight:700;font-size:16px}.sf-brand-card .bc{color:var(--fg-3);font-size:12px;margin-top:2px}.sf-brand-card .bt{color:var(--fg-2);font-size:12px;margin-top:8px}.sf-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.sf-toolbar .search{flex:1;min-width:200px;display:flex;gap:6px}.sf-toolbar .search .input{flex:1}.cat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.cat-rail{position:sticky;top:76px}.btn-filters{display:none}.sf-filters{background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:16px}.sf-filters.bare{border:0;padding:0;border-radius:0}.sf-filters-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sf-filters .field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sf-filters .lab{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--fg-3)}.sf-filters .select{width:100%;max-width:none}.sf-filters .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sf-check{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:2px;cursor:pointer}.sf-check input{width:16px;height:16px}.lnk{background:none;border:0;padding:0;color:var(--bd-mint-text);font-size:13px;font-weight:600;cursor:pointer}.sf-sheet-foot{position:sticky;bottom:0;background:var(--bd-white);border-top:1px solid var(--border-1);padding:12px;display:flex;gap:10px}@media (max-width: 860px){.cat-layout{grid-template-columns:1fr}.cat-rail{display:none}.btn-filters{display:inline-flex}}.sf-upsell{background:var(--bd-white);border:1px solid var(--border-1);border-radius:var(--r-lg);padding:18px;margin-top:16px}.sf-upsell h2,.sf-upsell h3{margin:0 0 6px;font-size:16px}.sf-compare{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.sf-compare th,.sf-compare td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border-1)}.sf-compare th{color:var(--fg-3);font-weight:600}.sf-compare td.you{color:var(--fg-3)}.sf-compare td.reg{color:var(--bd-mint-text);font-weight:600}.sf-cart-line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-1)}.sf-qty{display:inline-flex;align-items:center;gap:8px}.sf-qty button{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border-1);background:var(--bd-white);display:inline-flex;align-items:center;justify-content:center}.sf-sum-row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.field-err{display:block;color:var(--danger);font-size:12px;margin-top:3px}.sf-co-items{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-1);display:grid;gap:4px;font-size:13px}.sf-co-items .sf-sum-row{margin-top:0}.sf-pill{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;background:var(--bd-fog);color:var(--fg-2)}.sf-pill.stock{background:var(--bd-mint-soft);color:var(--bd-mint-text)}.sf-product-media{aspect-ratio:1 / 1;width:100%;max-width:420px;margin:0 auto;padding:16px;display:grid;place-items:center;background:var(--bd-off-white)}.sf-product-media img{width:100%;height:100%;object-fit:contain}@media (max-width: 600px){.sf-header-inner{gap:8px;padding:10px 12px}.sf-brand .nm{font-size:15px}.sf-brand .sub{display:none}.sf-nav{gap:2px}.sf-nav a:not(.btn){padding:6px 8px;font-size:13px}.sf-nav .btn-sm{padding:6px 10px;font-size:12px}.sf-nav .hide-sm{display:none}.sf-hero{padding:20px}.sf-hero h1{font-size:21px}.sf-qty button{width:40px;height:40px}}.sf-skel{background:linear-gradient(90deg,var(--bd-fog) 25%,#e9edf0 37%,var(--bd-fog) 63%);background-size:400% 100%;animation:sf-shimmer 1.4s ease infinite}@keyframes sf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.sf-skel{animation:none}}