*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;font-family:var(--fp-font-sans,"Space Grotesk","Inter",ui-sans-serif,system-ui);color:var(--color-fg);background:var(--app-bg,var(--color-bg))}:root{--app-bg:var(--color-bg)}a{color:inherit;text-decoration:none}[data-theme=blue-dark]{--app-bg:radial-gradient(circle at 18% 18%,rgba(47,98,255,.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(191,219,254,.1),transparent 26%),linear-gradient(150deg,#0c1222,#0b1220 40%,#070c1a)}[data-theme=blue-light]{--app-bg:radial-gradient(circle at 18% 18%,rgba(47,98,255,.1),transparent 30%),radial-gradient(circle at 82% 12%,rgba(191,219,254,.14),transparent 28%),linear-gradient(150deg,#f7fbff,#eef5ff 45%,#e8f0ff)}[data-theme=purple-dark]{--app-bg:radial-gradient(circle at 20% 20%,rgba(124,58,237,.22),transparent 28%),radial-gradient(circle at 80% 12%,rgba(167,139,250,.12),transparent 26%),linear-gradient(150deg,#140f26,#120d25 42%,#0d0a1a)}[data-theme=purple-light]{--app-bg:radial-gradient(circle at 20% 20%,rgba(124,58,237,.12),transparent 30%),radial-gradient(circle at 80% 12%,rgba(196,181,253,.14),transparent 28%),linear-gradient(150deg,#f9f6ff,#f3edff 45%,#ece6ff)}[data-theme=green-dark]{--app-bg:radial-gradient(circle at 18% 18%,rgba(5,150,105,.2),transparent 28%),radial-gradient(circle at 82% 12%,rgba(110,231,183,.1),transparent 26%),linear-gradient(150deg,#071a12,#061810 40%,#040f0a)}[data-theme=green-light]{--app-bg:radial-gradient(circle at 18% 18%,rgba(5,150,105,.1),transparent 30%),radial-gradient(circle at 82% 12%,rgba(110,231,183,.14),transparent 28%),linear-gradient(150deg,#f0fdf8,#e6faf2 45%,#d8f5e8)}[data-theme=orange-dark]{--app-bg:radial-gradient(circle at 18% 18%,rgba(234,88,12,.2),transparent 28%),radial-gradient(circle at 82% 12%,hsla(31,97%,72%,.1),transparent 26%),linear-gradient(150deg,#1a0e06,#180c05 40%,#100804)}[data-theme=orange-light]{--app-bg:radial-gradient(circle at 18% 18%,rgba(234,88,12,.1),transparent 30%),radial-gradient(circle at 82% 12%,hsla(31,97%,72%,.14),transparent 28%),linear-gradient(150deg,#fff8f0,#fff0e0 45%,#ffe8cc)}body[data-theme],html[data-theme]{background:var(--app-bg,var(--color-bg))}*{scrollbar-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border)) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));border-radius:999px}.sf-shell{min-height:100vh;display:flex;flex-direction:column;background:transparent}.sf-topbar{height:64px;min-height:64px;flex-shrink:0;display:flex;align-items:center;padding:0 24px;gap:16px;background:color-mix(in srgb,var(--color-surface) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:200}.sf-brand{font-weight:800;font-size:18px;letter-spacing:-.2px;color:var(--color-fg);flex-shrink:0}.sf-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.sf-nav::-webkit-scrollbar{display:none}.sf-topbarRight{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.sf-navLink{font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;color:var(--color-fg);border:1px solid transparent;flex-shrink:0;white-space:nowrap;transition:background .14s ease,border-color .14s ease}.sf-navLink:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 18%,transparent)}.sf-navLinkActive{background:color-mix(in srgb,var(--color-primary) 15%,transparent);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}.sf-navLinkGhost{border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent)}.sf-iconBtn{width:36px;height:36px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 80%,transparent);color:var(--color-fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,border-color .14s ease;flex-shrink:0}.sf-iconBtn:hover{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.sf-iconBtn:disabled{opacity:.5;cursor:not-allowed}.sf-accountWrap{position:relative;display:flex;align-items:center;gap:8px}.sf-avatar{width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 20%,transparent);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-primary)}.sf-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:999px}.sf-accountEmail{font-weight:600;font-size:13px;color:var(--color-fg)}.sf-accountMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:6px;z-index:320;box-shadow:0 4px 20px rgba(0,0,0,.14)}.sf-accountMenuItem{display:flex;width:100%;align-items:center;padding:9px 12px;border-radius:8px;color:var(--color-fg);background:transparent;border:none;font-weight:600;font-size:13px;cursor:pointer;text-align:left}.sf-accountMenuItem:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.sf-content{flex:1;padding:48px clamp(20px,6vw,80px);gap:32px}.sf-content,.sf-hero{display:flex;flex-direction:column}.sf-hero{border-radius:24px;padding:48px;background:color-mix(in srgb,var(--color-primary) 8%,color-mix(in srgb,var(--color-surface) 60%,transparent));border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));gap:18px;backdrop-filter:blur(8px)}.sf-hero h1{margin:0;font-size:clamp(28px,4vw,42px);font-weight:800}.sf-hero p{margin:0;color:var(--color-muted);max-width:640px;line-height:1.6}.sf-heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.sf-primaryButton{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:44px;border-radius:999px;border:none;font-weight:700;font-size:14px;color:var(--color-on-primary,#fff);background:var(--color-primary);cursor:pointer;transition:opacity .14s ease,transform 80ms ease}.sf-primaryButton:hover{opacity:.88}.sf-primaryButton:active{transform:scale(.97)}.sf-secondaryButton{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);font-weight:700;font-size:14px;color:var(--color-fg);background:color-mix(in srgb,var(--color-surface) 70%,transparent);cursor:pointer;transition:background .14s ease,border-color .14s ease}.sf-secondaryButton:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.sf-btn{height:36px;border:1px solid transparent;background:var(--color-primary);color:var(--color-on-primary,#fff);font-weight:700;font-size:13px}.sf-btnOutline{background:transparent;border-color:var(--color-border);color:var(--color-fg)}.sf-metricsGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sf-panelRow{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sf-authWrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:calc(100vh - 64px)}.card{width:100%;max-width:440px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);border:1px solid var(--color-border);border-radius:16px;padding:32px;box-shadow:var(--shadow-card,0 6px 24px rgba(0,0,0,.08));backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:16px}.title{font-size:22px;font-weight:800;margin:0}.muted,.sf-muted{color:var(--color-muted);font-size:13px;line-height:1.4}.form{gap:12px}.form,.label{display:flex;flex-direction:column}.label{gap:6px;font-weight:600;font-size:13px}.input,.select{height:38px;border-radius:10px;border:1px solid var(--color-border);padding:0 12px;background:var(--color-surface);color:var(--color-fg);font-size:14px}.input:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.button{height:40px;border:none;border-radius:10px;background:var(--color-primary);color:var(--color-on-primary,#fff);font-weight:700;cursor:pointer;transition:opacity .14s ease}.button:hover{opacity:.88}.button:disabled{opacity:.55;cursor:not-allowed}.error{border:1px solid color-mix(in srgb,#e11d48 25%,transparent);background:color-mix(in srgb,#e11d48 8%,transparent);color:var(--color-danger-text,#9f1239);border-radius:10px;padding:10px 12px;font-size:13px}.sf-modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:500}.sf-modalCard{width:min(480px,calc(100vw - 32px));background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.18)}.sf-paletteFab{position:fixed;bottom:24px;right:24px;z-index:400;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sf-paletteTrigger{width:44px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-surface) 90%,transparent);color:var(--color-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.14);transition:transform .14s ease,box-shadow .14s ease}.sf-paletteTrigger:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.2)}.sf-palettePanel{display:flex;flex-direction:column;gap:8px;padding:10px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.14)}.sf-paletteColor{width:28px;height:28px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease;flex-shrink:0}.sf-paletteColor:hover{transform:scale(1.15)}.sf-paletteColorActive{border-color:var(--color-fg);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-fg) 20%,transparent)}.sf-page{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.sf-page--centered{display:flex;align-items:center;justify-content:center;min-height:60vh}.sf-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.sf-page-title{font-size:24px;font-weight:700;color:var(--color-fg);margin:0}.sf-page-subtitle{font-size:13px;color:var(--color-muted);margin-top:4px}.sf-loading{padding:32px 0}.sf-empty,.sf-loading{color:var(--color-muted)}.sf-empty{padding:48px 0;text-align:center;font-size:15px}.sf-error{color:#f87171;background:hsla(0,91%,71%,.08);border-radius:8px;padding:10px 14px;font-size:13px;margin:8px 0}.sf-link{color:var(--color-primary);text-decoration:underline}.sf-muted{color:var(--color-muted);font-size:13px}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);text-decoration:none;transition:opacity .12s,background .12s;white-space:nowrap}.sf-btn:hover{opacity:.85}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn--primary{background:var(--color-primary,#3b82f6);color:#fff;border-color:transparent}.sf-btn--ghost{background:transparent;border-color:var(--color-border)}.sf-btn--lg{height:46px;padding:0 24px;font-size:15px}.sf-btn--full{width:100%}.sf-search-form{display:flex;gap:8px;flex:1;max-width:400px}.sf-search-input{flex:1;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);font-size:14px}.sf-search-input:focus{outline:2px solid var(--color-primary,#3b82f6);outline-offset:1px}.sf-search-meta{font-size:13px;color:var(--color-muted);margin-bottom:16px}.sf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.sf-product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--color-fg);transition:box-shadow .15s,transform .15s}.sf-product-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.sf-product-img-wrap{aspect-ratio:1;overflow:hidden;background:var(--color-bg)}.sf-product-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-border) 0,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.sf-product-img-placeholder--lg{width:100%;aspect-ratio:1}.sf-product-img-placeholder--sm{width:64px;height:64px;border-radius:8px;flex-shrink:0}.sf-product-info{padding:14px}.sf-product-name{font-weight:600;font-size:14px;margin-bottom:4px}.sf-product-price{font-size:15px;font-weight:700;color:var(--color-primary,#3b82f6)}.sf-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}@media (max-width:700px){.sf-product-detail{grid-template-columns:1fr}}.sf-product-detail-img{border-radius:16px;overflow:hidden}.sf-product-detail-info{display:flex;flex-direction:column;gap:16px}.sf-product-detail-name{font-size:26px;font-weight:700;margin:0}.sf-product-detail-price{font-size:22px;font-weight:700;color:var(--color-primary,#3b82f6)}.sf-variant-section{display:flex;flex-direction:column;gap:8px}.sf-variant-label{font-size:13px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.sf-variant-list{display:flex;flex-wrap:wrap;gap:8px}.sf-variant-chip{padding:6px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);font-size:13px;cursor:pointer;display:flex;gap:6px;align-items:center}.sf-product-meta,.sf-variant-price{color:var(--color-muted);font-size:12px}.sf-product-meta{display:flex;gap:8px}.sf-product-meta-label{font-weight:600}.sf-out-of-stock{color:var(--color-muted);font-size:14px;padding:12px 0}.sf-cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}@media (max-width:800px){.sf-cart-layout{grid-template-columns:1fr}}.sf-cart-items{display:flex;flex-direction:column;gap:12px}.sf-cart-item{display:flex;align-items:center;gap:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px}.sf-cart-item-info{flex:1;min-width:0}.sf-cart-item-name{font-weight:600;font-size:14px}.sf-cart-item-variant{font-size:12px;color:var(--color-muted)}.sf-cart-item-price{font-size:13px;color:var(--color-muted);margin-top:2px}.sf-cart-item-qty{gap:8px}.sf-cart-item-qty,.sf-qty-btn{display:flex;align-items:center}.sf-qty-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);font-size:16px;cursor:pointer;justify-content:center}.sf-qty-value{font-size:14px;font-weight:600;min-width:20px;text-align:center}.sf-cart-item-total{font-weight:700;font-size:15px;min-width:70px;text-align:right}.sf-cart-item-remove{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.sf-cart-item-remove:hover{color:#f87171;background:hsla(0,91%,71%,.1)}.sf-cart-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}.sf-cart-summary-title{font-weight:700;font-size:16px}.sf-cart-summary-row{display:flex;justify-content:space-between;font-size:14px}.sf-cart-summary-row--muted{color:var(--color-muted)}.sf-cart-summary-row--total{font-weight:700;font-size:16px}.sf-cart-summary-divider{border:none;border-top:1px solid var(--color-border);margin:4px 0}.sf-checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}@media (max-width:800px){.sf-checkout-layout{grid-template-columns:1fr}}.sf-checkout-main{display:flex;flex-direction:column;gap:20px}.sf-checkout-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.sf-checkout-section-title{font-weight:700;font-size:15px}.sf-checkout-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}.sf-checkout-line{display:flex;justify-content:space-between;font-size:13px;gap:8px}.sf-checkout-line-name{color:var(--color-muted);flex:1}.sf-form-row{display:flex;gap:12px}.sf-form-row--2>*,.sf-form-row--3>*{flex:1}.sf-label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:500}.sf-input,.sf-label{color:var(--color-fg)}.sf-input{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);font-size:14px}.sf-input:focus{outline:2px solid var(--color-primary,#3b82f6);outline-offset:1px}.sf-input--sm{width:72px}.sf-shipping-options{display:flex;flex-direction:column;gap:10px}.sf-shipping-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--color-border);cursor:pointer;transition:border-color .12s}.sf-shipping-option--selected{border-color:var(--color-primary,#3b82f6);background:color-mix(in srgb,var(--color-primary,#3b82f6) 6%,transparent)}.sf-shipping-option input[type=radio]{accent-color:var(--color-primary,#3b82f6)}.sf-shipping-option-info{flex:1}.sf-shipping-option-label{font-size:14px;font-weight:600}.sf-shipping-option-desc{font-size:12px;color:var(--color-muted)}.sf-shipping-option-cost{font-weight:700;font-size:14px}.sf-payment-placeholder{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;border:1px dashed var(--color-border);color:var(--color-muted);font-size:13px}.sf-payment-placeholder-icon{font-size:24px}.sf-success-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:48px 40px;text-align:center;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.sf-success-icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e;font-size:28px;display:flex;align-items:center;justify-content:center}.sf-success-title{font-size:24px;font-weight:700;margin:0}.sf-success-body{color:var(--color-muted);font-size:15px;margin:0}.sf-success-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.sf-auth-prompt{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:48px 40px;text-align:center;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.sf-auth-prompt-icon{font-size:40px}.sf-auth-prompt-title{font-size:22px;font-weight:700;margin:0}.sf-auth-prompt-body{color:var(--color-muted);font-size:14px;margin:0}.sf-auth-prompt-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sf-account-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sf-account-nav-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;text-decoration:none;color:var(--color-fg);display:flex;align-items:center;gap:14px;transition:box-shadow .15s,transform .15s}.sf-account-nav-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.sf-account-nav-icon{font-size:24px;flex-shrink:0}.sf-account-nav-label{font-weight:600;font-size:14px}.sf-account-nav-desc{font-size:12px;color:var(--color-muted);margin-top:2px}.sf-orders-list{gap:12px}.sf-order-card,.sf-orders-list{display:flex;flex-direction:column}.sf-order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;text-decoration:none;color:var(--color-fg);transition:box-shadow .15s;gap:8px}.sf-order-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.sf-order-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sf-order-number{font-weight:700;font-size:15px}.sf-order-card-meta{display:flex;gap:16px;font-size:13px;color:var(--color-muted);flex-wrap:wrap}.sf-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.sf-status-badge--neutral{background:rgba(100,116,139,.15);color:#94a3b8}.sf-status-badge--warning{background:rgba(251,191,36,.15);color:#fbbf24}.sf-status-badge--success{background:rgba(34,197,94,.15);color:#22c55e}.sf-status-badge--danger{background:hsla(0,91%,71%,.15);color:#f87171}.sf-order-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}@media (max-width:700px){.sf-order-detail-layout{grid-template-columns:1fr}}.sf-order-detail-main{display:flex;flex-direction:column;gap:20px}.sf-order-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.sf-order-section-title{font-weight:700;font-size:15px}.sf-order-line{display:flex;align-items:center;gap:14px}.sf-order-line-info{flex:1}.sf-order-line-name{font-weight:600;font-size:14px}.sf-order-line-qty{font-size:12px;color:var(--color-muted)}.sf-order-line-price{font-weight:700;font-size:14px}.sf-order-detail-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}.sf-tracking-number{font-size:13px;color:var(--color-muted)}.sf-tracking-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px}.sf-tracking-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.sf-tracking-event{display:flex;gap:12px;position:relative;padding-bottom:16px}.sf-tracking-dot{width:14px;height:14px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-bg);position:absolute;left:-20px;top:3px;flex-shrink:0}.sf-tracking-event--latest .sf-tracking-dot{background:var(--color-primary,#3b82f6)}.sf-tracking-event-body{flex:1}.sf-tracking-event-desc{font-size:14px;font-weight:500}.sf-tracking-event-meta{font-size:12px;color:var(--color-muted);margin-top:2px}.sf-footer{padding:24px 0;margin-top:32px;border-top:1px solid var(--color-border);text-align:center;font-size:13px}.sf-brandLogo{height:28px;width:auto;margin-right:8px;vertical-align:middle}.sf-localeSelect{background:transparent;color:var(--color-fg,inherit);border:1px solid var(--color-border);border-radius:6px;font-size:12px;padding:4px 6px}.sf-tpl-commerce .sf-brand{letter-spacing:-.01em}.sf-tpl-education .sf-hero{border-left:4px solid var(--color-primary,#3b82f6);padding-left:20px}.sf-tpl-education .sf-primaryButton{border-radius:999px}.sf-tpl-software .sf-hero{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sf-tpl-software .sf-primaryButton{border-radius:4px}.sf-tpl-blank .sf-hero{border:none;box-shadow:none}.sf-tpl-blank .sf-footer{display:none}.sfChat{position:fixed;right:20px;bottom:84px;z-index:60}.sfChatFab{position:relative;width:52px;height:52px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast,#fff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px color-mix(in srgb,var(--color-primary) 45%,transparent);transition:transform .15s ease,box-shadow .15s ease}.sfChatFab:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary) 55%,transparent)}.sfChatBadge{top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--color-danger,#dc2626);color:#fff;font-size:11px;font-weight:700;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--color-bg)}.sfChatBadge,.sfChatPanel{position:absolute;display:flex}.sfChatPanel{right:0;bottom:62px;width:360px;max-width:calc(100vw - 40px);height:460px;max-height:calc(100vh - 170px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35);flex-direction:column;overflow:hidden}.sfChatHead{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface))}.sfChatTitle{font-weight:600;font-size:14px;color:var(--color-fg)}.sfChatList{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.sfChatEmpty{text-align:center;padding:24px 8px}.sfChatBubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.sfChatMine{align-self:flex-end;background:var(--color-primary);color:var(--color-primary-contrast,#fff);border-bottom-right-radius:4px}.sfChatAgent{align-self:flex-start;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border:1px solid var(--color-border);color:var(--color-fg);border-bottom-left-radius:4px}.sfChatMeta{font-size:10px;opacity:.65;margin-top:4px}.sfChatError{padding:8px 14px;font-size:12px;color:var(--color-danger,#dc2626);background:color-mix(in srgb,var(--color-danger,#dc2626) 8%,transparent)}.sfChatError,.sfChatInput{border-top:1px solid var(--color-border)}.sfChatInput{display:flex;gap:8px;padding:10px}.sfChatField{flex:1;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;background:var(--color-bg);color:var(--color-fg);font-size:14px}.sfChatField:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.sfChatSend{border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;background:var(--color-primary);color:var(--color-primary-contrast,#fff);cursor:pointer}.sfChatSend:disabled{opacity:.5;cursor:not-allowed}.sfChatSend:not(:disabled):hover{filter:brightness(1.1)}.sfChatGuest{padding:20px 16px;text-align:center;color:var(--color-fg);font-size:14px}.sf-chatLoginLink{display:inline-block;margin-top:12px;padding:8px 20px;border-radius:8px;background:var(--color-primary);color:var(--color-primary-contrast,#fff);text-decoration:none;font-weight:600;font-size:13px}@media (max-width:480px){.sfChatPanel{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;height:70vh;max-height:none;border-radius:16px 16px 0 0}}:root{--color-bg:#f6f7fb;--color-fg:#0b1220;--color-muted:#5b647a;--color-border:#e6e8f0;--color-surface:#fff;--color-primary:#2f62ff;--color-danger:#e11d48;--color-success:#16a34a;--color-warning:#f59e0b;--color-on-fg:#fff;--color-on-primary:#fff;--color-code-fg:#e8edff;--color-danger-text:#7f1d1d;--color-overlay-on-fg:hsla(0,0%,100%,.12);--color-overlay-on-bg:rgba(0,0,0,.04);--color-danger-border:rgba(225,29,72,.25);--color-danger-surface:rgba(225,29,72,.08);--shadow-card:0 6px 16px rgba(20,20,40,.06);--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px}[data-theme=brandA]{--color-primary:#7c3aed}[data-theme=brandB]{--color-primary:#059669}:root{--fp-font-sans:var(--font-sans,"Space Grotesk","Inter",ui-sans-serif,system-ui);--fp-radius-md:var(--radius-md,12px);--fp-radius-lg:var(--radius-lg,16px);--fp-radius-pill:999px;--fp-transition:140ms ease;--color-bg:var(--color-bg,#f6f7fb);--color-surface:var(--color-surface,#fff);--color-fg:var(--color-fg,#0b1220);--color-muted:var(--color-muted,#5b647a);--color-border:var(--color-border,#e6e8f0);--color-primary:var(--color-primary,#2f62ff);--color-on-primary:var(--color-on-primary,#fff);--color-success:var(--color-success,#16a34a);--color-warning:var(--color-warning,#f59e0b);--color-danger:var(--color-danger,#e11d48);--shadow-card:-3px -3px 10px hsla(0,0%,100%,.45),4px 6px 16px rgba(17,24,39,.06),0 1px 2px rgba(17,24,39,.04);--fp-input-bg:color-mix(in srgb,var(--color-surface) 92%,var(--color-bg));--fp-select-bg:var(--fp-input-bg);--fp-textarea-bg:var(--fp-input-bg);--fp-input-bg-focus:color-mix(in srgb,var(--color-surface) 96%,var(--color-primary) 4%);--fp-input-focus-ring:color-mix(in srgb,var(--color-primary) 24%,transparent);--fp-input-placeholder:var(--color-muted)}[data-theme=midnight]{--color-bg:#050914;--color-surface:#0f172a;--color-fg:#e2e8f0;--color-muted:#94a3b8;--color-border:#1e293b;--color-primary:#38bdf8;--color-on-primary:#02263f;--shadow-card:-2px -2px 8px hsla(0,0%,100%,.04),4px 6px 18px rgba(0,0,0,.45)}[data-theme=sunrise]{--color-bg:#fff4ec;--color-surface:#fff;--color-fg:#431407;--color-muted:#9a3412;--color-border:#fed7aa;--color-primary:#f97316;--color-on-primary:#fff7ed;--shadow-card:-3px -3px 10px hsla(0,0%,100%,.5),5px 8px 22px rgba(249,115,22,.18)}[data-theme=blue-light]{--color-bg:#f5f7fb;--color-surface:#fff;--color-fg:#0b1220;--color-muted:#53607a;--color-border:#e2e8f0;--color-primary:#2563eb;--color-on-primary:#f8fafc;--color-on-fg:#0b1220;--shadow-card:-3px -3px 10px hsla(0,0%,100%,.55),5px 8px 22px rgba(20,20,40,.09)}[data-theme=blue-dark]{--color-bg:#0b1220;--color-surface:#111827;--color-fg:#e2e8f0;--color-muted:#94a3b8;--color-border:#1f2937;--color-primary:#60a5fa;--color-on-primary:#0b1220;--color-on-fg:#e2e8f0;--shadow-card:-2px -2px 8px hsla(0,0%,100%,.04),4px 6px 18px rgba(0,0,0,.42)}[data-theme=purple-light]{--color-bg:#f7f3ff;--color-surface:#fff;--color-fg:#2d1b4f;--color-muted:#6b4ca5;--color-border:#e9ddff;--color-primary:#7c3aed;--color-on-primary:#fdfcff;--color-on-fg:#2d1b4f;--shadow-card:-3px -3px 10px hsla(0,0%,100%,.5),5px 8px 24px rgba(60,32,120,.12)}[data-theme=purple-dark]{--color-bg:#0f0a1a;--color-surface:#181025;--color-fg:#e8defd;--color-muted:#c7b7f5;--color-border:#261b3d;--color-primary:#a78bfa;--color-on-primary:#120a1f;--color-on-fg:#e8defd;--shadow-card:-2px -2px 8px hsla(0,0%,100%,.04),5px 7px 20px rgba(0,0,0,.48)}.fp-card{background:var(--color-surface);border-radius:var(--fp-radius-lg);border:1px solid var(--color-border);padding:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;font-family:var(--fp-font-sans)}.fp-card-gradient{border:none;background:linear-gradient(135deg,var(--color-primary),hsla(0,0%,100%,0));color:var(--color-on-primary)}.fp-card-gradient .fp-card-title{color:inherit}.fp-card-title{font-size:18px;font-weight:700;color:var(--color-fg)}.fp-card-footer{margin-top:8px;padding-top:12px;border-top:1px dashed var(--color-border);color:var(--color-muted);font-size:13px}.fp-btn{border:none;border-radius:var(--fp-radius-pill);font-family:var(--fp-font-sans);font-weight:600;cursor:pointer;transition:background var(--fp-transition),color var(--fp-transition),box-shadow var(--fp-transition);display:inline-flex;align-items:center;justify-content:center;gap:8px}.fp-btn-md{min-height:38px;padding:0 18px;font-size:14px}.fp-btn-sm{min-height:32px;padding:0 14px;font-size:13px}.fp-btn-lg{min-height:44px;padding:0 22px;font-size:16px}.fp-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.fp-btn-primary:hover{box-shadow:0 8px 18px rgba(47,98,255,.24)}.fp-btn-ghost{background:transparent;color:var(--color-fg);border:1px solid var(--color-border)}.fp-btn-ghost:hover{background:rgba(0,0,0,.04)}.fp-btn-danger{background:rgba(225,29,72,.12);color:#9f1239;border:1px solid rgba(225,29,72,.45)}.fp-btn:disabled{opacity:.6;cursor:not-allowed}.fp-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--fp-radius-pill);font-size:12px;font-weight:600;font-family:var(--fp-font-sans);border:1px solid transparent}.fp-badge-icon{width:8px;height:8px;border-radius:999px;margin-right:6px;background:currentColor;display:inline-block}.fp-badge-neutral{background:rgba(0,0,0,.04);color:var(--color-fg);border-color:rgba(0,0,0,.06)}.fp-badge-success{background:rgba(22,163,74,.12);color:#065f46;border-color:rgba(22,163,74,.2)}.fp-badge-warning{background:rgba(245,158,11,.12);color:#92400e;border-color:rgba(245,158,11,.2)}.fp-badge-danger{background:rgba(225,29,72,.12);color:#9f1239;border-color:rgba(225,29,72,.2)}.fp-field{display:flex;flex-direction:column;gap:6px;font-family:var(--fp-font-sans);color:var(--color-fg)}.fp-field-block{width:100%}.fp-field-row{display:flex;flex-direction:row;align-items:center;gap:8px}.fp-label{font-weight:700;font-size:14px;color:var(--color-fg)}.fp-date,.fp-datetime,.fp-input,.fp-select,.fp-textarea{width:100%;min-height:38px;border-radius:var(--fp-radius-md);border:1px solid var(--color-border);padding:10px 12px;font-size:14px;font-family:var(--fp-font-sans);color:var(--color-fg);background-color:var(--fp-input-bg);transition:border var(--fp-transition),box-shadow var(--fp-transition),background-color var(--fp-transition)}.fp-input::-moz-placeholder,.fp-textarea::-moz-placeholder{color:var(--fp-input-placeholder)}.fp-input::placeholder,.fp-textarea::placeholder{color:var(--fp-input-placeholder)}.fp-date:focus,.fp-datetime:focus,.fp-input:focus,.fp-select:focus,.fp-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--fp-input-focus-ring);background-color:var(--fp-input-bg-focus)}.fp-date:disabled,.fp-datetime:disabled,.fp-input:disabled,.fp-select:disabled,.fp-textarea:disabled{opacity:.6;cursor:not-allowed}.fp-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--fp-select-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;padding-right:36px;cursor:pointer;color:var(--color-fg)}[data-theme$=-dark] .fp-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E")}.fp-select option{background-color:var(--color-surface);color:var(--color-fg)}.fp-textarea{min-height:120px;resize:vertical;padding:12px;background-color:var(--fp-textarea-bg)}.fp-date,.fp-datetime{color-scheme:light;padding-right:36px}[data-theme$=-dark] .fp-date,[data-theme$=-dark] .fp-datetime{color-scheme:dark}.fp-checkbox,.fp-radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-height:18px;border:2px solid var(--color-border);background-color:var(--fp-input-bg);color:var(--color-on-primary);cursor:pointer;transition:border var(--fp-transition),background-color var(--fp-transition),box-shadow var(--fp-transition);flex-shrink:0;margin:0}.fp-checkbox{border-radius:5px}.fp-radio{border-radius:50%}.fp-checkbox:checked{border-color:var(--color-primary);background:var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l3 3 6-7'/%3E%3C/svg%3E") no-repeat center /12px}.fp-radio:checked{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 4px var(--color-surface)}.fp-checkbox:disabled,.fp-radio:disabled{opacity:.5;cursor:not-allowed}.fp-helper{font-size:12px;color:var(--color-muted)}.fp-error{font-size:12px;color:var(--color-danger)}.fp-table{width:100%;border-collapse:collapse;font-family:var(--fp-font-sans);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--fp-radius-lg);overflow:hidden}.fp-table thead{background:rgba(0,0,0,.02)}.fp-table td,.fp-table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border)}.fp-table tbody tr:hover{background:rgba(0,0,0,.02)}.fp-table-empty{text-align:center;color:var(--color-muted);padding:16px}.fp-chart{display:inline-flex;align-items:center;gap:8px;font-family:var(--fp-font-sans);color:var(--color-muted)}.fp-chart svg{overflow:visible}.fp-hero{border-radius:var(--fp-radius-lg);padding:24px;color:var(--color-on-primary);box-shadow:var(--shadow-card)}.fp-metrics-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}