@font-face{font-family:Cairo;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cairo-arabic-regular-DN15VWMM.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00BB,U+00D7,U+0600-06FF,U+200C-200E,U+2010-2015,U+2018-201E,U+2026,U+25CC,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Cairo;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/cairo-arabic-medium-DDl0i4Xv.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00BB,U+00D7,U+0600-06FF,U+200C-200E,U+2010-2015,U+2018-201E,U+2026,U+25CC,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Cairo;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/cairo-arabic-bold-D3nDedWX.woff2) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00BB,U+00D7,U+0600-06FF,U+200C-200E,U+2010-2015,U+2018-201E,U+2026,U+25CC,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-regular-DvaCN5sD.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-sans-medium-DVAucQkh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/ibm-plex-sans-bold-38uLyZXF.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215,U+FFFD}:root{--font-ar: "Cairo", "IBM Plex Sans", system-ui, sans-serif;--font-en: "IBM Plex Sans", "Cairo", system-ui, sans-serif}:root{color-scheme:dark;--color-bg: #090b10;--color-bg-elevated: #10141b;--color-surface: #10141b;--color-surface-2: #171c25;--color-surface-3: #1f2631;--color-border: #252d3a;--color-border-strong: #313a49;--color-border-input: #5b6779;--color-text: #e8edf3;--color-text-muted: #a4aebb;--color-text-subtle: #8a95a4;--color-link: #7aeb92;--color-primary: #3fd06a;--color-primary-strong: #7aeb92;--color-primary-contrast: #04210f;--color-primary-soft: rgb(63 208 106 / 14%);--color-accent: #35d6c4;--color-accent-text: #35d6c4;--color-on-accent: #03231f;--color-accent-soft: rgb(53 214 196 / 13%);--btn-primary-bg: #3fd06a;--btn-primary-hover: #7aeb92;--btn-primary-text: #04210f;--btn-danger-bg: #f26b6b;--btn-danger-text: #1f0405;--color-success: #4ade80;--color-success-soft: rgb(74 222 128 / 12%);--color-warning: #f5c04a;--color-warning-soft: rgb(245 192 74 / 12%);--color-danger: #ff7a7a;--color-danger-soft: rgb(255 122 122 / 12%);--color-info: #6cb8ff;--color-info-soft: rgb(108 184 255 / 12%);--badge-success-bg: #0f2a1a;--badge-success-text: #7aeb92;--badge-warning-bg: #2e2410;--badge-warning-text: #ffd27a;--badge-danger-bg: #35161a;--badge-danger-text: #ffa8a8;--badge-info-bg: #10233a;--badge-info-text: #9fd1ff;--badge-neutral-bg: #1f2631;--badge-neutral-text: #c7cfd9;--badge-accent-bg: #35d6c4;--badge-accent-text: #03231f;--gradient-brand: linear-gradient(135deg, #a6f26b 0%, #3fd06a 50%, #1fa8a0 100%);--gradient-glow: radial-gradient(60% 60% at 15% 0%, rgb(63 208 106 / 12%) 0%, transparent 70%), radial-gradient(50% 50% at 90% 5%, rgb(31 168 160 / 10%) 0%, transparent 70%);--gradient-media: linear-gradient(145deg, #1a2a22, #141d26);--focus-ring: 0 0 0 3px rgb(122 235 146 / 45%);--backdrop: rgb(4 6 10 / 65%);--font-sans: var(--font-en);--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.3125rem;--text-2xl: 1.625rem;--text-3xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.375rem);--leading-tight: 1.25;--leading-normal: 1.55;--tracking-tight: -.01em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: none;--shadow-md: 0 8px 24px rgb(0 0 0 / 35%);--shadow-lg: 0 24px 64px rgb(0 0 0 / 45%);--icon-size: 20px;--touch: 44px;--ease-out: cubic-bezier(.2, .8, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--container: 1200px;--sidebar-width: 260px;--topbar-height: 64px;--bottom-nav-height: 64px}:root[lang=ar]{--font-sans: var(--font-ar);--leading-normal: 1.65;--leading-tight: 1.45;--tracking-tight: 0}:root[data-theme=light]{color-scheme:light;--color-bg: #f5f7f6;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-surface-2: #eef2f0;--color-surface-3: #e3e9e6;--color-border: #d5ddd9;--color-border-strong: #c3cdc8;--color-border-input: #7f8d87;--color-text: #0f1a14;--color-text-muted: #46564e;--color-text-subtle: #56655e;--color-link: #0d6b2d;--color-primary: #148a3c;--color-primary-strong: #0d6b2d;--color-primary-contrast: #ffffff;--color-primary-soft: rgb(20 138 60 / 10%);--color-accent: #0e8f86;--color-accent-text: #0a6f68;--color-on-accent: #ffffff;--color-accent-soft: rgb(14 143 134 / 10%);--btn-primary-bg: #0d6b2d;--btn-primary-hover: #0a5524;--btn-primary-text: #ffffff;--btn-danger-bg: #c42b2b;--btn-danger-text: #ffffff;--color-success: #148a3c;--color-success-soft: rgb(20 138 60 / 10%);--color-warning: #a86400;--color-warning-soft: rgb(168 100 0 / 10%);--color-danger: #c42b2b;--color-danger-soft: rgb(196 43 43 / 9%);--color-info: #1f6fc0;--color-info-soft: rgb(31 111 192 / 9%);--badge-success-bg: #e1f3e6;--badge-success-text: #0d6b2d;--badge-warning-bg: #fcefd6;--badge-warning-text: #734700;--badge-danger-bg: #fbe4e4;--badge-danger-text: #a11f1f;--badge-info-bg: #e1edfb;--badge-info-text: #155592;--badge-neutral-bg: #e9eeeb;--badge-neutral-text: #3b4842;--badge-accent-bg: #0a6f68;--badge-accent-text: #ffffff;--gradient-glow: radial-gradient(60% 60% at 15% 0%, rgb(20 138 60 / 8%) 0%, transparent 70%), radial-gradient(50% 50% at 90% 5%, rgb(14 143 134 / 7%) 0%, transparent 70%);--gradient-media: linear-gradient(145deg, #e4f1e8, #e2eeee);--focus-ring: 0 0 0 3px rgb(20 138 60 / 35%);--backdrop: rgb(15 26 20 / 45%);--shadow-md: 0 8px 24px rgb(15 26 20 / 10%);--shadow-lg: 0 24px 64px rgb(15 26 20 / 16%)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);font-weight:var(--weight-semibold)}p{margin:0}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--color-primary-soft)}button,input,select,textarea{font:inherit;color:inherit}code,.mono{font-family:var(--font-mono);font-size:.92em}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-4);top:-100px;z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-contrast)}.skip-link:focus{top:var(--space-4)}.container{width:min(100% - 2 * var(--space-4),var(--container));margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-4))}.stack-sm{--stack-gap: var(--space-3)}.stack-lg{--stack-gap: var(--space-6)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-3))}.split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.grid{display:grid;gap:var(--grid-gap, var(--space-4));grid-template-columns:repeat(auto-fill,minmax(var(--grid-min, 240px),1fr))}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle);font-size:var(--text-sm)}.eyebrow{color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase}[lang=ar] .eyebrow,[lang=ar] .nav-group-label{letter-spacing:0}.numeric{font-variant-numeric:tabular-nums}[dir=rtl] span.numeric,[dir=rtl] :is(span,a).mono,[dir=rtl] code{direction:ltr;unicode-bidi:isolate;text-align:right}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.icon{width:1.25em;height:1.25em;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}[dir=rtl] .icon-flip{transform:scaleX(-1)}.btn{--btn-bg: var(--color-surface-2);--btn-fg: var(--color-text);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.btn:hover{--btn-bg: var(--color-surface-3);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,.btn-gradient{--btn-bg: var(--btn-primary-bg);--btn-fg: var(--btn-primary-text)}.btn-primary:hover,.btn-gradient:hover{--btn-bg: var(--btn-primary-hover)}.btn-outline{--btn-bg: transparent;--btn-border: var(--color-border-strong)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--color-text-muted)}.btn-ghost:hover{--btn-bg: var(--color-surface-2);--btn-fg: var(--color-text)}.btn-danger{--btn-bg: var(--color-danger-soft);--btn-fg: var(--color-danger)}.btn-danger:hover{--btn-bg: var(--btn-danger-bg);--btn-fg: var(--btn-danger-text)}.btn-success{--btn-bg: var(--color-success-soft);--btn-fg: var(--color-success)}.btn-success:hover{--btn-border: var(--color-success)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-block{width:100%}.btn-icon{width:var(--touch);padding:0}.btn-icon.btn-sm{width:36px}.btn[data-loading=true]{position:relative;color:transparent;pointer-events:none}.btn[data-loading=true]:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--btn-fg);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@media(pointer:coarse){.btn-sm,.btn-icon.btn-sm{min-height:var(--touch)}.btn-icon.btn-sm{width:var(--touch)}}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field-hint{font-size:var(--text-xs);color:var(--color-text-subtle)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.input,.select,.textarea{width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.textarea{min-height:96px;resize:vertical}[dir=rtl] :is(input[type=email],input[type=url],.input.mono),[dir=rtl] :is(.input,.textarea)[placeholder^=https]{direction:ltr;text-align:right}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input-group{position:relative;display:flex;align-items:center;min-width:0}.input-group .input-prefix{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.input-group .input{padding-inline-start:calc(var(--space-3) + 1.25em)}.check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--color-primary)}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.form-grid .span-all{grid-column:1 / -1}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}.file-picker{position:relative;display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:var(--touch);padding:var(--space-1) var(--space-2);border:1px dashed var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg)}.file-picker-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.file-picker:hover .file-picker-button{border-color:var(--color-primary)}.file-picker-button{flex:none;pointer-events:none}.file-picker-name{min-width:0;overflow:hidden;font-size:var(--text-sm);color:var(--color-text-subtle);text-overflow:ellipsis;white-space:nowrap}.file-picker-name.is-set{color:var(--color-text)}.card{position:relative;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.stat{display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-hero{overflow:hidden;background:var(--gradient-glow),var(--color-surface)}.stat-hero .stat-value{font-size:var(--text-3xl)}.icon-tile{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-strong)}.icon-tile.accent{background:var(--color-accent-soft);color:var(--color-accent-text)}@media(max-width:560px){.card{padding:var(--space-4)}}.stat>.btn{align-self:flex-start}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--badge-neutral-bg);color:var(--badge-neutral-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.6;white-space:nowrap;align-self:flex-start}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-plain:before,.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-primary{background:var(--badge-success-bg);color:var(--badge-success-text)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:start;border-bottom:1px solid var(--color-border);vertical-align:middle}.table th{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-surface-2)}.table .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.table .actions{text-align:end;white-space:nowrap}.table .actions .cluster{flex-wrap:nowrap}.table .mono{white-space:nowrap}.table .actions>*+*{margin-inline-start:var(--space-2)}.card .table-wrap{border:0;border-radius:0;background:transparent}.card .table th:first-child,.card .table td:first-child{padding-inline-start:0}.card .table th:last-child,.card .table td:last-child{padding-inline-end:0}.record-list{display:none;margin:0;padding:0;list-style:none}.record{border-bottom:1px solid var(--color-border)}.record:last-child{border-bottom:0}.record-top{display:flex;align-items:center;gap:var(--space-3);min-height:60px;padding:var(--space-3) 0;list-style:none;cursor:default}summary.record-top{cursor:pointer}summary.record-top::-webkit-details-marker{display:none}.record-main{display:flex;flex:1;flex-direction:column;min-width:0}.record-title{font-weight:var(--weight-medium);overflow-wrap:anywhere}.record-meta{color:var(--color-text-subtle);font-size:var(--text-xs)}.record-side{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:2px}.record-amount{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.record-chevron{flex:none;color:var(--color-text-subtle);transition:transform var(--duration-base) var(--ease-out)}details[open]>summary .record-chevron{transform:rotate(180deg)}.record-details{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--text-sm)}.record-details dt{color:var(--color-text-subtle)}.record-details dd{margin:0;min-width:0;overflow-wrap:anywhere}.record-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-3)}@media(max-width:767px){.data-table .table-wrap{display:none}.data-table .record-list{display:block}.data-table:not(.card *) .record-list{padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}}.dialog{width:min(100% - 2 * var(--space-4),560px);max-height:min(90vh,860px);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg)}.dialog-wide{width:min(100% - 2 * var(--space-4),760px)}.dialog[open]{animation:fade-up var(--duration-base) var(--ease-out)}.dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.dialog-body{padding:var(--space-6);overflow-y:auto}.dialog-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}@media(max-width:560px){.dialog,.dialog-wide{width:calc(100% - 2 * var(--space-3));max-height:92dvh}.dialog-header,.dialog-body,.dialog-footer{padding-inline:var(--space-4)}.dialog-footer .btn{flex:1}}.toast-region{position:fixed;inset-block-end:var(--space-6);inset-inline-end:var(--space-6);z-index:90;display:flex;flex-direction:column;gap:var(--space-3);width:min(380px,calc(100vw - 2 * var(--space-4)));pointer-events:none}@media(max-width:560px){.toast-region{inset-inline:var(--space-4);inset-block-end:var(--space-4);width:auto}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-surface-2);box-shadow:var(--shadow-md);font-size:var(--text-sm);pointer-events:auto;animation:fade-up var(--duration-base) var(--ease-out)}.toast-success{border-inline-start-color:var(--color-success)}.toast-error{border-inline-start-color:var(--color-danger)}.toast-warning{border-inline-start-color:var(--color-warning)}.toast .icon{margin-top:1px}.toast-success .icon{color:var(--color-success)}.toast-error .icon{color:var(--color-danger)}.toast-warning .icon{color:var(--color-warning)}.notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text);font-size:var(--text-sm)}.notice .icon{color:var(--color-info)}.notice-warning{background:var(--color-warning-soft)}.notice-warning .icon{color:var(--color-warning)}.notice-danger{background:var(--color-danger-soft)}.notice-danger .icon{color:var(--color-danger)}.notice-success{background:var(--color-success-soft)}.notice-success .icon{color:var(--color-success)}.notice>.icon{margin-top:.2em}.draft-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--badge-warning-bg);color:var(--badge-warning-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-align:center}.state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-muted)}.state .icon-tile{width:52px;height:52px;border-radius:var(--radius-lg)}.state .icon{width:24px;height:24px}.state-title{color:var(--color-text);font-weight:var(--weight-semibold)}.state-error .icon-tile{background:var(--color-danger-soft);color:var(--color-danger)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-line{height:14px;margin:var(--space-2) 0}.skeleton-card{height:180px}.spinner{width:22px;height:22px;border:2px solid var(--color-border-input);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.segmented{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-2)}.segmented button{min-height:36px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--color-surface-3);color:var(--color-text)}.brand{display:inline-flex;flex:0 1 auto;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch);color:var(--color-text)}.brand:hover{text-decoration:none}.brand-logo{width:auto;height:34px;min-width:34px;max-width:100%;object-fit:contain;object-position:left center}[dir=rtl] .brand-logo{object-position:right center}@media(max-width:767px){.brand-logo{height:28px}}@media(max-width:400px){.brand-logo{height:24px}}.brand-logo-light,:root[data-theme=light] .brand-logo-dark{display:none}:root[data-theme=light] .brand-logo-light{display:block}.brand-tag{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.news-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.news-card{display:flex;flex-direction:column;gap:var(--space-3)}.news-card .news-body{color:var(--color-text-muted);font-size:var(--text-sm);white-space:pre-line}.news-card.pinned{border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}.news-card img{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-md)}body.site{background:var(--gradient-glow),var(--color-bg);background-repeat:no-repeat;background-size:100% 900px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:saturate(140%) blur(14px)}.site-header-inner{display:flex;align-items:center;gap:var(--space-6);min-height:var(--topbar-height)}.site-nav{display:flex;gap:var(--space-1);margin-inline-end:auto}.site-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-2);text-decoration:none}.site-header-actions,.site-header-prefs{display:flex;align-items:center;gap:var(--space-2)}.nav-toggle,.site-nav-prefs{display:none}@media(max-width:860px){.site-header-inner{flex-wrap:wrap;gap:var(--space-3)}.site-header-actions{margin-inline-start:auto}.nav-toggle{display:inline-flex}.site-nav{display:none;order:3;flex-direction:column;width:100%;padding-bottom:var(--space-3)}.nav-open .site-nav{display:flex}}@media(max-width:480px){.lang-toggle span,.site-header-prefs{display:none}.site-nav-prefs{display:flex;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.site-nav-prefs .lang-toggle span{display:inline}}.section{padding:var(--space-20) 0}.section-tight{padding:var(--space-8) 0}@media(max-width:767px){.section-tight{padding:var(--space-6) 0}}.section-head{display:flex;flex-direction:column;gap:var(--space-3);max-width:680px;margin-bottom:var(--space-10)}.section-head.wide{max-width:none;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.section-head p{color:var(--color-text-muted);font-size:var(--text-lg)}.site-footer{margin-top:var(--space-12);padding:var(--space-10) 0 var(--space-8);border-top:1px solid var(--color-border);background:var(--color-surface)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:var(--space-8)}.footer-col{--stack-gap: var(--space-2);font-size:var(--text-sm)}.footer-col h3{margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-sm)}.footer-col a{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%;color:var(--color-text-muted);overflow-wrap:anywhere}.footer-brand p .icon{display:inline;vertical-align:-3px}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-6);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border)}@media(max-width:900px){.site-footer{margin-top:var(--space-8);padding:var(--space-8) 0 var(--space-6)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.footer-bottom{margin-top:var(--space-6)}.footer-brand{grid-column:1 / -1}}.developer-credit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);font-size:var(--text-sm)}.developer-label{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.developer-credit strong{color:var(--color-text)}.developer-phone{color:var(--color-text-muted)}body.app{background:var(--color-bg)}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.sidebar-rail{border-inline-end:1px solid var(--color-border);background:var(--color-bg-elevated)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-6);height:100dvh;padding:var(--space-5) var(--space-4);overflow-y:auto;background:var(--color-bg-elevated)}.sidebar .brand{padding:0 var(--space-2)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{padding:0 var(--space-3) var(--space-2);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast),color var(--duration-fast)}.nav-link:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.nav-link[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary-strong)}.sidebar-foot{margin-top:auto}.sidebar-backdrop{display:none}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(14px)}.topbar-title{margin-inline-end:auto;font-size:var(--text-lg);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-button{display:none}.view{width:100%;max-width:1240px;padding:var(--space-8) var(--space-6) var(--space-16);margin-inline:auto}.main>main{flex:1}.app-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-xs)}.banner-stack{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}@media(max-width:1000px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar-rail{display:contents}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:60;width:min(86vw,var(--sidebar-width));transform:translate(-105%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-lg)}[dir=rtl] .sidebar{transform:translate(105%)}.shell.sidebar-open .sidebar{transform:none}.shell.sidebar-open .sidebar-backdrop{position:fixed;inset:0;z-index:55;display:block;background:#05070c8c}.menu-button{display:inline-flex}.topbar{padding:0 var(--space-4)}.view{padding:var(--space-6) var(--space-4) var(--space-12)}}@media(max-width:560px){.topbar .hide-sm{display:none}}.nav-button{width:100%;border:0;background:transparent;cursor:pointer;text-align:start}.view-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.view-head p{margin-top:var(--space-2);color:var(--color-text-muted)}.stats-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:var(--space-6)}.two-col{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media(max-width:1100px){.two-col{grid-template-columns:minmax(0,1fr)}}.list{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row .title{font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-positive{color:var(--color-success)}.amount-negative{color:var(--color-text)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-6);margin:0;font-size:var(--text-sm)}.kv dt{color:var(--color-text-subtle)}.kv dd{margin:0;overflow-wrap:anywhere}@media(max-width:480px){.kv{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.kv dd+dt{margin-top:var(--space-2)}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar .grow{flex:1}.receipt-preview{max-height:60vh;border-radius:var(--radius-md);object-fit:contain;background:var(--color-surface-2)}.code-block{padding:var(--space-4);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;white-space:pre;direction:ltr;text-align:left}.auth-card{width:min(100%,420px);margin-inline:auto}.auth-card h1{font-size:var(--text-2xl)}.gate-screen{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.gate-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) var(--space-6)}@media(max-width:480px){.gate-top{padding-inline:var(--space-4)}}.gate-main{display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-6)}.divider-label{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);font-size:var(--text-xs)}.divider-label:before,.divider-label:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-screen{display:flex;flex-direction:column;min-height:100dvh;background:var(--gradient-glow),var(--color-bg);background-repeat:no-repeat}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--topbar-height)}.auth-top .cluster{flex-wrap:nowrap}.auth-main{display:flex;flex:1;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4) var(--space-12)}.auth-main .auth-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}@media(min-width:768px){.auth-main{justify-content:center;padding-top:var(--space-10)}.auth-main .auth-card{padding:var(--space-8)}}@media(max-width:420px){.auth-main{padding-inline:0}.auth-main .auth-card{width:min(100% - 2 * var(--space-4),420px);padding:var(--space-5)}}.auth-card .segmented{display:flex}.auth-card .segmented button{flex:1;min-height:44px}.auth-card .segmented button[aria-selected=true]{background:var(--color-surface-3);color:var(--color-text)}.google-mark{font-weight:var(--weight-bold);color:var(--color-primary)}.store-app{min-height:100dvh;background:var(--color-bg)}.store-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(14px)}.store-header-inner{display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-height)}.store-header-actions{display:flex;align-items:center;gap:var(--space-1);margin-inline-start:auto;min-width:0}.store-tabs{display:none;gap:var(--space-1);margin-inline-start:var(--space-4)}.store-tab{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.store-tab:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.store-tab[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}.store-tab[aria-current=page] .icon{color:var(--color-primary)}.wide-only{display:none}.wallet-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.wallet-pill:hover{background:var(--color-surface-3);text-decoration:none}.wallet-pill .icon{color:var(--color-primary)}.cart-button{position:relative}.cart-count{position:absolute;top:4px;inset-inline-end:2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:11px;font-weight:var(--weight-bold);line-height:1}.store-main{padding-block:var(--space-6) calc(var(--bottom-nav-height) + var(--space-10))}.store-view{padding:0;max-width:none}.store-view:focus{outline:none}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:var(--color-surface)}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottom-nav-height);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.3}.bottom-tab .icon{width:24px;height:24px}.bottom-tab:hover{color:var(--color-text);text-decoration:none}.bottom-tab[aria-current=page]{color:var(--color-text)}.bottom-tab[aria-current=page] .icon{color:var(--color-primary)}@media(min-width:768px){.store-tabs,.wide-only{display:flex}.bottom-nav{display:none}.store-main{padding-block:var(--space-8) var(--space-16)}}@media(min-width:768px)and (max-width:1023px){.store-tab span{display:none}}.section-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.section-row h2{font-size:var(--text-lg)}.home-news{margin-top:var(--space-12)}.back-link{margin-bottom:var(--space-4);margin-inline-start:calc(-1 * var(--space-3))}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.cart-line:last-child{border-bottom:0}.cart-total{display:flex;justify-content:space-between;padding-top:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold)}.balance-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.balance-value{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1.2}.link-list{display:flex;flex-direction:column}.link-list a,.link-list button{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-1);border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:var(--text-base);text-align:start;cursor:pointer}.link-list>:last-child{border-bottom:0}.link-list a:hover,.link-list button:hover{text-decoration:none;color:var(--color-primary-strong)}.link-list .chevron{margin-inline-start:auto;color:var(--color-text-subtle)}.shop-toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.shop-search .input{min-height:48px;border-radius:var(--radius-md)}.chip-scroller{min-width:0}.chip-row{display:flex;gap:var(--space-2);margin-inline:calc(-1 * var(--space-4));padding:2px var(--space-4);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.chip-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.chip:hover{color:var(--color-text);border-color:var(--color-border-strong)}.chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.chip-count{color:var(--color-text-subtle);font-size:var(--text-xs)}@media(min-width:768px){.shop-toolbar{flex-direction:row;align-items:center}.shop-search{flex:0 0 300px}.chip-scroller{flex:1}.chip-row{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}.product-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.product-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.product-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-base) var(--ease-out)}.product-card:hover{border-color:var(--color-border-strong);text-decoration:none}.product-card>:not(.product-card-media){margin-inline:var(--space-1)}.product-card-media{position:relative}.product-card-media .badge{position:absolute;top:var(--space-2);inset-inline-start:var(--space-2)}.product-media{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-md);background:var(--gradient-media)}.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-fallback{color:var(--color-primary);opacity:.7}.product-fallback .icon{width:40px;height:40px;stroke-width:1.4}.product-media-lg .product-fallback .icon{width:72px;height:72px}.product-name{display:-webkit-box;min-height:calc(2em * var(--leading-tight));overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.product-price{margin-top:auto;color:var(--color-text-muted);font-size:var(--text-sm)}.product-price .numeric{color:var(--color-text);font-size:var(--text-base);font-weight:var(--weight-bold)}.product-card.is-unavailable .product-media{filter:grayscale(1);opacity:.55}.product-card.is-unavailable .product-name,.product-card.is-unavailable .product-price{color:var(--color-text-subtle)}.product-card.is-unavailable .product-price .numeric{color:inherit;text-decoration:line-through}.product-grid .skeleton-card{aspect-ratio:3 / 4;height:auto;border-radius:var(--radius-lg)}.price{font-weight:var(--weight-bold);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.qty{display:inline-flex;align-items:center;border:1px solid var(--color-border-input);border-radius:var(--radius-md)}.qty button{display:grid;place-items:center;width:var(--touch);height:var(--touch);border:0;background:transparent;cursor:pointer;color:var(--color-text-muted)}.qty button:hover{color:var(--color-text)}.qty output{min-width:32px;text-align:center;font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.product-detail{display:grid;gap:var(--space-6)}.product-hero{max-width:520px}.product-info{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.product-title{font-size:var(--text-2xl);overflow-wrap:anywhere}.product-description{white-space:pre-line}.option-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr))}.option-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:60px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:start;cursor:pointer}.option-chip:hover:not(:disabled){border-color:var(--color-primary)}.option-chip[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.option-chip:disabled{border-style:dashed;color:var(--color-text-subtle);cursor:not-allowed}.option-label{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.option-price{color:var(--color-text-muted);font-size:var(--text-sm)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.buy-bar{display:flex;gap:var(--space-2)}.buy-now{flex:1;justify-content:space-between}.buy-total{font-weight:var(--weight-bold)}.server-note{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:767px){.buy-bar{position:sticky;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-2));z-index:30;margin-inline:calc(-1 * var(--space-2));padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.product-hero{margin-inline:auto;width:min(100%,360px)}}@media(min-width:768px){.product-detail{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:var(--space-10)}.product-hero{position:sticky;top:calc(var(--topbar-height) + var(--space-6))}}.welcome{padding:var(--space-6) 0 var(--space-8)}.welcome-grid{display:grid;gap:var(--space-5)}.welcome-intro h1{font-size:var(--text-2xl)}.welcome-lead{display:none;margin-top:var(--space-3);max-width:520px;color:var(--color-text-muted);font-size:var(--text-lg)}.welcome-card{width:100%;max-width:440px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.welcome-card h2{font-size:var(--text-lg)}.welcome-help{align-self:center;font-size:var(--text-sm)}.welcome-skeleton{height:320px}@media(min-width:768px){.welcome{padding:var(--space-16) 0 var(--space-12)}.welcome-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:var(--space-12)}.welcome-intro h1{font-size:var(--text-3xl)}.welcome-lead{display:block}.welcome-card{padding:var(--space-8)}}.section-title{margin-bottom:var(--space-5);font-size:var(--text-lg)}.landing-chips{margin-bottom:var(--space-4)}.steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface)}@media(max-width:767px){.steps li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:var(--space-3);padding:var(--space-4)}.steps li:before{grid-row:span 2;margin-bottom:0}}.steps li:before{content:counter(step);display:inline-grid;place-items:center;width:32px;height:32px;margin-bottom:var(--space-3);border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:var(--weight-bold)}.steps h3{font-size:var(--text-base)}.steps p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}@media(min-width:768px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.faq{display:grid;gap:var(--space-2);max-width:820px}.faq details{border-radius:var(--radius-lg);background:var(--color-surface)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-5);font-weight:var(--weight-semibold);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{transition:transform var(--duration-base) var(--ease-out)}.faq details[open] summary .icon{transform:rotate(180deg)}.faq details p{padding:0 var(--space-5) var(--space-5);color:var(--color-text-muted)}.prose{max-width:760px;margin-inline:auto;padding:var(--space-12) 0}.prose h1{margin-bottom:var(--space-4)}.prose h2{margin:var(--space-10) 0 var(--space-3);font-size:var(--text-xl)}.prose p,.prose li{color:var(--color-text-muted)}.prose p+p{margin-top:var(--space-3)}.prose ul,.prose ol{padding-inline-start:var(--space-6)}.prose .placeholder{padding:0 var(--space-1);border-radius:4px;background:var(--color-warning-soft);color:var(--color-warning);font-family:var(--font-mono);font-size:.9em}.install-bar{position:fixed;inset-inline:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:var(--space-3);max-width:520px;margin-inline:auto;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 12px 32px #00000059}.install-bar-icon{display:inline-grid;flex:none;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-strong)}.install-bar-text{display:flex;flex:1;flex-direction:column;min-width:0;font-size:var(--text-sm)}.install-bar-text span{color:var(--color-text-muted);font-size:var(--text-xs)}body:has(.install-bar){padding-bottom:88px}