:root{color-scheme:light;--sn-blue-50:#eff5ff;--sn-blue-100:#dbe8fe;--sn-blue-200:#bfd7fe;--sn-blue-300:#93befd;--sn-blue-400:#609dfb;--sn-blue-500:#2b7bf7;--sn-blue-600:#0057ed;--sn-blue-700:#0047ce;--sn-blue-800:#003aae;--sn-blue-900:#002a85;--sn-blue-950:#001756;--sn-amber-50:#fff7ed;--sn-amber-100:#ffedd5;--sn-amber-200:#fed7aa;--sn-amber-300:#fdba74;--sn-amber-400:#fd9a2e;--sn-amber-500:#fd8701;--sn-amber-600:#e06e00;--sn-amber-700:#b85400;--sn-amber-800:#92400e;--sn-amber-900:#78370d;--sn-slate-25:#fbfcfe;--sn-slate-50:#f5f7fb;--sn-slate-100:#edf1f7;--sn-slate-200:#dfe5ef;--sn-slate-300:#c7d0df;--sn-slate-400:#97a3b8;--sn-slate-500:#5e6a80;--sn-slate-600:#495468;--sn-slate-700:#3c4759;--sn-slate-800:#27303f;--sn-slate-900:#161c28;--sn-slate-950:#0b0f17;--sn-primary:var(--sn-blue-600);--sn-primary-hover:var(--sn-blue-700);--sn-primary-active:var(--sn-blue-800);--sn-primary-fg:#ffffff;--sn-primary-soft:var(--sn-blue-50);--sn-primary-soft-2:var(--sn-blue-100);--sn-primary-border:var(--sn-blue-200);--sn-primary-ink:var(--sn-blue-700);--sn-secondary:var(--sn-blue-900);--sn-secondary-deep:var(--sn-blue-950);--sn-secondary-fg:#ffffff;--sn-wordmark:var(--sn-blue-900);--sn-accent:var(--sn-amber-500);--sn-accent-hover:var(--sn-amber-600);--sn-accent-fg:var(--sn-slate-900);--sn-accent-soft:var(--sn-amber-50);--sn-accent-border:var(--sn-amber-200);--sn-accent-ink:var(--sn-amber-700);--sn-bg:var(--sn-slate-50);--sn-surface:#ffffff;--sn-surface-2:var(--sn-slate-100);--sn-surface-3:var(--sn-slate-200);--sn-card:#ffffff;--sn-overlay:rgba(11,15,23,0.55);--sn-backdrop-blur:10px;--sn-border:var(--sn-slate-200);--sn-border-subtle:var(--sn-slate-100);--sn-border-strong:var(--sn-slate-300);--sn-border-brand:var(--sn-blue-200);--sn-text:var(--sn-slate-900);--sn-text-secondary:var(--sn-slate-700);--sn-text-muted:var(--sn-slate-500);--sn-text-disabled:var(--sn-slate-400);--sn-text-inverse:#ffffff;--sn-text-link:var(--sn-primary);--sn-success:#0a7a3c;--sn-success-soft:#ecfdf5;--sn-success-soft-2:#d1fae5;--sn-success-border:#a7e9c8;--sn-success-ink:#166534;--sn-warning:var(--sn-amber-600);--sn-warning-soft:var(--sn-amber-50);--sn-warning-soft-2:var(--sn-amber-100);--sn-warning-border:var(--sn-amber-200);--sn-warning-ink:#92400e;--sn-danger:#ce2c31;--sn-danger-soft:#fef2f2;--sn-danger-soft-2:#fee2e2;--sn-danger-border:#fbc5c5;--sn-danger-ink:#991b1b;--sn-info:var(--sn-blue-600);--sn-info-soft:var(--sn-blue-50);--sn-info-soft-2:var(--sn-blue-100);--sn-info-border:var(--sn-blue-200);--sn-info-ink:var(--sn-blue-700);--sn-inverse-surface:var(--sn-slate-900);--sn-inverse-text:#ffffff;--sn-sidebar-bg:var(--sn-blue-950);--sn-sidebar-gradient:linear-gradient(180deg,#002a85,#001756);--sn-sidebar-text:#ffffff;--sn-sidebar-text-idle:#b9cdf2;--sn-sidebar-title:#8aa8e0;--sn-sidebar-hover:rgba(255,255,255,0.1);--sn-sidebar-border:rgba(255,255,255,0.12);--sn-sidebar-active-bg:var(--sn-blue-600);--sn-sidebar-active-fg:#ffffff;--sn-gradient-brand:linear-gradient(135deg,#0057ed,#0296fd);--sn-gradient-brand-deep:linear-gradient(135deg,#002a85,#0057ed);--sn-gradient-accent:linear-gradient(135deg,#fd8701,#feb407);--sn-gradient-mark:linear-gradient(135deg,#fd8701,#0057ed 55%,#002a85);--sn-chart-1:#0057ed;--sn-chart-2:#fd8701;--sn-chart-3:#0296fd;--sn-chart-4:#0a7a3c;--sn-chart-5:#7c3aed;--sn-chart-6:#ce2c31;--sn-font-sans:Vazirmatn,"Meshkat","IRANSans","Segoe UI",Tahoma,Arial,sans-serif;--sn-font-mono:"SFMono-Regular","JetBrains Mono",Menlo,Consolas,monospace;--sn-weight-normal:400;--sn-weight-medium:500;--sn-weight-semibold:600;--sn-weight-bold:700;--sn-weight-black:800;--sn-display-size:1.875rem;--sn-display-lh:1.3;--sn-display-weight:var(--sn-weight-black);--sn-h1-size:1.5rem;--sn-h1-lh:1.35;--sn-h1-weight:var(--sn-weight-bold);--sn-h2-size:1.25rem;--sn-h2-lh:1.4;--sn-h2-weight:var(--sn-weight-bold);--sn-h3-size:1rem;--sn-h3-lh:1.5;--sn-h3-weight:var(--sn-weight-bold);--sn-h4-size:0.875rem;--sn-h4-lh:1.55;--sn-h4-weight:var(--sn-weight-semibold);--sn-body-lg-size:0.9375rem;--sn-body-lg-lh:1.75;--sn-body-size:0.875rem;--sn-body-lh:1.7;--sn-body-sm-size:0.8125rem;--sn-body-sm-lh:1.65;--sn-caption-size:0.75rem;--sn-caption-lh:1.6;--sn-label-size:0.75rem;--sn-label-lh:1.5;--sn-label-weight:var(--sn-weight-semibold);--sn-button-size:0.84375rem;--sn-button-weight:var(--sn-weight-semibold);--sn-tracking-tight:-0.01em;--sn-tracking-normal:0;--sn-tracking-wide:0.04em;--sn-space-0:0;--sn-space-1:4px;--sn-space-2:8px;--sn-space-3:12px;--sn-space-4:16px;--sn-space-5:20px;--sn-space-6:24px;--sn-space-7:32px;--sn-space-8:40px;--sn-space-9:48px;--sn-space-10:64px;--sn-gutter:var(--sn-space-6);--sn-gutter-mobile:var(--sn-space-4);--sn-stack:var(--sn-space-4);--sn-card-padding:var(--sn-space-4);--sn-radius-xs:4px;--sn-radius-sm:6px;--sn-radius-md:10px;--sn-radius-lg:14px;--sn-radius-xl:20px;--sn-radius-pill:999px;--sn-border-width:1px;--sn-border-width-thick:1.5px;--sn-shadow-none:none;--sn-shadow-xs:0 1px 2px rgba(11,15,23,0.05);--sn-shadow-sm:0 1px 4px rgba(11,15,23,0.06);--sn-shadow-md:0 4px 12px rgba(11,15,23,0.08);--sn-shadow-lg:0 8px 24px rgba(11,15,23,0.10);--sn-shadow-xl:0 24px 56px rgba(11,15,23,0.18);--sn-elevation-flat:var(--sn-shadow-none);--sn-elevation-raised:var(--sn-shadow-sm);--sn-elevation-hover:var(--sn-shadow-md);--sn-elevation-floating:var(--sn-shadow-lg);--sn-elevation-modal:var(--sn-shadow-xl);--sn-focus-color:var(--sn-primary);--sn-focus-width:2px;--sn-focus-offset:2px;--sn-focus-ring:0 0 0 3px rgba(0,87,237,0.22);--sn-focus-ring-danger:0 0 0 3px rgba(206,44,49,0.20);--sn-focus-ring-success:0 0 0 3px rgba(10,122,60,0.20);--sn-control-sm:36px;--sn-control-md:44px;--sn-control-lg:48px;--sn-control-padding-sm:0 var(--sn-space-3);--sn-control-padding-md:0 var(--sn-space-4);--sn-control-padding-lg:0 var(--sn-space-5);--sn-tap-target:44px;--sn-icon-xs:12px;--sn-icon-sm:16px;--sn-icon-md:20px;--sn-icon-lg:24px;--sn-icon-xl:32px;--sn-sidebar-w:248px;--sn-sidebar-w-md:216px;--sn-topbar-h:56px;--sn-aside-w:340px;--sn-content-max:1440px;--sn-prose-max:68ch;--sn-duration-instant:80ms;--sn-duration-fast:140ms;--sn-duration-base:200ms;--sn-duration-slow:320ms;--sn-ease-standard:cubic-bezier(0.2,0,0.15,1);--sn-ease-entrance:cubic-bezier(0,0,0.2,1);--sn-ease-exit:cubic-bezier(0.4,0,1,1);--sn-transition-colors:color var(--sn-duration-fast) var(--sn-ease-standard),background-color var(--sn-duration-fast) var(--sn-ease-standard),border-color var(--sn-duration-fast) var(--sn-ease-standard),box-shadow var(--sn-duration-fast) var(--sn-ease-standard);--sn-transition-transform:transform var(--sn-duration-fast) var(--sn-ease-standard);--sn-z-base:0;--sn-z-sticky:10;--sn-z-header:20;--sn-z-dropdown:30;--sn-z-scrim:40;--sn-z-modal:50;--sn-z-toast:60;--sn-bp-tablet:600px;--sn-bp-laptop:900px;--sn-bp-desktop:1200px;--sn-bp-wide:1600px}:root[data-color-scheme=dark],:root[data-theme=dark]{color-scheme:dark;--sn-bg:#0b0f17;--sn-surface:#151b26;--sn-surface-2:#1e2634;--sn-surface-3:#283242;--sn-card:#151b26;--sn-overlay:rgba(3,5,9,0.7);--sn-border:#2b3546;--sn-border-subtle:#212a38;--sn-border-strong:#3a4658;--sn-border-brand:#1e4fa0;--sn-text:#e9eef7;--sn-text-secondary:#b3bed1;--sn-text-muted:#8593aa;--sn-text-disabled:#5b687e;--sn-text-inverse:#0b0f17;--sn-primary:#4d92fb;--sn-primary-hover:#6ea7fc;--sn-primary-active:#93befd;--sn-primary-fg:#04122c;--sn-primary-soft:rgba(0,87,237,0.16);--sn-primary-soft-2:rgba(0,87,237,0.26);--sn-primary-border:#26508f;--sn-primary-ink:#9cc3fd;--sn-inverse-surface:var(--sn-slate-700);--sn-inverse-text:#e9eef7;--sn-secondary:#0f1a33;--sn-secondary-deep:#08101f;--sn-secondary-fg:#e9eef7;--sn-wordmark:var(--sn-text);--sn-accent:#fd9a2e;--sn-accent-hover:#fdba74;--sn-accent-fg:#1a0e00;--sn-accent-soft:rgba(253,135,1,0.14);--sn-accent-border:#7a4409;--sn-accent-ink:#fdba74;--sn-success:#17a05a;--sn-success-soft:rgba(18,161,80,0.14);--sn-success-soft-2:rgba(18,161,80,0.22);--sn-success-border:#1c5b3a;--sn-success-ink:#6ee7a8;--sn-warning:#e08a1e;--sn-warning-soft:rgba(253,135,1,0.14);--sn-warning-soft-2:rgba(253,135,1,0.22);--sn-warning-border:#6f4611;--sn-warning-ink:#fbc46a;--sn-danger:#e0484d;--sn-danger-soft:rgba(229,72,77,0.14);--sn-danger-soft-2:rgba(229,72,77,0.22);--sn-danger-border:#6e2528;--sn-danger-ink:#ff9ea1;--sn-info:#4d92fb;--sn-info-soft:rgba(0,87,237,0.16);--sn-info-soft-2:rgba(0,87,237,0.26);--sn-info-border:#26508f;--sn-info-ink:#9cc3fd;--sn-sidebar-bg:#08101f;--sn-sidebar-gradient:linear-gradient(180deg,#0d1a33,#060d1a);--sn-sidebar-text:#e9eef7;--sn-sidebar-text-idle:#9fb4d8;--sn-sidebar-title:#7089b5;--sn-sidebar-hover:rgba(255,255,255,0.07);--sn-sidebar-border:rgba(255,255,255,0.08);--sn-sidebar-active-bg:var(--sn-blue-600);--sn-sidebar-active-fg:#ffffff;--sn-gradient-brand:linear-gradient(135deg,#0047ce,#0076fd);--sn-gradient-brand-deep:linear-gradient(135deg,#001756,#0047ce);--sn-shadow-xs:0 1px 2px rgba(0,0,0,0.4);--sn-shadow-sm:0 1px 4px rgba(0,0,0,0.45);--sn-shadow-md:0 4px 12px rgba(0,0,0,0.5);--sn-shadow-lg:0 8px 24px rgba(0,0,0,0.55);--sn-shadow-xl:0 24px 56px rgba(0,0,0,0.65);--sn-focus-ring:0 0 0 3px rgba(77,146,251,0.3);--sn-chart-1:#4d92fb;--sn-chart-2:#fd9a2e;--sn-chart-3:#32c6fd;--sn-chart-4:#17a05a;--sn-chart-5:#a78bfa;--sn-chart-6:#e0484d}:root[data-font-size=small]{font-size:93.75%}:root[data-font-size=medium]{font-size:100%}:root[data-font-size=large]{font-size:112.5%}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%}body,html{min-height:100%;margin:0;padding:0}body{background:var(--sn-bg);color:var(--sn-text);font-family:var(--sn-font-sans);font-size:var(--sn-body-size);line-height:var(--sn-body-lh);font-weight:var(--sn-weight-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--sn-primary-soft-2);color:var(--sn-primary-ink)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--sn-text);font-weight:var(--sn-weight-bold);letter-spacing:var(--sn-tracking-tight)}.sn-h1,h1{font-size:var(--sn-h1-size);line-height:var(--sn-h1-lh);font-weight:var(--sn-h1-weight)}.sn-h2,h2{font-size:var(--sn-h2-size);line-height:var(--sn-h2-lh);font-weight:var(--sn-h2-weight)}.sn-h3,h3{font-size:var(--sn-h3-size);line-height:var(--sn-h3-lh);font-weight:var(--sn-h3-weight)}.sn-h4,h4{font-size:var(--sn-h4-size);line-height:var(--sn-h4-lh);font-weight:var(--sn-h4-weight)}.sn-display{font-size:var(--sn-display-size);line-height:var(--sn-display-lh);font-weight:var(--sn-display-weight);letter-spacing:var(--sn-tracking-tight)}.sn-body-lg{font-size:var(--sn-body-lg-size);line-height:var(--sn-body-lg-lh)}.sn-body{font-size:var(--sn-body-size);line-height:var(--sn-body-lh)}.sn-body-sm{font-size:var(--sn-body-sm-size);line-height:var(--sn-body-sm-lh)}.sn-caption{font-size:var(--sn-caption-size);line-height:var(--sn-caption-lh);color:var(--sn-text-muted)}.sn-label{display:block;font-size:var(--sn-label-size);line-height:var(--sn-label-lh);font-weight:var(--sn-label-weight);color:var(--sn-text-secondary)}.sn-eyebrow{font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold);letter-spacing:var(--sn-tracking-wide);color:var(--sn-text-muted)}p{margin:0}.sn-muted{color:var(--sn-text-muted)}.sn-secondary{color:var(--sn-text-secondary)}a{color:var(--sn-text-link);text-decoration:none;transition:var(--sn-transition-colors)}a:hover{color:var(--sn-primary-hover);text-decoration:underline}.ltr,.num,.sn-num{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:start}.sn-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-visually-hidden,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:var(--sn-focus-width) solid var(--sn-focus-color);outline-offset:var(--sn-focus-offset);border-radius:var(--sn-radius-xs)}:focus:not(:focus-visible){outline:none}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:none;padding:0}[aria-disabled=true],button:disabled{cursor:not-allowed}.sn-input,.sn-select,.sn-textarea{display:block;width:100%;min-height:var(--sn-control-md);padding:var(--sn-space-2) var(--sn-space-3);background:var(--sn-surface);color:var(--sn-text);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);transition:var(--sn-transition-colors)}.sn-input::placeholder,.sn-textarea::placeholder{color:var(--sn-text-disabled)}.sn-input:hover:not(:disabled),.sn-select:hover:not(:disabled),.sn-textarea:hover:not(:disabled){border-color:var(--sn-border-strong)}.sn-input:focus,.sn-select:focus,.sn-textarea:focus{outline:none;border-color:var(--sn-primary);box-shadow:var(--sn-focus-ring)}.sn-input:disabled,.sn-select:disabled,.sn-textarea:disabled{background:var(--sn-surface-2);color:var(--sn-text-disabled);border-color:var(--sn-border-subtle)}.sn-input--invalid,.sn-input[aria-invalid=true],.sn-select[aria-invalid=true],.sn-textarea[aria-invalid=true]{border-color:var(--sn-danger)}.sn-input--invalid:focus,.sn-input[aria-invalid=true]:focus{box-shadow:var(--sn-focus-ring-danger)}.sn-textarea{min-height:88px;resize:vertical;padding-block:var(--sn-space-2)}.sn-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-padding-end:var(--sn-space-7);padding-inline-end:var(--sn-space-7);background-image:linear-gradient(45deg,transparent 50%,var(--sn-text-muted) 50%),linear-gradient(135deg,var(--sn-text-muted) 50%,transparent 50%);background-position:calc(var(--sn-space-4) - 1px) calc(50% + 1px),calc(var(--sn-space-3) - 1px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.sn-field{display:block;-webkit-margin-after:var(--sn-space-3);margin-block-end:var(--sn-space-3)}.sn-field__label{display:block;font-size:var(--sn-label-size);font-weight:var(--sn-label-weight);color:var(--sn-text-secondary);-webkit-margin-after:var(--sn-space-1);margin-block-end:var(--sn-space-1)}.sn-field__label[data-required]:after{content:" *";color:var(--sn-danger)}.sn-field__hint{color:var(--sn-text-muted)}.sn-field__error,.sn-field__hint{font-size:var(--sn-caption-size);-webkit-margin-before:var(--sn-space-1);margin-block-start:var(--sn-space-1)}.sn-field__error{color:var(--sn-danger-ink)}.sn-check{display:inline-flex;align-items:center;gap:var(--sn-space-2);min-height:var(--sn-control-sm);cursor:pointer;font-size:var(--sn-body-sm-size)}.sn-check input[type=checkbox],.sn-check input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;inline-size:18px;block-size:18px;margin:0;border:var(--sn-border-width-thick) solid var(--sn-border-strong);border-radius:var(--sn-radius-xs);background:var(--sn-surface);transition:var(--sn-transition-colors);cursor:pointer}.sn-check input[type=radio]{border-radius:var(--sn-radius-pill)}.sn-check input:checked,.sn-check input:hover:not(:disabled){border-color:var(--sn-primary)}.sn-check input:checked{background:var(--sn-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5'/%3E%3C/svg%3E");background-size:100%}.sn-check input[type=radio]:checked{background-image:none;box-shadow:inset 0 0 0 3px var(--sn-surface)}.sn-check input:disabled{background:var(--sn-surface-2);border-color:var(--sn-border);cursor:not-allowed}.sn-check:has(input:disabled){color:var(--sn-text-disabled);cursor:not-allowed}.sn-switch{display:inline-flex;align-items:center;gap:var(--sn-space-2);cursor:pointer}.sn-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;inline-size:40px;block-size:22px;margin:0;border-radius:var(--sn-radius-pill);background:var(--sn-slate-300);transition:var(--sn-transition-colors);cursor:pointer}.sn-switch input:after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:16px;block-size:16px;border-radius:var(--sn-radius-pill);background:#fff;box-shadow:var(--sn-shadow-xs);transition:transform var(--sn-duration-fast) var(--sn-ease-standard)}.sn-switch input:checked{background:var(--sn-primary)}.sn-switch input:checked:after{transform:translateX(calc(-1 * (40px - 22px)))}:root:not([dir=rtl]) .sn-switch input:checked:after,[dir=ltr] .sn-switch input:checked:after{transform:translateX(calc(40px - 22px))}.sn-switch input:disabled{opacity:.5;cursor:not-allowed}.sn-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sn-space-2);min-height:var(--sn-control-md);padding:var(--sn-control-padding-md);border:var(--sn-border-width-thick) solid transparent;border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);font-size:var(--sn-button-size);font-weight:var(--sn-button-weight);line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--sn-transition-colors),var(--sn-transition-transform)}.sn-btn:active:not(:disabled){transform:scale(.98)}.sn-btn:disabled,.sn-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.sn-btn[data-loading=true]{pointer-events:none;opacity:.75}.sn-btn[data-loading=true]:before{content:"";inline-size:14px;block-size:14px;border:2px solid;border-block-start-color:transparent;border-radius:var(--sn-radius-pill);animation:sn-spin .7s linear infinite}.sn-btn--sm{min-height:var(--sn-control-sm);padding:var(--sn-control-padding-sm);font-size:var(--sn-body-sm-size);border-radius:var(--sn-radius-sm)}.sn-btn--lg{min-height:var(--sn-control-lg);padding:var(--sn-control-padding-lg);font-size:var(--sn-body-size)}.sn-btn--block{width:100%}.sn-btn--icon{inline-size:var(--sn-control-md);padding:0}.sn-btn--icon.sn-btn--sm{inline-size:var(--sn-control-sm)}.sn-btn--primary{background:var(--sn-primary);border-color:var(--sn-primary);color:var(--sn-primary-fg)}.sn-btn--primary:hover:not(:disabled){background:var(--sn-primary-hover);border-color:var(--sn-primary-hover)}.sn-btn--primary:active:not(:disabled){background:var(--sn-primary-active);border-color:var(--sn-primary-active)}.sn-btn--outline{background:var(--sn-surface);border-color:var(--sn-border);color:var(--sn-text)}.sn-btn--outline:hover:not(:disabled){background:var(--sn-surface-2);border-color:var(--sn-border-strong)}.sn-btn--subtle{background:var(--sn-primary-soft);border-color:var(--sn-primary-border);color:var(--sn-primary-ink)}.sn-btn--subtle:hover:not(:disabled){background:var(--sn-primary-soft-2)}.sn-btn--ghost{background:transparent;border-color:transparent;color:var(--sn-text-secondary)}.sn-btn--ghost:hover:not(:disabled){background:var(--sn-surface-2);color:var(--sn-text)}.sn-btn--danger{background:var(--sn-danger);border-color:var(--sn-danger);color:#fff}.sn-btn--danger:hover:not(:disabled){filter:brightness(.93)}.sn-btn--danger:focus-visible{outline-color:var(--sn-danger)}.sn-btn--accent{background:var(--sn-accent);border-color:var(--sn-accent);color:var(--sn-accent-fg)}.sn-btn--accent:hover:not(:disabled){background:var(--sn-accent-hover);border-color:var(--sn-accent-hover)}.sn-btn--link{background:none;border-color:transparent;color:var(--sn-text-link);padding:0;min-height:0}.sn-btn--link:hover:not(:disabled){text-decoration:underline}.sn-btn--selected,.sn-btn[aria-pressed=true]{background:var(--sn-primary-soft-2);border-color:var(--sn-primary);color:var(--sn-primary-ink)}.sn-card{background:var(--sn-card);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);box-shadow:var(--sn-elevation-raised)}.sn-card--interactive{cursor:pointer;transition:var(--sn-transition-colors),var(--sn-transition-transform),box-shadow var(--sn-duration-fast) var(--sn-ease-standard)}.sn-card--interactive:hover{box-shadow:var(--sn-elevation-hover);border-color:var(--sn-border-strong);transform:translateY(-1px)}.sn-card--interactive:active{transform:translateY(0)}.sn-card--selected{border-color:var(--sn-primary);box-shadow:var(--sn-focus-ring)}.sn-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sn-space-3);padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border);font-weight:var(--sn-weight-semibold)}.sn-card__body{padding:var(--sn-card-padding)}.sn-card__footer{padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);display:flex;gap:var(--sn-space-2);align-items:center}.sn-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sn-space-4);flex-wrap:wrap}.sn-page-header__title{font-size:var(--sn-h2-size);line-height:var(--sn-h2-lh);font-weight:var(--sn-h2-weight);margin:0}.sn-page-header__sub{color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);-webkit-margin-before:var(--sn-space-1);margin-block-start:var(--sn-space-1)}.sn-badge{display:inline-flex;align-items:center;gap:var(--sn-space-1);padding:2px var(--sn-space-2);border:var(--sn-border-width) solid transparent;border-radius:var(--sn-radius-pill);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold);line-height:1.5;white-space:nowrap}.sn-badge--neutral{background:var(--sn-surface-2);border-color:var(--sn-border);color:var(--sn-text-secondary)}.sn-badge--brand{background:var(--sn-primary-soft-2);border-color:var(--sn-primary-border);color:var(--sn-primary-ink)}.sn-badge--success{background:var(--sn-success-soft-2);border-color:var(--sn-success-border);color:var(--sn-success-ink)}.sn-badge--warning{background:var(--sn-warning-soft-2);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.sn-badge--danger{background:var(--sn-danger-soft-2);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.sn-badge--info{background:var(--sn-info-soft-2);border-color:var(--sn-info-border);color:var(--sn-info-ink)}.sn-badge--accent{background:var(--sn-accent-soft);border-color:var(--sn-accent-border);color:var(--sn-accent-ink)}.sn-badge--count{background:var(--sn-primary);color:var(--sn-primary-fg);border-color:transparent;min-inline-size:20px;justify-content:center;padding-inline:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sn-chip{display:inline-flex;align-items:center;gap:var(--sn-space-1);min-height:var(--sn-control-sm);padding:0 var(--sn-space-3);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-pill);background:var(--sn-surface);color:var(--sn-text-secondary);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-medium);transition:var(--sn-transition-colors)}.sn-chip:hover:not(:disabled){border-color:var(--sn-border-strong);color:var(--sn-text)}.sn-chip--selected,.sn-chip[aria-pressed=true]{background:var(--sn-primary-soft-2);border-color:var(--sn-primary);color:var(--sn-primary-ink)}.sn-alert{display:flex;align-items:flex-start;gap:var(--sn-space-3);padding:var(--sn-space-3) var(--sn-space-4);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface-2);color:var(--sn-text-secondary);font-size:var(--sn-body-sm-size)}.sn-alert__title{font-weight:var(--sn-weight-bold);-webkit-margin-after:var(--sn-space-1);margin-block-end:var(--sn-space-1)}.sn-alert--info{background:var(--sn-info-soft);border-color:var(--sn-info-border);color:var(--sn-info-ink)}.sn-alert--success{background:var(--sn-success-soft);border-color:var(--sn-success-border);color:var(--sn-success-ink)}.sn-alert--warning{background:var(--sn-warning-soft);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.sn-alert--danger{background:var(--sn-danger-soft);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.sn-table-shell{background:var(--sn-surface);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);box-shadow:var(--sn-elevation-raised);overflow:hidden}.sn-table-scroll{overflow-x:auto;overflow-y:hidden}.sn-table{width:100%;border-collapse:collapse}.sn-table td,.sn-table th{padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);text-align:start;vertical-align:middle}.sn-table th{background:var(--sn-surface-2);color:var(--sn-text-muted);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-bold);white-space:nowrap}.sn-table td{font-size:var(--sn-body-sm-size)}.sn-table tbody tr:last-child td{-webkit-border-after:none;border-block-end:none}.sn-table tbody tr{transition:background-color var(--sn-duration-fast) var(--sn-ease-standard)}.sn-table tbody tr:hover{background:var(--sn-surface-2)}.sn-table tbody tr[aria-selected=true]{background:var(--sn-primary-soft)}.sn-tabs{display:flex;gap:var(--sn-space-1);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.sn-tab{padding:var(--sn-space-2) var(--sn-space-4);border:none;-webkit-border-after:2px solid transparent;border-block-end:2px solid transparent;background:none;color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-semibold);transition:var(--sn-transition-colors)}.sn-tab:hover{color:var(--sn-text)}.sn-tab[aria-selected=true]{color:var(--sn-primary);border-block-end-color:var(--sn-primary)}.sn-segmented{display:inline-flex;gap:2px;padding:3px;background:var(--sn-surface-2);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md)}.sn-segmented button{flex:1 1;min-height:28px;padding:0 var(--sn-space-3);border:none;border-radius:calc(var(--sn-radius-md) - 4px);background:transparent;color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-medium);transition:var(--sn-transition-colors)}.sn-segmented button:hover{color:var(--sn-text)}.sn-segmented button[aria-pressed=true],.sn-segmented button[aria-selected=true]{background:var(--sn-surface);color:var(--sn-primary);font-weight:var(--sn-weight-semibold);box-shadow:var(--sn-shadow-xs)}.sn-breadcrumb{display:flex;align-items:center;gap:var(--sn-space-2);font-size:var(--sn-body-sm-size)}.sn-breadcrumb,.sn-breadcrumb a{color:var(--sn-text-muted)}.sn-breadcrumb a:hover{color:var(--sn-primary)}.sn-breadcrumb [aria-current=page]{color:var(--sn-text);font-weight:var(--sn-weight-semibold)}.sn-breadcrumb li+li:before{content:"‹";-webkit-margin-end:var(--sn-space-2);margin-inline-end:var(--sn-space-2);color:var(--sn-border-strong)}.sn-pagination{display:flex;align-items:center;gap:var(--sn-space-2)}.sn-pagination__info{color:var(--sn-text-muted);font-size:var(--sn-body-sm-size)}.sn-tooltip{position:absolute;z-index:var(--sn-z-dropdown);max-inline-size:240px;padding:var(--sn-space-2) var(--sn-space-3);border-radius:var(--sn-radius-sm);background:var(--sn-inverse-surface);color:var(--sn-inverse-text);font-size:var(--sn-caption-size);line-height:1.5;box-shadow:var(--sn-elevation-floating);pointer-events:none}.sn-toasts{position:fixed;inset-block-end:var(--sn-space-4);inset-inline-start:var(--sn-space-4);z-index:var(--sn-z-toast);flex-direction:column}.sn-toast,.sn-toasts{display:flex;gap:var(--sn-space-2)}.sn-toast{align-items:center;padding:var(--sn-space-2) var(--sn-space-4);border-radius:var(--sn-radius-md);background:var(--sn-inverse-surface);color:var(--sn-inverse-text);font-size:var(--sn-body-sm-size);box-shadow:var(--sn-elevation-floating);animation:sn-toast-in var(--sn-duration-base) var(--sn-ease-entrance)}.sn-toast--success{background:var(--sn-success)}.sn-toast--danger{background:var(--sn-danger)}.sn-toast--warning{background:var(--sn-warning);color:var(--sn-slate-900)}.sn-scrim{z-index:var(--sn-z-scrim);background:var(--sn-overlay);animation:sn-fade-in var(--sn-duration-fast) var(--sn-ease-entrance)}.sn-modal,.sn-scrim{position:fixed;inset:0}.sn-modal{z-index:var(--sn-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sn-space-4);pointer-events:none}.sn-modal__panel{pointer-events:auto;inline-size:min(720px,100%);max-block-size:90vh;border-radius:var(--sn-radius-lg);animation:sn-modal-in var(--sn-duration-base) var(--sn-ease-entrance)}.sn-drawer,.sn-modal__panel{overflow:auto;background:var(--sn-surface);box-shadow:var(--sn-elevation-modal)}.sn-drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--sn-z-modal);inline-size:min(460px,100%);animation:sn-drawer-in var(--sn-duration-base) var(--sn-ease-entrance)}.sn-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:var(--sn-icon-xl);block-size:var(--sn-icon-xl);border-radius:var(--sn-radius-pill);background:var(--sn-primary-soft-2);color:var(--sn-primary-ink);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-bold);overflow:hidden}.sn-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.sn-avatar--sm{inline-size:var(--sn-icon-lg);block-size:var(--sn-icon-lg)}.sn-avatar--lg{inline-size:48px;block-size:48px;font-size:var(--sn-body-size)}.sn-icon{inline-size:var(--sn-icon-md);block-size:var(--sn-icon-md);flex:none;stroke-width:1.75}.sn-icon--sm{inline-size:var(--sn-icon-sm);block-size:var(--sn-icon-sm)}.sn-icon--lg{inline-size:var(--sn-icon-lg);block-size:var(--sn-icon-lg)}.sn-skeleton{background:linear-gradient(90deg,var(--sn-surface-2) 25%,var(--sn-surface-3) 37%,var(--sn-surface-2) 63%);background-size:400% 100%;border-radius:var(--sn-radius-sm);animation:sn-shimmer 1.4s ease-in-out infinite}.sn-spinner{display:inline-block;inline-size:var(--sn-icon-md);block-size:var(--sn-icon-md);border:2px solid var(--sn-border-strong);border-block-start-color:var(--sn-primary);border-radius:var(--sn-radius-pill);animation:sn-spin .7s linear infinite}.sn-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sn-space-2);padding:var(--sn-space-9) var(--sn-space-6);text-align:center;color:var(--sn-text-muted);font-size:var(--sn-body-sm-size)}.sn-state__icon{color:var(--sn-text-disabled);font-size:var(--sn-icon-xl);line-height:1;-webkit-margin-after:var(--sn-space-1);margin-block-end:var(--sn-space-1)}.sn-state__title{color:var(--sn-text);font-size:var(--sn-h4-size);font-weight:var(--sn-weight-bold)}.sn-state__body{max-inline-size:44ch}.sn-state__action{-webkit-margin-before:var(--sn-space-3);margin-block-start:var(--sn-space-3)}.sn-state--error .sn-state__icon{color:var(--sn-danger)}.sn-stack{display:grid;grid-gap:var(--sn-stack);gap:var(--sn-stack)}.sn-row{display:flex;align-items:center;gap:var(--sn-space-2);flex-wrap:wrap}.sn-spacer{flex:1 1}.sn-divider{block-size:1px;background:var(--sn-border);border:none;margin:0}@keyframes sn-spin{to{transform:rotate(1turn)}}@keyframes sn-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes sn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sn-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sn-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes sn-drawer-in{0%{transform:translateX(-8%);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff}.no-print,.sn-no-print{display:none!important}.sn-card,.sn-table-shell{box-shadow:none;border-color:#ccc}}:root{--c-primary:var(--sn-primary);--c-primary-hover:var(--sn-primary-hover);--c-primary-soft:var(--sn-primary-soft-2);--c-bg:var(--sn-bg);--c-surface:var(--sn-surface);--c-border:var(--sn-border);--c-text:var(--sn-text);--c-text-muted:var(--sn-text-muted);--c-success:var(--sn-success-ink);--c-success-soft:var(--sn-success-soft);--c-warn:var(--sn-warning-ink);--c-warn-soft:var(--sn-warning-soft);--c-danger:var(--sn-danger-ink);--c-danger-soft:var(--sn-danger-soft);--c-info:var(--sn-info-ink);--c-info-soft:var(--sn-info-soft);--r-card:var(--sn-radius-lg);--r-control:var(--sn-radius-md);--s-1:var(--sn-space-1);--s-2:var(--sn-space-2);--s-3:var(--sn-space-3);--s-4:var(--sn-space-4);--s-5:var(--sn-space-5);--s-6:var(--sn-space-6);--fs-body:var(--sn-body-size);--fs-small:var(--sn-caption-size);--fs-title:var(--sn-h3-size);--fs-display:var(--sn-h1-size);--sidebar-w:var(--sn-sidebar-w);--cart-w:var(--sn-aside-w);--topbar-h:var(--sn-topbar-h);--shadow-1:var(--sn-elevation-raised);--shadow-2:var(--sn-elevation-floating)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--sn-z-header);display:flex;align-items:center;gap:var(--sn-space-4);height:var(--sn-topbar-h);padding-inline:var(--sn-gutter-mobile);background:var(--sn-surface);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.topbar__brand{display:inline-flex;align-items:center;gap:var(--sn-space-2);font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold);letter-spacing:var(--sn-tracking-tight);color:var(--sn-wordmark)}.topbar__logo{flex:none;display:block;height:var(--sn-icon-xl);width:auto}.topbar__spacer{flex:1 1}.three-panel{flex:1 1;display:grid;grid-template-columns:var(--sn-sidebar-w) minmax(0,1fr) var(--sn-aside-w);grid-gap:var(--sn-space-3);gap:var(--sn-space-3);padding:var(--sn-space-3);align-items:start;width:100%;max-width:var(--sn-content-max);margin-inline:auto}.panel{background:var(--sn-surface);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);box-shadow:var(--sn-elevation-raised)}.panel--cart,.panel--sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--sn-topbar-h) + var(--sn-space-3));max-height:calc(100vh - var(--sn-topbar-h) - var(--sn-space-6));overflow:auto}.panel__header{-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border);font-size:var(--sn-h4-size);font-weight:var(--sn-weight-semibold)}.panel__body,.panel__header{padding:var(--sn-space-3) var(--sn-space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sn-space-2);min-height:var(--sn-control-sm);padding:0 var(--sn-space-4);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);font-size:var(--sn-button-size);font-weight:var(--sn-button-weight);line-height:1;white-space:nowrap;transition:var(--sn-transition-colors),var(--sn-transition-transform)}.btn:hover:not(:disabled){background:var(--sn-surface-2);border-color:var(--sn-border-strong)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[data-loading=true]{pointer-events:none;opacity:.75}.btn--primary{background:var(--sn-primary);border-color:var(--sn-primary);color:var(--sn-primary-fg)}.btn--primary:hover:not(:disabled){background:var(--sn-primary-hover);border-color:var(--sn-primary-hover)}.btn--primary:active:not(:disabled){background:var(--sn-primary-active);border-color:var(--sn-primary-active)}.btn--ghost{border-color:transparent;background:transparent;color:var(--sn-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--sn-surface-2);color:var(--sn-text)}.btn--block{width:100%}.btn--accent{background:var(--sn-accent);border-color:var(--sn-accent);color:var(--sn-accent-fg)}.btn--accent:hover:not(:disabled){background:var(--sn-accent-hover);border-color:var(--sn-accent-hover)}.field{display:block;-webkit-margin-after:var(--sn-space-3);margin-block-end:var(--sn-space-3)}.field__label{display:block;font-size:var(--sn-label-size);font-weight:var(--sn-label-weight);color:var(--sn-text-secondary);-webkit-margin-after:var(--sn-space-1);margin-block-end:var(--sn-space-1)}.field__input{width:100%;min-height:var(--sn-control-md);padding:var(--sn-space-2) var(--sn-space-3);border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md);background:var(--sn-surface);color:var(--sn-text);transition:var(--sn-transition-colors)}.field__input::placeholder{color:var(--sn-text-disabled)}.field__input:hover:not(:disabled){border-color:var(--sn-border-strong)}.field__input:focus{border-color:var(--sn-primary);outline:none;box-shadow:var(--sn-focus-ring)}.field__input:disabled{background:var(--sn-surface-2);color:var(--sn-text-disabled)}.field__input--invalid{border-color:var(--sn-danger)}.field__input--invalid:focus{box-shadow:var(--sn-focus-ring-danger)}.field__error{color:var(--sn-danger-ink)}.field__error,.field__hint{font-size:var(--sn-caption-size);-webkit-margin-before:var(--sn-space-1);margin-block-start:var(--sn-space-1)}.field__hint{color:var(--sn-text-muted)}.segmented{display:flex;gap:2px;padding:3px;background:var(--sn-surface-2);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md)}.segmented button{flex:1 1;min-height:28px;border:none;border-radius:calc(var(--sn-radius-md) - 4px);background:transparent;padding:0 var(--sn-space-3);color:var(--sn-text-muted);font-size:var(--sn-body-sm-size);font-weight:var(--sn-weight-medium);transition:var(--sn-transition-colors)}.segmented button:hover{color:var(--sn-text)}.segmented button[aria-pressed=true]{background:var(--sn-surface);color:var(--sn-primary);font-weight:var(--sn-weight-semibold);box-shadow:var(--sn-shadow-xs)}.badge{display:inline-flex;align-items:center;border:var(--sn-border-width) solid transparent;border-radius:var(--sn-radius-pill);padding:2px var(--sn-space-2);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold);line-height:1.5;white-space:nowrap}.badge--success{background:var(--sn-success-soft-2);border-color:var(--sn-success-border);color:var(--sn-success-ink)}.badge--warn{background:var(--sn-warning-soft-2);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.badge--danger{background:var(--sn-danger-soft-2);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.badge--info{background:var(--sn-info-soft-2);border-color:var(--sn-info-border);color:var(--sn-info-ink)}.toolbar{display:flex;gap:var(--sn-space-2);align-items:center;flex-wrap:wrap;padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border);border-block-end:var(--sn-border-width) solid var(--sn-border)}.search{flex:1 1;min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--sn-space-3);gap:var(--sn-space-3);padding:var(--sn-space-4)}.card{display:flex;flex-direction:column;overflow:hidden;background:var(--sn-card);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);transition:box-shadow var(--sn-duration-fast) var(--sn-ease-standard),transform var(--sn-duration-fast) var(--sn-ease-standard),border-color var(--sn-duration-fast) var(--sn-ease-standard)}.card:hover{box-shadow:var(--sn-elevation-hover);border-color:var(--sn-border-strong);transform:translateY(-2px)}.card:focus-within{border-color:var(--sn-primary)}.card__media{aspect-ratio:4/3;background:var(--sn-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:var(--sn-space-3);display:flex;flex-direction:column;gap:var(--sn-space-1);flex:1 1}.card__title{font-weight:var(--sn-weight-semibold);line-height:1.5}.card__meta{color:var(--sn-text-muted);font-size:var(--sn-caption-size)}.card__footer{padding:var(--sn-space-3);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);display:flex;gap:var(--sn-space-2);align-items:center}.price{display:flex;flex-direction:column;gap:2px}.price__was{color:var(--sn-text-muted);text-decoration:line-through;font-size:var(--sn-caption-size)}.price__now{font-weight:var(--sn-weight-bold);font-size:var(--sn-body-lg-size)}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;grid-gap:var(--sn-space-3);gap:var(--sn-space-3);align-items:center;padding:var(--sn-space-3) var(--sn-space-4);-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);transition:background-color var(--sn-duration-fast) var(--sn-ease-standard)}.row:hover{background:var(--sn-surface-2)}.row:last-child{-webkit-border-after:none;border-block-end:none}.row__thumb{width:56px;height:56px;border-radius:var(--sn-radius-md);background:var(--sn-surface-2);object-fit:cover}.cart-line{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-gap:var(--sn-space-2);gap:var(--sn-space-2);padding:var(--sn-space-3) 0;-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);align-items:start}.stepper{display:inline-flex;align-items:center;overflow:hidden;border:var(--sn-border-width-thick) solid var(--sn-border);border-radius:var(--sn-radius-md)}.stepper button{border:none;background:var(--sn-surface);width:30px;height:30px;color:var(--sn-primary);font-weight:var(--sn-weight-bold);transition:var(--sn-transition-colors)}.stepper button:hover:not(:disabled){background:var(--sn-primary-soft)}.stepper button:disabled{color:var(--sn-text-disabled);cursor:not-allowed}.stepper span{min-width:32px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary{-webkit-padding-before:var(--sn-space-3);padding-block-start:var(--sn-space-3);display:flex;flex-direction:column;gap:var(--sn-space-1)}.summary__row{display:flex;justify-content:space-between}.summary__row--total{font-size:var(--sn-h3-size);font-weight:var(--sn-weight-bold);-webkit-border-before:var(--sn-border-width) solid var(--sn-border);border-block-start:var(--sn-border-width) solid var(--sn-border);-webkit-padding-before:var(--sn-space-2);padding-block-start:var(--sn-space-2);-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.scrim{z-index:var(--sn-z-scrim);background:var(--sn-overlay);animation:sn-fade-in var(--sn-duration-fast) var(--sn-ease-entrance)}.modal,.scrim{position:fixed;inset:0}.modal{z-index:var(--sn-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sn-space-4);pointer-events:none}.modal__panel{pointer-events:auto;border-radius:var(--sn-radius-lg);width:min(720px,100%);max-height:90vh;animation:sn-modal-in var(--sn-duration-base) var(--sn-ease-entrance)}.modal__panel,.slideover{background:var(--sn-surface);box-shadow:var(--sn-elevation-modal);overflow:auto}.slideover{position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--sn-z-modal);width:min(460px,100%);padding:var(--sn-space-4);animation:sn-drawer-in var(--sn-duration-base) var(--sn-ease-entrance)}.steps{display:flex;gap:var(--sn-space-2);color:var(--sn-text-muted);font-size:var(--sn-caption-size);-webkit-margin-after:var(--sn-space-3);margin-block-end:var(--sn-space-3)}.steps b{color:var(--sn-primary)}.skeleton{background:linear-gradient(90deg,var(--sn-surface-2) 25%,var(--sn-surface-3) 37%,var(--sn-surface-2) 63%);background-size:400% 100%;border-radius:var(--sn-radius-sm);animation:sn-shimmer 1.4s ease-in-out infinite}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sn-space-2);padding:var(--sn-space-9) var(--sn-space-6);text-align:center;color:var(--sn-text-muted)}.state__icon{font-size:var(--sn-icon-xl);line-height:1;color:var(--sn-text-disabled)}.state__title{font-size:var(--sn-h4-size);font-weight:var(--sn-weight-bold);color:var(--sn-text)}.state__body{max-width:44ch}.state__action{-webkit-margin-before:var(--sn-space-2);margin-block-start:var(--sn-space-2)}.state--error .state__icon{color:var(--sn-danger)}.toasts{position:fixed;inset-block-end:var(--sn-space-4);inset-inline-start:var(--sn-space-4);z-index:var(--sn-z-toast);display:flex;flex-direction:column;gap:var(--sn-space-2)}.toast{background:var(--sn-inverse-surface);color:var(--sn-inverse-text);border-radius:var(--sn-radius-md);padding:var(--sn-space-2) var(--sn-space-4);font-size:var(--sn-body-sm-size);box-shadow:var(--sn-elevation-floating);animation:sn-toast-in var(--sn-duration-base) var(--sn-ease-entrance)}.toast--danger{background:var(--sn-danger)}.toast--success{background:var(--sn-success)}.offline-banner{background:var(--sn-warning-soft-2);color:var(--sn-warning-ink);-webkit-border-after:var(--sn-border-width) solid var(--sn-warning-border);border-block-end:var(--sn-border-width) solid var(--sn-warning-border);text-align:center;padding:var(--sn-space-1) var(--sn-space-3);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-semibold)}.focus{max-width:640px;margin:var(--sn-space-6) auto;background:var(--sn-surface);border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-lg);padding:var(--sn-space-6);text-align:center;box-shadow:var(--sn-elevation-raised)}.countdown{font-size:44px;font-weight:var(--sn-weight-bold);letter-spacing:2px;color:var(--sn-accent-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:var(--sn-space-3) 0}.countdown--low{color:var(--sn-danger-ink)}.codebox{background:var(--sn-primary-soft);border:var(--sn-border-width) solid var(--sn-primary-border);border-radius:var(--sn-radius-lg);padding:var(--sn-space-4);margin:var(--sn-space-4) 0}.codebox__code{font-size:30px;font-weight:var(--sn-weight-bold);letter-spacing:4px;color:var(--sn-primary-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.itable{width:100%;border-collapse:collapse;margin:var(--sn-space-3) 0}.itable td,.itable th{-webkit-border-after:var(--sn-border-width) solid var(--sn-border-subtle);border-block-end:var(--sn-border-width) solid var(--sn-border-subtle);padding:var(--sn-space-2);text-align:start}.itable th{color:var(--sn-text-muted);font-size:var(--sn-caption-size);font-weight:var(--sn-weight-bold)}.notice{display:flex;align-items:center;justify-content:space-between;gap:var(--sn-space-3);flex-wrap:wrap;border:var(--sn-border-width) solid var(--sn-border);border-radius:var(--sn-radius-md);padding:var(--sn-space-3);font-size:var(--sn-body-sm-size);text-align:start;margin:var(--sn-space-3) 0}.notice--warn{background:var(--sn-warning-soft);border-color:var(--sn-warning-border);color:var(--sn-warning-ink)}.notice--danger{background:var(--sn-danger-soft);border-color:var(--sn-danger-border);color:var(--sn-danger-ink)}.notice--info{background:var(--sn-info-soft);border-color:var(--sn-info-border);color:var(--sn-info-ink)}@media (max-width:1199px){.three-panel{grid-template-columns:var(--sn-sidebar-w) minmax(0,1fr)}.panel--cart{grid-column:1/-1;position:static;max-height:none}}@media (max-width:899px){.three-panel{grid-template-columns:minmax(0,1fr)}.panel--cart,.panel--sidebar{position:static;max-height:none;grid-column:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:var(--sn-space-3)}}@media (max-width:599px){.topbar{padding-inline:var(--sn-space-3)}.three-panel{padding:var(--sn-space-2)}.grid,.three-panel{gap:var(--sn-space-2)}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.row{grid-template-columns:44px minmax(0,1fr) auto}.slideover{width:100%;padding:var(--sn-space-3)}.focus{margin:var(--sn-space-3);padding:var(--sn-space-4)}.countdown{font-size:36px}.codebox__code{font-size:26px}}@media print{.no-print,.panel--cart,.panel--sidebar,.toasts,.topbar{display:none!important}.focus{border:none;box-shadow:none;margin:0}}