.toast-container{z-index:10000;pointer-events:none;flex-direction:column-reverse;gap:8px;width:90%;max-width:400px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast-item{border-radius:var(--radius-md,12px);font-family:var(--font-family,"Vazirmatn", system-ui, sans-serif);box-shadow:var(--shadow-lg,0 8px 24px #00000014);pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(12px);align-items:center;gap:10px;padding:12px 16px;font-size:.88rem;font-weight:500;line-height:1.5;animation:.35s cubic-bezier(.4,0,.2,1) toast-slide-in;display:flex}.toast-error{background:rgba(var(--color-danger-rgb), .92);color:var(--color-on-status)}.toast-success{background:rgba(var(--color-success-rgb), .92);color:var(--color-on-status)}.toast-info{background:rgba(var(--color-info-rgb), .92);color:var(--color-on-status)}.toast-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.toast-message{word-break:break-word;flex:1;min-width:0}html.dark-mode .toast-error{background:rgba(var(--color-danger-rgb), .95)}html.dark-mode .toast-success{background:rgba(var(--color-success-rgb), .95)}html.dark-mode .toast-info{background:rgba(var(--color-info-rgb), .95)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#feb439;--color-primary-rgb:254, 180, 57;--color-on-primary:#0f2430;--color-on-primary-rgb:15, 36, 48;--color-primary-light:#ffe9c4;--color-on-primary-light:#0f2430;--color-primary-bg:#fff8ea;--color-primary-ink:#96620a;--color-secondary:#9caeca;--color-secondary-rgb:156, 174, 202;--color-secondary-light:#ccddeb;--color-tertiary:#a8d8c8;--color-tertiary-dark:#7bc4a8;--color-tertiary-light:#e5f5ef;--color-bg-main:#faf6ed;--color-bg-card:#fff;--color-text-main:#142433;--color-text-secondary:#5c6b7a;--color-text-muted:#93a0ac;--color-border:#f0ede4;--color-border-strong:#e3dfd4;--color-success:#34a853;--color-success-rgb:52, 168, 83;--color-success-bg:#f0fdf4;--color-success-text:#388e3c;--color-warning:#f9a825;--color-warning-rgb:249, 168, 37;--color-warning-bg:#fff8e6;--color-warning-text:#f57c00;--color-danger:#c62828;--color-danger-rgb:198, 40, 40;--color-danger-bg:#fee2e2;--color-danger-bg-hover:#fca5a5;--color-danger-border:#fecaca;--color-danger-text:#c62828;--color-info:#3182ce;--color-info-rgb:49, 130, 206;--color-on-status:#fff;--color-accent-navy:#142433;--color-accent-navy-rgb:20, 36, 51;--color-accent-navy-hover:#0b1a26;--color-on-accent-navy:#fff;--text-on-navy:#ffffffdb;--text-on-navy-dim:#ffffff9e;--surface-panel:#fff;--surface-panel-border:#e3dfd4;--surface-panel-hover:#f1eee5;--panel-text-strong:#1f2937;--panel-text-secondary:#4b5563;--field-bg:#faf6ed;--field-border:#e3dfd4;--circle-vet:#fddce5;--circle-grooming:#d4e8f7;--circle-lab:#e8e5f5;--circle-boarding:#fde8d4;--circle-consultation:#d4f0e8;--chip-vaccine:#fde8ec;--chip-vet:#d4e8f7;--chip-grooming:#d4f0e8;--chip-medication:#e8e5f5;--chip-checkup:#fde8d4;--icon-blue:#2563eb;--icon-green:#059669;--icon-purple:#7c3aed;--icon-red:#ef4444;--icon-slate:#8c91a3;--icon-ink:#2d2d2d;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-card:0 2px 8px #0000000a;--profile-card-bg:linear-gradient(135deg, #fff3de 0%, #fffbf3 100%);--profile-menu-active:#faf8f2;--avatar-gradient:linear-gradient(135deg, #ffd08a 0%, #feb439 100%);--cta-gradient:linear-gradient(135deg, var(--color-primary) 0%, #ffc966 50%, #ffd98c 100%);--summary-card-bg:linear-gradient(135deg, #fff3de 0%, #ffe6bf 100%);--summary-card-border:#f7e4c2;--chart-line:var(--color-primary);--banner-photo-text:#fff;--banner-photo-subtext:#ffffffe0;--nav-active-gradient:linear-gradient(135deg, var(--color-text-main) 0%, #0b1a26 100%);--nav-active-text:white;--font-family:"Vazirmatn", system-ui, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:50%;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}html.dark-mode{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-main:#121212;--color-bg-card:#1e1e1e;--color-text-main:#f4f5ef;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:#2c2c2c;--color-border-strong:#3f3f3f;--color-primary-bg:#322611;--color-primary-light:#423313;--color-on-primary-light:#feb439;--color-primary-ink:#feb439;--color-success-bg:#1c362d;--color-success-text:#4ade80;--color-warning-bg:#3a2e10;--color-warning-text:#fbbf24;--color-danger-bg:#3a2222;--color-danger-bg-hover:#4a2a2a;--color-danger-border:#4a2222;--color-danger-text:#f87171;--color-accent-navy:#4a4e69;--color-accent-navy-rgb:74, 78, 105;--color-accent-navy-hover:#3b3e56;--surface-panel:#1e1e2d;--surface-panel-border:#2d2d3f;--surface-panel-hover:#373a54;--panel-text-strong:#f3f4f6;--panel-text-secondary:#e5e7eb;--field-bg:#2b2d42;--field-border:#373a54;--circle-vet:#4a2832;--circle-grooming:#203545;--circle-lab:#2d2a45;--circle-boarding:#4a3420;--circle-consultation:#1c362d;--chip-vaccine:#4a2832;--chip-vet:#203545;--chip-grooming:#1c362d;--chip-medication:#2d2a45;--chip-checkup:#4a3420;--icon-blue:#60a5fa;--icon-green:#34d399;--icon-purple:#a78bfa;--icon-red:#f87171;--icon-slate:#b6bccb;--icon-ink:#e5e7eb;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #0009;--shadow-lg:0 8px 24px #000c;--shadow-card:0 2px 8px #0006;--profile-card-bg:linear-gradient(135deg, #322611 0%, #423313 100%);--profile-menu-active:#2c2c2c;--summary-card-bg:linear-gradient(135deg, #322611 0%, #423313 100%);--summary-card-border:#4a3a18;--nav-active-gradient:linear-gradient(135deg, var(--color-primary) 0%, #d89320 100%);--nav-active-text:var(--color-on-primary)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}select option{background-color:var(--color-bg-card);color:var(--color-text-main)}#root{background:var(--color-bg-main);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}::-webkit-scrollbar{width:0;height:0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.header{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-main);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-bell{cursor:pointer;color:var(--color-text-main);padding:var(--spacing-sm);border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header-bell:hover{background:var(--color-border)}.header-bell:active{transform:scale(.92)}.header-logo{align-items:center;display:flex}.header-logo-img{object-fit:contain;width:auto;height:44px}.header-lang-toggle{background:var(--color-primary-light);color:var(--color-on-primary-light);cursor:pointer;font-family:var(--font-family);border-radius:var(--radius-xl);transition:all var(--transition-fast);letter-spacing:.3px;border:none;padding:6px 14px;font-size:13px;font-weight:600}.header-lang-toggle:hover{background:var(--color-primary);color:var(--color-on-primary)}.header-lang-toggle:active{transform:scale(.94)}.my-pets-widget{padding:0 var(--spacing-lg);animation:.5s fadeInUp}.my-pets-container{background:var(--color-bg-card);box-shadow:var(--shadow-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);display:flex;position:relative;overflow:hidden}.my-pets-container:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-rgb), .12) 0%, transparent 70%);border-radius:var(--radius-full);width:80px;height:80px;position:absolute;top:-20px;left:-20px}.my-pets-title-section{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex-shrink:0;display:flex}.my-pets-title{color:var(--color-text-main);white-space:nowrap;font-size:16px;font-weight:700;line-height:1.4}.my-pets-list{gap:var(--spacing-lg);padding:var(--spacing-sm) 0;flex:1;display:flex;overflow-x:auto}.pet-item{align-items:center;gap:var(--spacing-sm);color:inherit;cursor:pointer;transition:transform var(--transition-fast);flex-direction:column;flex-shrink:0;text-decoration:none;display:flex}.pet-item:hover{transform:translateY(-2px)}.pet-item:active{transform:scale(.95)}.pet-avatar-wrapper{border-radius:var(--radius-full);width:56px;height:56px;transition:box-shadow var(--transition-normal);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pet-avatar-wrapper:after{content:"";border-radius:var(--radius-full);border:2px solid #fff9;position:absolute;inset:0}.pet-item:hover .pet-avatar-wrapper{box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .25)}.pet-add-circle{border:2px dashed var(--color-primary);background:var(--color-bg-card)!important}.pet-add-circle:after{display:none}.pet-emoji{font-size:28px;line-height:1}.pet-avatar-img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.pet-name{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.circle-widget{padding:var(--spacing-xl) var(--spacing-lg);animation:.5s .1s both fadeInUp}.circle-items{justify-content:space-around;gap:var(--spacing-sm);display:flex}.circle-item{align-items:center;gap:var(--spacing-sm);color:inherit;cursor:pointer;transition:transform var(--transition-fast);flex-direction:column;text-decoration:none;animation:.4s both scaleIn;display:flex}.circle-item:hover{transform:translateY(-3px)}.circle-item:active{transform:scale(.92)}.circle-icon-wrapper{border-radius:var(--radius-full);width:60px;height:60px;transition:box-shadow var(--transition-normal), transform var(--transition-normal);justify-content:center;align-items:center;display:flex;position:relative}.circle-icon-wrapper:after{content:"";border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-normal);border:2px solid #fffc;position:absolute;inset:-3px}.circle-item:hover .circle-icon-wrapper{box-shadow:var(--shadow-md);transform:scale(1.05)}.circle-item:hover .circle-icon-wrapper:after{opacity:1}.circle-icon-emoji{font-size:26px;line-height:1}.circle-icon-img{object-fit:contain;width:32px;height:32px}.circle-item-text{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.banner-widget{padding:var(--spacing-sm) var(--spacing-lg);animation:.5s .2s both fadeInUp}.banner-widget.horizontal-mode{padding:var(--spacing-sm) 0}.banner-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.banner-horizontal-list{gap:var(--spacing-lg);padding:0 var(--spacing-lg);display:flex;overflow-x:auto}.banner-item-wrapper{gap:var(--spacing-md);flex-direction:column;flex-shrink:0;display:flex}.horizontal-mode .banner-item-wrapper{width:280px}.banner-section-header{padding:0 var(--spacing-xs);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.banner-section-title{color:var(--color-text-main);font-size:17px;font-weight:700}.banner-section-link{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:13px;font-weight:500;text-decoration:none;display:flex}.banner-section-link:hover{color:var(--color-primary-ink)}.banner-card{color:inherit;border-radius:var(--radius-xl);height:100%;min-height:170px;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);cursor:pointer;text-decoration:none;display:block;position:relative;overflow:hidden}.banner-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.banner-card:active{transform:scale(.98)}.photo-banner{background-color:var(--color-text-main)}.banner-photo-bg{z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.banner-photo-bg:after{content:"";background:linear-gradient(270deg,#000000b3 0%,#0000001a 100%);position:absolute;inset:0}.color-icon-banner{position:relative}.color-icon-banner:before{content:"";border-radius:var(--radius-full);z-index:1;background:radial-gradient(circle,#fff6 0%,#0000 70%);width:120px;height:120px;position:absolute;top:-20px;right:-20px}.banner-content{z-index:2;padding:var(--spacing-xl);align-items:center;gap:var(--spacing-lg);height:100%;min-height:170px;display:flex;position:relative}.banner-text-section{align-items:flex-start;gap:var(--spacing-sm);z-index:2;flex-direction:column;flex:1;display:flex}.banner-title{color:var(--color-text-main);align-items:center;gap:var(--spacing-sm);font-size:18px;font-weight:700;line-height:1.5;display:flex}.banner-explain{color:var(--color-text-secondary);text-align:right;max-width:220px;font-size:12px;font-weight:400;line-height:1.7}.banner-cta{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-lg);font-family:var(--font-family);color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);margin-top:var(--spacing-sm);border:none;padding:10px 24px;font-size:13px;font-weight:600;display:inline-flex}.banner-cta:hover{transform:scale(1.03);box-shadow:0 4px 16px #00000026}.banner-cta:active{transform:scale(.97)}.banner-image-section{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.banner-image{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001a);width:100%;height:100%;transition:transform var(--transition-smooth)}.banner-card:hover .banner-image{transform:scale(1.05)}@media (width<=360px){.banner-content{padding:var(--spacing-lg)}.banner-image-section{width:90px;height:90px}.banner-title{font-size:16px}}.bottom-nav{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-sm) 0;padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));z-index:100;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 10px #00000008}.nav-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:60px;display:flex;position:relative}.nav-item:active{transform:scale(.9)}.nav-icon{width:28px;height:28px;color:var(--color-text-muted);transition:color var(--transition-fast);justify-content:center;align-items:center;display:flex}.nav-label{color:var(--color-text-muted);transition:color var(--transition-fast);white-space:nowrap;font-size:10px;font-weight:500}.nav-item-active{background:var(--nav-active-gradient);padding:var(--spacing-sm) var(--spacing-xl);border-radius:20px}.nav-item-active .nav-icon{color:var(--nav-active-text)}.nav-item-active .nav-label{color:var(--nav-active-text);font-weight:600}.nav-item:not(.nav-item-active):hover{background:var(--color-border)}.nav-item:not(.nav-item-active):hover .nav-icon,.nav-item:not(.nav-item-active):hover .nav-label{color:var(--color-text-secondary)}.auth-overlay{z-index:1000;transition:background var(--transition-smooth);pointer-events:none;background:0 0;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.auth-overlay.auth-overlay--visible{pointer-events:auto;background:#00000073}.auth-sheet{background:var(--color-bg-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;will-change:transform;width:100%;max-width:430px;padding:0;transition:transform .4s cubic-bezier(.32,.72,0,1);overflow:hidden;transform:translateY(100%);box-shadow:0 -8px 40px #00000026}.auth-overlay--visible .auth-sheet{transform:translateY(0)}.auth-sheet__handle{padding:var(--spacing-md) 0 var(--spacing-xs);justify-content:center;display:flex}.auth-sheet__handle-bar{background:var(--color-border-strong);border-radius:100px;width:40px;height:4px}.auth-sheet__body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-3xl);min-height:280px;position:relative;overflow:hidden}.auth-step{animation:.35s cubic-bezier(.32,.72,0,1) both authStepIn}@keyframes authStepIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.auth-title{color:var(--color-text-main);text-align:center;margin-bottom:var(--spacing-xl);font-size:16px;font-weight:700;line-height:1.7}.auth-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-align:right;font-size:13px;font-weight:600;display:block}.auth-input-wrapper{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-main);padding:0 var(--spacing-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:var(--spacing-sm);height:52px;display:flex}.auth-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .28)}.auth-input{font-family:var(--font-family);color:var(--color-text-main);text-align:right;direction:rtl;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:15px}.auth-input::placeholder{color:var(--color-text-muted);font-size:13px}.auth-phone-prefix{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;letter-spacing:.5px;white-space:nowrap;padding-left:var(--spacing-sm);border-left:1.5px solid var(--color-border);direction:ltr;font-size:15px;font-weight:600}.auth-phone-icon{color:var(--color-text-muted);flex-shrink:0}.auth-cta{border-radius:var(--radius-lg);background:var(--cta-gradient);width:100%;height:52px;color:var(--color-on-primary);font-family:var(--font-family);cursor:pointer;margin-top:var(--spacing-xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);box-shadow:0 4px 16px rgba(var(--color-primary-rgb), .35);border:none;font-size:16px;font-weight:700;position:relative;overflow:hidden}.auth-cta:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#0000 0%,#ffffff26 100%);position:absolute;inset:0}.auth-cta:hover:after{opacity:1}.auth-cta:active{transform:scale(.97)}.auth-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-cta--loading{pointer-events:none;opacity:.8}.auth-cta__spinner{border:2.5px solid rgba(var(--color-on-primary-rgb), .3);border-top-color:var(--color-on-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.auth-legal{text-align:center;color:var(--color-text-muted);margin-top:var(--spacing-lg);font-size:11px;line-height:1.8}.auth-legal a{color:var(--color-primary-ink);font-weight:500;text-decoration:none}.auth-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);text-align:center;color:var(--color-danger-text);font-size:13px;animation:.25s both fadeInUp}.otp-inputs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);direction:ltr;justify-content:center;display:flex}.otp-box{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-main);width:48px;height:56px;font-family:var(--font-family);color:var(--color-text-main);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);caret-color:var(--color-primary);outline:none;font-size:22px;font-weight:700}.otp-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .28);transform:scale(1.05)}.otp-box.otp-box--filled{border-color:var(--color-primary);background:var(--color-primary-light)}.otp-box.otp-box--error{border-color:var(--color-danger);background:var(--color-danger-bg);animation:.4s otpShake}@keyframes otpShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.otp-timer{text-align:center;color:var(--color-text-muted);margin-bottom:var(--spacing-md);direction:ltr;font-size:13px}.otp-timer__digits{color:var(--color-primary-ink);font-variant-numeric:tabular-nums;font-weight:700}.otp-resend{font-family:var(--font-family);color:var(--color-primary-ink);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);transition:background var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;margin:0 auto;font-size:13px;font-weight:600;display:block}.otp-resend:hover{background:var(--color-primary-light);color:var(--color-on-primary-light)}.otp-resend:disabled{opacity:.4;cursor:not-allowed}.auth-back{align-items:center;gap:var(--spacing-xs);font-family:var(--font-family);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:500;display:inline-flex}.auth-back:hover{background:var(--color-border);color:var(--color-text-main)}.auth-back svg{transition:transform var(--transition-fast)}.auth-back:hover svg{transform:translate(3px)}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.register-title{color:var(--color-text-main);margin-bottom:var(--spacing-sm);font-size:20px;font-weight:800}.register-subtitle{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.register-photo-section{margin-bottom:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.register-photo-wrapper{background-color:var(--color-bg-card);border:2px dashed var(--color-border-strong);cursor:pointer;width:80px;height:80px;margin-bottom:var(--spacing-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.register-photo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.register-photo-placeholder{background-color:var(--color-bg-main);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.register-photo-camera{background-color:var(--color-primary);width:28px;height:28px;color:var(--color-on-primary);border:2px solid var(--color-bg-card);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;left:-4px}.register-photo-label{color:var(--color-text-muted);font-size:12px}.register-photo-remove{color:var(--color-danger-text);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:2px 8px;font-size:12px;font-weight:500}.register-form-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border);flex-direction:column;display:flex;box-shadow:0 4px 12px #00000005}.register-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.register-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.register-label{color:var(--color-text-secondary);text-align:right;font-size:13px;font-weight:600}.register-input-new{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-main);height:48px;font-family:var(--font-family);color:var(--color-text-main);padding:0 var(--spacing-md);transition:border-color var(--transition-fast), background var(--transition-fast);text-align:right;direction:rtl;outline:none;font-size:14px}.register-input-new:focus{border-color:var(--color-primary);background:var(--color-bg-card)}.register-input-new::placeholder{color:var(--color-text-muted)}.register-input-date{text-align:left;direction:ltr;width:100%;padding-left:40px}.register-gender-group{gap:var(--spacing-sm);display:flex}.register-gender-btn{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);height:48px;font-family:var(--font-family);color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);flex:1;font-size:14px}.register-gender-btn.active{border-color:var(--color-primary);color:var(--color-on-primary-light);background:var(--color-primary-light);font-weight:600}.register-input-icon-wrapper{align-items:center;display:flex;position:relative}.register-input-icon-wrapper .register-input-new{width:100%}.register-input-icon{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:12px}.register-cta{background:var(--color-border-strong);width:100%;height:52px;color:var(--color-text-secondary);font-family:var(--font-family);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);border:none;border-radius:100px;font-size:15px;font-weight:700;display:flex}.register-cta:not(:disabled){background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 4px 16px rgba(var(--color-primary-rgb), .35)}.register-cta:active:not(:disabled){transform:scale(.97)}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.6}}.city-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:10;max-height:150px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.city-dropdown-item{cursor:pointer;color:var(--color-text-main);text-align:right;transition:background var(--transition-fast);padding:10px 12px;font-size:14px}.city-dropdown-item:hover{background:var(--color-primary-light);color:var(--color-on-primary-light)}.rmdp-container-full{width:100%!important}[dir=ltr] .auth-label{text-align:left}[dir=ltr] .auth-input{text-align:left;direction:ltr}[dir=ltr] .auth-phone-prefix{padding-left:0;padding-right:var(--spacing-sm);border-left:none;border-right:1.5px solid var(--color-border)}[dir=ltr] .auth-back:hover svg{transform:translate(-3px)}[dir=ltr] .auth-back svg{transform:scaleX(-1)}[dir=ltr] .register-label{text-align:left}[dir=ltr] .register-input-new{text-align:left;direction:ltr}[dir=ltr] .register-photo-camera{left:auto;right:-4px}[dir=ltr] .city-dropdown-item{text-align:left}[dir=ltr] .register-input-icon{left:auto;right:12px}@keyframes authStepInLtr{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}[dir=ltr] .auth-step{animation-name:authStepInLtr}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.main-content{gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.bottom-spacer{height:20px}.app-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100dvh;display:flex}.tab-loading{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:40vh;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:14px;font-weight:500}.retry-button{border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-family);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast);border:none;padding:10px 28px;font-size:14px;font-weight:600}.retry-button:hover{opacity:.9}.retry-button:active{transform:scale(.95)}