:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Vazirmatn", Tahoma, Arial, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading-tight: 1.3;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--color-success: #34c759;--color-success-soft: rgba(52, 199, 89, .12);--color-warning: #ff9f0a;--color-warning-soft: rgba(255, 159, 10, .12);--color-error: #ff453a;--color-error-soft: rgba(255, 69, 58, .12);--color-info: #0a84ff;--color-info-soft: rgba(10, 132, 255, .12);--tap-target: 44px;--header-height: 56px;--bottom-nav-height: 60px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}:root{--app-bg: var(--tg-theme-bg-color, #ffffff);--app-bg-secondary: var(--tg-theme-secondary-bg-color, #f0f0f0);--app-text: var(--tg-theme-text-color, #000000);--app-text-secondary: var(--tg-theme-hint-color, #999999);--app-link: var(--tg-theme-link-color, #2481cc);--app-button: var(--tg-theme-button-color, #2481cc);--app-button-text: var(--tg-theme-button-text-color, #ffffff);--app-destructive: var(--tg-theme-destructive-text-color, #ff3b30);--app-border: color-mix(in srgb, var(--app-text) 8%, transparent);--app-border-strong: color-mix(in srgb, var(--app-text) 16%, transparent);--app-divider: color-mix(in srgb, var(--app-text) 6%, transparent);--app-surface: var(--app-bg);--app-surface-elevated: var(--app-bg-secondary);--app-overlay: color-mix(in srgb, var(--app-text) 40%, transparent);--text-primary: var(--app-text);--text-secondary: var(--app-text-secondary);--text-tertiary: color-mix(in srgb, var(--app-text) 45%, transparent);--text-inverse: var(--app-button-text);--hover-bg: color-mix(in srgb, var(--app-text) 6%, transparent);--active-bg: color-mix(in srgb, var(--app-text) 10%, transparent);--focus-ring: color-mix(in srgb, var(--app-button) 40%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow-x:hidden}body{min-height:100dvh;background-color:var(--app-bg);color:var(--text-primary);overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--app-border-strong);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--app-button);outline-offset:2px;border-radius:var(--radius-sm)}::-moz-selection{background:color-mix(in srgb,var(--app-button) 20%,transparent)}::selection{background:color-mix(in srgb,var(--app-button) 20%,transparent)}img{display:block;max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeletonPulse{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.animate-slide-from-right{animation:slideFromRight var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) forwards}.animate-shake{animation:shake .4s var(--ease-out)}.animate-pulse{animation:pulse 1.5s var(--ease-in-out) infinite}.animate-bounce{animation:bounce .6s var(--ease-spring)}.skeleton{background:linear-gradient(90deg,var(--app-bg-secondary) 25%,color-mix(in srgb,var(--app-bg-secondary) 60%,transparent) 50%,var(--app-bg-secondary) 75%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.stagger-children>*{animation:fadeIn .3s var(--ease-out) forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.tap-target{min-width:var(--tap-target);min-height:var(--tap-target);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.tap-target:active{transform:scale(.97);opacity:.8}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}