.fanni-login-gate{margin-left:auto;margin-right:auto}.fanni-login-gate .fanni-login-brand{height:132px;width:132px;border-radius:30px;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-e8eff9) 100%);border:1px solid var(--sonaa-color-fff);box-shadow:0 7px 0 var(--sonaa-color-cbd8ea),0 16px 24px var(--sonaa-color-0b1b3a20),inset 0 2px 3px var(--sonaa-color-fff);transform:perspective(700px) rotateX(3deg);filter:drop-shadow(0 10px 12px var(--sonaa-color-0b1b3a16))}.fanni-login-gate .fanni-login-brand img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 5px 2px var(--sonaa-color-0b1b3a28)) drop-shadow(0 12px 10px var(--sonaa-color-0b1b3a16));transform:translateY(-2px)}.fanni-login-gate .fanni-login-slogan{color:var(--sonaa-color-173c6c)!important}.fanni-login-gate .fanni-login-hero>div>div:first-child{background:initial}.fanni-login-gate .fanni-login-hero .grid>div{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-edf3fb))!important;border:1px solid var(--sonaa-color-d5e0ef);color:var(--sonaa-color-24456f);box-shadow:0 3px 0 var(--sonaa-color-d5dfed),0 5px 9px var(--sonaa-color-0b1b3a0c),inset 0 1px 0 var(--sonaa-color-fff)}.fanni-login-gate .fanni-login-tabs button[class*="bg-[#171A22]"]{background:linear-gradient(145deg,var(--sonaa-color-315f99) 0,var(--sonaa-color-173c6c) 65%,var(--sonaa-color-102b50) 100%)!important;color:var(--sonaa-color-fff)!important;border-color:var(--sonaa-color-42628a);box-shadow:0 4px 0 var(--sonaa-color-0b1b3a),0 7px 12px var(--sonaa-color-0b1b3a2c),inset 0 1px 0 var(--sonaa-color-ffffff40)!important}.fanni-login-gate .fanni-login-tabs button:not([class*="bg-[var(--sonaa-color-0b1b3a)]"]){background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-eaf0f8))!important;color:var(--sonaa-color-344965)!important;border-color:var(--sonaa-color-d5dfed)!important;box-shadow:0 3px 0 var(--sonaa-color-cbd7e7),0 5px 8px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-login-panel{padding:20px!important}.fanni-login-panel .field{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--sonaa-color-d8e2ef)!important;border-radius:13px!important;background:linear-gradient(145deg,var(--sonaa-color-fbfdff),var(--sonaa-color-f1f6fd))!important;color:var(--sonaa-color-0b1b3a);box-shadow:inset 0 2px 4px var(--sonaa-color-0b1b3a08),0 3px 0 var(--sonaa-color-dce5f1)!important;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.fanni-login-panel .field:focus{background:var(--sonaa-color-fff)!important;border-color:var(--sonaa-color-2563eb)!important;box-shadow:0 0 0 4px var(--sonaa-color-2563eb18),0 3px 0 var(--sonaa-color-bfdbfe),inset 0 1px 2px var(--sonaa-color-0b1b3a08)!important;outline:0}.fanni-login-panel .field-label{display:block;margin-bottom:6px;color:var(--sonaa-color-243b5b);font-size:12px;font-weight:900}.fanni-login-panel .service-chip{border-color:var(--sonaa-color-d5e0ef);border-radius:16px;background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-edf3fb));box-shadow:0 4px 0 var(--sonaa-color-dce5f1),0 7px 12px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff);transition:transform .16s,box-shadow .16s,background .16s}.fanni-login-panel .service-chip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-dce5f1),0 3px 6px var(--sonaa-color-0b1b3a0d)}.fanni-login-panel .service-chip.selected{background:linear-gradient(145deg,var(--sonaa-color-dbeafe),var(--sonaa-color-eff6ff));border-color:var(--sonaa-color-60a5fa);color:var(--sonaa-color-1d4ed8);box-shadow:0 4px 0 var(--sonaa-color-93c5fd),0 7px 12px var(--sonaa-color-2563eb15),inset 0 1px 0 var(--sonaa-color-fff)}.fanni-login-panel .service-chip .service-icon{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-dbeafe));box-shadow:0 3px 0 var(--sonaa-color-bfdbfe)}.fanni-login-panel input[type=checkbox],.fanni-login-panel input[type=radio]{accent-color:var(--sonaa-color-2563eb)}.fanni-login-panel .rounded-2xl.border.p-3{border-color:var(--sonaa-color-d5e0ef)!important;border-radius:18px!important;background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-f7faff));box-shadow:inset 0 1px 0 var(--sonaa-color-fff),0 3px 0 var(--sonaa-color-e0e8f3)}.fanni-login-gate nav .account-nav-btn,.fanni-login-gate nav a,.fanni-login-gate nav button{border-radius:12px!important;font-weight:900!important;transition:transform .16s,box-shadow .16s,filter .16s}.fanni-login-gate nav .account-home-btn,.fanni-login-gate nav a{background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%)!important;color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-ffffff45)!important;box-shadow:0 4px 0 var(--sonaa-color-123b85),0 7px 12px var(--sonaa-color-1d4ed82e),inset 0 1px 0 var(--sonaa-color-ffffff45)!important}.fanni-login-gate nav button{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-eaf0f8))!important;color:var(--sonaa-color-344965)!important;border:1px solid var(--sonaa-color-d5dfed)!important;box-shadow:0 4px 0 var(--sonaa-color-cbd7e7),0 7px 12px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-login-gate nav .account-nav-btn:active,.fanni-login-gate nav a:active,.fanni-login-gate nav button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-cbd7e7)!important}.fanni-login-panel .primary-btn,.fanni-login-panel button.primary-btn{min-height:48px;background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%)!important;color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-ffffff45)!important;border-radius:13px!important;box-shadow:0 5px 0 var(--sonaa-color-123b85),0 9px 16px var(--sonaa-color-1d4ed82e),inset 0 1px 0 var(--sonaa-color-ffffff45)!important;text-shadow:0 1px 2px var(--sonaa-color-102b5066);transition:transform .16s,box-shadow .16s,filter .16s}.fanni-login-panel .primary-btn:active,.fanni-login-panel button.primary-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--sonaa-color-123b85),0 4px 8px var(--sonaa-color-0b1b3a20)!important}.fanni-account-nav{direction:rtl!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%}.fanni-account-nav .fanni-back-btn{order:1!important;margin:0!important;flex:0 0 auto;background:linear-gradient(145deg,var(--sonaa-color-eff6ff),var(--sonaa-color-dbeafe))!important;color:var(--sonaa-color-1e40af)!important;-webkit-text-fill-color:var(--sonaa-color-1e40af)!important;border:1px solid var(--sonaa-color-bfdbfe)!important;border-radius:12px!important;box-shadow:0 4px 0 var(--sonaa-color-bfdbfe),0 6px 10px var(--sonaa-color-1e3a8a15),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-account-nav .fanni-download-btn{order:2!important;margin:0!important;flex:0 1 auto;background:linear-gradient(145deg,var(--sonaa-color-34d399) 0,var(--sonaa-color-059669) 58%,var(--sonaa-color-047857) 100%)!important;color:var(--sonaa-color-fff)!important;-webkit-text-fill-color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-a7f3d0)!important;border-radius:12px!important;box-shadow:0 4px 0 var(--sonaa-color-047857),0 7px 12px var(--sonaa-color-04785730),inset 0 1px 0 var(--sonaa-color-ffffff55)!important;white-space:nowrap}.fanni-account-nav .fanni-account-home-btn{order:3!important;margin:0!important;flex:0 0 auto;border-radius:12px!important}.fanni-account-nav .fanni-account-home-btn:active,.fanni-account-nav .fanni-back-btn:active,.fanni-account-nav .fanni-download-btn:active{transform:translateY(2px);filter:brightness(.97)}@media(max-width:360px){.fanni-account-nav{gap:5px!important}.fanni-account-nav .fanni-account-nav-btn{padding-inline:8px;font-size:10px}}.fanni-header-brand{align-items:center!important;gap:14px!important}.fanni-brand-tagline{white-space:normal;line-height:1.45;letter-spacing:0!important;text-shadow:0 1px 2px var(--sonaa-color-02061735)}.fanni-account-nav .fanni-download-btn{min-height:40px!important;padding-inline:14px!important;font-size:12px!important;box-shadow:0 5px 0 var(--sonaa-color-047857),0 8px 14px var(--sonaa-color-04785735),inset 0 1px 0 var(--sonaa-color-ffffff65)!important}.fanni-account-nav .fanni-download-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--sonaa-color-047857)!important}@media(max-width:380px){.fanni-login-gate .fanni-login-brand{height:108px;width:108px}.fanni-login-gate .fanni-login-brand img{height:98px;width:98px}.fanni-login-panel{padding:16px!important}.fanni-header-brand{gap:10px!important}.fanni-header-brand>div:first-child{width:64px!important;height:64px!important}.fanni-brand-tagline{font-size:12px!important}.fanni-account-nav .fanni-download-btn{padding-inline:8px!important;font-size:10px!important}}.fanni-header-main{position:relative;padding-top:8px!important;padding-bottom:8px!important;padding-left:58px!important;gap:8px!important}.fanni-notification-top-btn{position:absolute!important;left:12px!important;top:8px!important;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:2px;width:40px;height:40px;border-radius:12px!important;border:1px solid var(--sonaa-color-fcd34d)!important;background:linear-gradient(145deg,var(--sonaa-color-fff7cc) 0,var(--sonaa-color-fbbf24) 58%,var(--sonaa-color-d97706) 100%)!important;color:var(--sonaa-color-78350f)!important;font-size:19px;line-height:1;box-shadow:0 4px 0 var(--sonaa-color-b45309),0 7px 12px var(--sonaa-color-02061735),inset 0 1px 0 var(--sonaa-color-ffffffb0)!important;transition:transform .15s,box-shadow .15s}.fanni-notification-top-btn span{font-size:10px;font-weight:900}.fanni-header-controls button[onclick="logout()"]{position:absolute!important;left:12px!important;top:54px!important;z-index:5;width:40px!important;min-height:34px!important;padding:4px!important;border:1px solid var(--sonaa-color-fecaca)!important;border-radius:10px!important;background:linear-gradient(145deg,var(--sonaa-color-fff1f2),var(--sonaa-color-fecaca))!important;color:var(--sonaa-color-991b1b)!important;box-shadow:0 3px 0 var(--sonaa-color-b91c1c),0 5px 9px var(--sonaa-color-02061725)!important}.fanni-notification-top-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--sonaa-color-b45309)!important}@media(max-width:380px){.fanni-header-controls button[onclick="logout()"]{left:8px!important;top:46px!important;width:36px!important;min-height:32px!important}.fanni-header-main{padding-top:6px!important;padding-bottom:6px!important;padding-left:52px!important}.fanni-notification-top-btn{left:8px!important;top:6px!important;width:36px;height:36px}}#app header a[href],#app header button:not(.fanni-notification-top-btn),#app main .account-tab,#app main .fanni-login-hero,#app main .fanni-login-panel,#app main .fanni-login-tabs button,#app main .field,#app main .message-bubble,#app main .offer-card,#app main .order-card,#app main .primary-btn,#app main .rounded-2xl.border,#app main .rounded-xl.border,#app main .service-card,#app main .service-choice,#app main [role=button],#app main a[href],#app main button:not(.fanni-notification-top-btn),#app main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#app main select,#app main textarea{box-shadow:0 4px 0 rgba(15,23,42,.12),0 7px 13px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.72)!important;transition:transform .16s,box-shadow .16s,filter .16s}#app header a[href]:active,#app header button:not(:disabled):not(.fanni-notification-top-btn):active,#app main [role=button]:active,#app main a[href]:active,#app main button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 rgba(15,23,42,.16),0 2px 4px rgba(15,23,42,.08)!important}#app main .account-submit,#app main .primary-btn,#app main button[type=submit]{border-bottom:2px solid rgba(15,23,42,.18)!important}#app main .field,#app main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#app main select,#app main textarea{border-color:var(--sonaa-color-cbd5e1);box-shadow:inset 0 2px 3px rgba(15,23,42,.07),0 2px 0 rgba(15,23,42,.07)!important}#app main .fanni-login-hero,#app main .fanni-login-panel,#app main .rounded-2xl.border,#app main .rounded-xl.border,#app main [class*=bg-white][class*=rounded]{box-shadow:0 4px 0 rgba(15,23,42,.08),0 9px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.85)!important}#app main button:disabled{box-shadow:none!important;transform:none!important;opacity:.65}.fanni-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(145deg,var(--sonaa-color-f8fbff) 0,var(--sonaa-color-eaf1fb) 100%);opacity:1;visibility:visible;transition:opacity .2s,visibility .2s}.fanni-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.fanni-loading-overlay .account-brand{width:132px;height:132px;margin-left:auto;margin-right:auto;border-radius:28px;background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-e8eff9));border:1px solid var(--sonaa-color-fff);box-shadow:0 6px 0 var(--sonaa-color-cbd8ea),0 15px 24px var(--sonaa-color-0b1b3a20),inset 0 2px 3px var(--sonaa-color-fff)}.fanni-loading-overlay .sonaa-logo-svg{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 5px 2px var(--sonaa-color-0b1b3a28)) drop-shadow(0 12px 10px var(--sonaa-color-0b1b3a16))}.fanni-loading-overlay .account-slogan{color:var(--sonaa-color-173c6c);font-weight:900;letter-spacing:.1px}.account-loading-logo{animation:1.05s ease-in-out infinite sonaa-logo-splash;transform-origin:center;will-change:transform}@keyframes sonaa-logo-splash{0%,100%,48%{transform:translateX(0) scale(1)}22%{transform:translateX(-10px) scale(1.025)}72%{transform:translateX(10px) scale(1.025)}}.fanni-app-header{background:linear-gradient(180deg,var(--sonaa-color-fff) 0,var(--sonaa-color-eef4fc) 100%)!important;color:var(--sonaa-color-173c6c)!important;border-bottom:1px solid var(--sonaa-color-cbd8e9)!important;box-shadow:0 5px 0 var(--sonaa-color-dce5f1),0 12px 24px var(--sonaa-color-0b1b3a12),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .fanni-header-layout{gap:8px!important}.fanni-app-header .fanni-header-brand{flex:1 1 155px;min-width:0;gap:8px!important;align-items:center!important}.fanni-app-header .brand-mark{background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-e8eff9) 100%)!important;border:1px solid var(--sonaa-color-fff)!important;box-shadow:0 5px 0 var(--sonaa-color-cbd8ea),0 10px 18px var(--sonaa-color-0b1b3a1c),inset 0 2px 3px var(--sonaa-color-fff)!important;overflow:visible!important;flex-shrink:0}.fanni-app-header .brand-mark .sonaa-logo-svg{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 2px var(--sonaa-color-0b1b3a28)) drop-shadow(0 9px 7px var(--sonaa-color-0b1b3a18))}.fanni-app-header h1{color:var(--sonaa-color-173c6c)!important;font-size:clamp(1rem,4.5vw,1.35rem)!important;font-weight:900!important;letter-spacing:-.025em;text-shadow:0 1px 0 var(--sonaa-color-fff),0 2px 0 var(--sonaa-color-d2deed),0 4px 7px var(--sonaa-color-0b1b3a18);max-width:100%}.fanni-app-header .fanni-header-slogan{color:var(--sonaa-color-173c6c)!important;font-size:clamp(.72rem,3vw,.95rem)!important;font-weight:900!important;line-height:1.45;white-space:normal!important;overflow-wrap:anywhere;text-shadow:0 1px 0 var(--sonaa-color-fff),0 2px 0 var(--sonaa-color-dce6f3),0 4px 7px var(--sonaa-color-0b1b3a15);margin-top:5px!important}.fanni-app-header .fanni-header-level{background:linear-gradient(145deg,var(--sonaa-color-fff9e9),var(--sonaa-color-f9e7b6))!important;border-color:var(--sonaa-color-e8cf91)!important;color:var(--sonaa-color-855b12)!important;box-shadow:0 3px 0 var(--sonaa-color-dfc27d),0 5px 9px var(--sonaa-color-92400e12),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .fanni-header-action-stack{flex:0 1 auto;min-width:0;max-width:100%;gap:6px!important}.fanni-app-header .fanni-header-action-row{gap:4px!important;flex-wrap:nowrap;max-width:100%}.fanni-app-header .fanni-header-account,.fanni-app-header .fanni-header-download,.fanni-app-header .fanni-header-logout,.fanni-app-header .fanni-header-notifications{min-height:36px!important;max-height:40px;box-sizing:border-box;box-shadow:0 4px 0 var(--sonaa-color-cbd8e9),0 7px 12px var(--sonaa-color-0b1b3a13),inset 0 1px 0 var(--sonaa-color-fff)!important;transition:transform .16s,box-shadow .16s,filter .16s}.fanni-app-header .fanni-header-download{flex-shrink:0;border-color:var(--sonaa-color-a8d8bb)!important;background:linear-gradient(145deg,var(--sonaa-color-f4fff8) 0,var(--sonaa-color-d8f5e3) 100%)!important;color:var(--sonaa-color-12633c)!important;box-shadow:0 4px 0 var(--sonaa-color-a6d2b5),0 7px 12px var(--sonaa-color-16653416),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .fanni-header-notifications{border-color:var(--sonaa-color-e8cf91)!important;background:linear-gradient(145deg,var(--sonaa-color-fff9e9) 0,var(--sonaa-color-f9e7b6) 100%)!important;color:var(--sonaa-color-a16207)!important;box-shadow:0 4px 0 var(--sonaa-color-dfc27d),0 7px 12px var(--sonaa-color-92400e18),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .fanni-header-account{border-color:var(--sonaa-color-b8cdf0)!important;background:linear-gradient(145deg,var(--sonaa-color-f5f9ff) 0,var(--sonaa-color-dbe9ff) 100%)!important;color:var(--sonaa-color-1d4ed8)!important}.fanni-app-header .fanni-header-logout{border:1px solid var(--sonaa-color-fecaca)!important;background:linear-gradient(145deg,var(--sonaa-color-fff1f2),var(--sonaa-color-fecaca))!important;color:var(--sonaa-color-991b1b)!important;box-shadow:0 3px 0 var(--sonaa-color-b91c1c),0 5px 9px var(--sonaa-color-991b1b18)!important}.fanni-app-header .fanni-header-subnav{gap:8px!important}.fanni-app-header .client-home-main-btn{background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%)!important;color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-ffffff45)!important;box-shadow:0 4px 0 var(--sonaa-color-123b85),0 8px 14px var(--sonaa-color-0b1b3a25),inset 0 1px 0 var(--sonaa-color-ffffff45)!important}.fanni-app-header .fanni-header-back{border:1px solid var(--sonaa-color-c4d3e8)!important;border-radius:10px!important;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-edf3fc) 100%)!important;color:var(--sonaa-color-1d4ed8)!important;box-shadow:0 4px 0 var(--sonaa-color-cbd8e9),0 7px 12px var(--sonaa-color-0b1b3a13),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .client-home-main-btn:active,.fanni-app-header .fanni-header-account:active,.fanni-app-header .fanni-header-back:active,.fanni-app-header .fanni-header-download:active,.fanni-app-header .fanni-header-logout:active,.fanni-app-header .fanni-header-notifications:active{transform:translateY(3px);filter:brightness(.98);box-shadow:0 1px 0 var(--sonaa-color-cbd8e9),0 3px 6px var(--sonaa-color-0b1b3a12)!important}@media(min-width:520px){.fanni-app-header .brand-mark{width:84px;height:84px}.fanni-app-header .brand-mark .sonaa-logo-svg{width:76px;height:76px}}@media(max-width:420px){.fanni-app-header .fanni-header-layout{gap:6px!important;padding-left:8px!important;padding-right:8px!important}.fanni-app-header .fanni-header-brand{gap:6px!important}.fanni-app-header .brand-mark{width:54px;height:54px;border-radius:13px}.fanni-app-header .brand-mark .sonaa-logo-svg{width:49px;height:49px}.fanni-app-header .fanni-header-action-row{gap:3px!important}.fanni-app-header .fanni-header-download{padding-left:6px!important;padding-right:6px!important;font-size:9px!important}.fanni-app-header .fanni-header-download svg{width:15px;height:15px}.fanni-app-header .fanni-header-notifications{width:32px;height:36px;padding:0!important;font-size:16px!important}.fanni-app-header .fanni-header-account,.fanni-app-header .fanni-header-logout{padding-left:5px!important;padding-right:5px!important;font-size:9px!important}.fanni-app-header .fanni-header-subnav{gap:6px!important}.fanni-app-header .client-home-main-btn,.fanni-app-header .fanni-header-back{padding-left:8px!important;padding-right:8px!important}}@media(max-width:350px){.fanni-app-header .fanni-header-layout{align-items:flex-start!important}.fanni-app-header .fanni-header-brand{flex:1 1 120px}.fanni-app-header .fanni-header-action-stack{max-width:58%}.fanni-app-header .fanni-header-download span{font-size:0}.fanni-app-header .fanni-header-download svg{width:18px;height:18px}.fanni-app-header .fanni-header-account,.fanni-app-header .fanni-header-logout{font-size:8px!important;padding-left:4px!important;padding-right:4px!important}}@media(prefers-reduced-motion:reduce){#app header a[href],#app header button,#app main [role=button],#app main a[href],#app main button{transition:none!important}.account-loading-logo{animation:none}.fanni-app-header a,.fanni-app-header button{transition:none!important}}.fanni-app-header{background:var(--sonaa-color-fffffff5)!important;border-bottom:1px solid var(--sonaa-color-e2e8f0)!important;box-shadow:0 2px 12px var(--sonaa-color-0f172a09)!important}.fanni-app-header>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}.fanni-app-header>div:first-child>div:first-child{flex:1 1 155px;min-width:0}.fanni-app-header>div:first-child>div:last-child{flex:1 1 100%;display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0}.fanni-app-header>div:first-child>div:last-child>div:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}.fanni-app-header>div:first-child>div:last-child>div:first-child>*{box-sizing:border-box;min-width:0;width:100%;padding-left:4px;padding-right:4px;justify-content:center;text-align:center}.fanni-app-header>div:first-child>div:last-child>div:first-child>a:first-child{grid-column:1/-1;min-height:40px;font-size:12px}.fanni-app-header>div:first-child>div:last-child>a:last-child{width:100%;min-height:40px;font-size:12px}.fanni-app-header .brand-mark{width:88px;height:88px;border-radius:22px;background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-e8eff9));border:1px solid var(--sonaa-color-fff);box-shadow:0 5px 0 var(--sonaa-color-cbd8ea),0 10px 18px var(--sonaa-color-0b1b3a1c),inset 0 2px 3px var(--sonaa-color-fff)}.fanni-app-header .brand-mark .sonaa-logo-svg{filter:drop-shadow(0 4px 2px var(--sonaa-color-0b1b3a28)) drop-shadow(0 9px 7px var(--sonaa-color-0b1b3a18));transform:translateY(-2px)}.fanni-app-header .client-header-slogan{color:var(--sonaa-color-173c6c);letter-spacing:0!important}.fanni-app-header .fanni-header-account{background:linear-gradient(145deg,var(--sonaa-color-dbeafe),var(--sonaa-color-eff6ff))!important;border:1px solid var(--sonaa-color-bfdbfe)!important;color:var(--sonaa-color-1e40af)!important;box-shadow:0 3px 0 var(--sonaa-color-bfdbfe),0 5px 10px var(--sonaa-color-1e3a8a12),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-app-header .fanni-header-logout{background:linear-gradient(145deg,var(--sonaa-color-fff1f2),var(--sonaa-color-fecaca))!important;border:1px solid var(--sonaa-color-fecaca)!important;color:var(--sonaa-color-991b1b)!important;box-shadow:0 3px 0 var(--sonaa-color-b91c1c),0 5px 9px var(--sonaa-color-991b1b18)!important}#app .fanni-app-header button[onclick="logout()"]{position:relative!important;background:linear-gradient(145deg,var(--sonaa-color-fff1f2),var(--sonaa-color-fecaca))!important;border:1px solid var(--sonaa-color-fecaca)!important;color:var(--sonaa-color-991b1b)!important;-webkit-text-fill-color:var(--sonaa-color-991b1b)!important;box-shadow:0 3px 0 var(--sonaa-color-b91c1c),0 5px 9px var(--sonaa-color-991b1b18)!important;text-shadow:0 1px 0 var(--sonaa-color-fff)!important;transform:translateY(-1px);transition:transform .16s,box-shadow .16s,filter .16s!important}#app .fanni-app-header button[onclick="logout()"]:active{transform:translateY(3px)!important;filter:brightness(.98)!important;box-shadow:0 1px 0 var(--sonaa-color-b91c1c),0 3px 6px var(--sonaa-color-991b1b18)!important}.fanni-app-header .client-home-main-btn{width:100%;min-height:40px;background:linear-gradient(145deg,var(--sonaa-color-eff6ff),var(--sonaa-color-dbeafe))!important;color:var(--sonaa-color-1e40af)!important;-webkit-text-fill-color:var(--sonaa-color-1e40af)!important;border:1px solid var(--sonaa-color-bfdbfe)!important;box-shadow:0 3px 0 var(--sonaa-color-dbeafe),0 5px 10px var(--sonaa-color-1e3a8a12)!important}.fanni-app-header a:active,.fanni-app-header button:active{transform:translateY(2px);filter:brightness(.98)}@media(min-width:520px){.fanni-app-header>div:first-child{flex-wrap:nowrap}.fanni-app-header>div:first-child>div:last-child{flex:0 0 290px;width:290px}}@media(max-width:380px){.fanni-app-header .brand-mark{width:54px;height:54px}.fanni-app-header .brand-mark .sonaa-logo-svg{width:49px;height:49px}.fanni-app-header>div:first-child{gap:8px}.fanni-app-header .client-header-slogan{font-size:12px}}.fanni-summary-card{color:var(--sonaa-color-173c6c);background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-f4f8ff) 100%);border:1px solid var(--sonaa-color-d7e2f0);box-shadow:0 5px 0 var(--sonaa-color-dce5f1),0 13px 25px var(--sonaa-color-0b1b3a12),inset 0 1px 0 var(--sonaa-color-fff)}.fanni-summary-eyebrow{color:var(--sonaa-color-64748b)}.fanni-summary-balance{background:linear-gradient(145deg,var(--sonaa-color-dbeafe),var(--sonaa-color-eff6ff));border:1px solid var(--sonaa-color-bfdbfe);box-shadow:0 3px 0 var(--sonaa-color-bfdbfe),0 6px 10px var(--sonaa-color-1e3a8a10),inset 0 1px 0 var(--sonaa-color-fff)}.fanni-summary-details>summary{list-style:none;cursor:pointer;color:var(--sonaa-color-fff);background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%);border:1px solid var(--sonaa-color-ffffff55);box-shadow:0 4px 0 var(--sonaa-color-123b85),0 7px 12px var(--sonaa-color-1d4ed820),inset 0 1px 0 var(--sonaa-color-ffffff55);transition:transform .16s,box-shadow .16s}.fanni-summary-details>summary::-webkit-details-marker{display:none}.fanni-summary-details[open]>summary svg{transform:rotate(180deg)}.fanni-summary-details>summary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--sonaa-color-123b85)}.fanni-details-content{padding-top:2px;animation:.18s both fade}.fanni-detail-line{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-edf3fb));border:1px solid var(--sonaa-color-d5e0ef);box-shadow:0 3px 0 var(--sonaa-color-dce5f1),0 5px 9px var(--sonaa-color-0b1b3a0a),inset 0 1px 0 var(--sonaa-color-fff)}.fanni-detail-chip{color:var(--sonaa-color-1e40af);background:linear-gradient(145deg,var(--sonaa-color-eff6ff),var(--sonaa-color-dbeafe));border:1px solid var(--sonaa-color-bfdbfe);box-shadow:0 2px 0 var(--sonaa-color-dbeafe)}.fanni-approval-note{background:linear-gradient(145deg,var(--sonaa-color-fffbeb),var(--sonaa-color-fef3c7));border:1px solid var(--sonaa-color-fcd34d);color:var(--sonaa-color-92400e);box-shadow:0 3px 0 var(--sonaa-color-fde68a)}.fanni-wallet-shortcut{background:linear-gradient(145deg,var(--sonaa-color-dbeafe),var(--sonaa-color-eff6ff));border:1px solid var(--sonaa-color-bfdbfe);color:var(--sonaa-color-1e40af);box-shadow:0 3px 0 var(--sonaa-color-bfdbfe),0 5px 9px var(--sonaa-color-1e3a8a10)}@media(prefers-reduced-motion:reduce){.fanni-details-content,.fanni-summary-details>summary{animation:none;transition:none}}.logout-confirm-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--sonaa-color-0b1b3ab8);backdrop-filter:blur(5px);animation:.16s ease-out logoutFadeIn}.logout-confirm-card{width:min(100%,390px);border:1px solid var(--sonaa-color-fff);border-radius:26px;padding:24px 20px;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-f4f8ff) 100%);box-shadow:0 8px 0 var(--sonaa-color-cbd8ea),0 24px 60px var(--sonaa-color-02081766),inset 0 2px 3px var(--sonaa-color-fff);text-align:center;animation:.2s ease-out logoutCardIn}.logout-confirm-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:29px;background:linear-gradient(145deg,var(--sonaa-color-fff1f2),var(--sonaa-color-fecdd3));border:1px solid var(--sonaa-color-fda4af);box-shadow:0 4px 0 var(--sonaa-color-e11d48),0 8px 14px var(--sonaa-color-e11d4824),inset 0 1px 0 var(--sonaa-color-fff)}.logout-confirm-btn{min-height:46px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:transform .15s,box-shadow .15s}.logout-confirm-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-0b1b3a)!important}.logout-confirm-cancel{color:var(--sonaa-color-1e40af);background:linear-gradient(145deg,var(--sonaa-color-eff6ff),var(--sonaa-color-dbeafe));border-color:var(--sonaa-color-bfdbfe);box-shadow:0 4px 0 var(--sonaa-color-bfdbfe),0 7px 12px var(--sonaa-color-1d4ed814)}.logout-confirm-yes{color:var(--sonaa-color-fff);background:linear-gradient(145deg,var(--sonaa-color-fb7185),var(--sonaa-color-dc2626) 60%,var(--sonaa-color-991b1b));border-color:var(--sonaa-color-fda4af);box-shadow:0 4px 0 var(--sonaa-color-7f1d1d),0 7px 12px var(--sonaa-color-991b1b24)}@keyframes logoutFadeIn{from{opacity:0}to{opacity:1}}@keyframes logoutCardIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.logout-confirm-card,.logout-confirm-overlay{animation:none}.logout-confirm-btn{transition:none}}.account-top-nav{direction:rtl!important}.account-top-nav .account-download-btn{color:var(--sonaa-color-fff)!important;-webkit-text-fill-color:var(--sonaa-color-fff)!important;border:1px solid rgba(191,219,254,.9)!important;background:linear-gradient(180deg,var(--sonaa-color-315fc5) 0,var(--sonaa-color-214ca8) 48%,var(--sonaa-color-173779) 100%)!important;background-image:linear-gradient(180deg,var(--sonaa-color-315fc5) 0,var(--sonaa-color-214ca8) 48%,var(--sonaa-color-173779) 100%)!important;background-color:var(--sonaa-color-214ca8)!important;box-shadow:0 4px 0 var(--sonaa-color-102858),0 7px 12px rgba(16,40,88,.28),inset 0 1px 0 rgba(255,255,255,.4)!important;text-shadow:0 1px 1px rgba(8,25,61,.22)!important}.account-top-nav .account-download-btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 var(--sonaa-color-102858),0 3px 7px rgba(16,40,88,.2),inset 0 1px 0 rgba(255,255,255,.25)!important}.fanni-login-gate{background:radial-gradient(ellipse at 50% 0,var(--sonaa-color-dbeafe) 0,var(--sonaa-color-f4f7fb) 48%,var(--sonaa-color-eef2f8) 100%);max-width:100%!important;margin-top:0!important;padding-top:18px;padding-bottom:24px}.fanni-login-gate .account-brand{height:132px;width:132px;border-radius:30px;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-e8eff9) 100%);border:1px solid var(--sonaa-color-fff);box-shadow:0 7px 0 var(--sonaa-color-cbd8ea),0 16px 24px var(--sonaa-color-0b1b3a20),inset 0 2px 3px var(--sonaa-color-fff);transform:perspective(700px) rotateX(3deg);filter:drop-shadow(0 10px 12px var(--sonaa-color-0b1b3a16))}.fanni-login-gate .account-brand img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 5px 2px var(--sonaa-color-0b1b3a28)) drop-shadow(0 12px 10px var(--sonaa-color-0b1b3a16));transform:translateY(-2px)}.fanni-login-gate .account-slogan{color:var(--sonaa-color-173c6c)!important;font-weight:900;letter-spacing:.1px}.fanni-login-gate .account-panel{border:1px solid var(--sonaa-color-d7e2f0)!important;border-radius:25px!important;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-fbfdff) 100%)!important;box-shadow:0 5px 0 var(--sonaa-color-dce5f1),0 18px 38px var(--sonaa-color-0b1b3a16),0 3px 9px var(--sonaa-color-0b1b3a08)!important}.fanni-login-gate .account-tabs{padding:6px!important;background:linear-gradient(145deg,var(--sonaa-color-e6edf7),var(--sonaa-color-f8fbff))!important;border:1px solid var(--sonaa-color-d5e0ef)!important;border-radius:17px!important;box-shadow:inset 0 2px 4px var(--sonaa-color-0b1b3a0d),0 3px 0 var(--sonaa-color-dce5f1)!important}.fanni-login-gate .account-tab{min-height:44px!important;border:1px solid transparent!important;border-radius:11px!important;font-weight:900!important}.fanni-login-gate .account-tab.tab-active{border-color:var(--sonaa-color-42628a)!important;background:linear-gradient(145deg,var(--sonaa-color-315f99) 0,var(--sonaa-color-173c6c) 65%,var(--sonaa-color-102b50) 100%)!important;box-shadow:0 4px 0 var(--sonaa-color-0b1b3a),0 7px 12px var(--sonaa-color-0b1b3a2c),inset 0 1px 0 var(--sonaa-color-ffffff40)!important;color:var(--sonaa-color-fff)!important}.fanni-login-gate .account-tab.tab-idle{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-eaf0f8))!important;border-color:var(--sonaa-color-d5dfed)!important;color:var(--sonaa-color-344965)!important;box-shadow:0 3px 0 var(--sonaa-color-cbd7e7),0 5px 8px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff)!important}body:has(.fanni-login-gate) .fanni-app-header,body:has(.fanni-login-gate) nav.fixed.bottom-0{display:none!important}@media(max-width:380px){.fanni-login-gate{padding-top:18px;padding-bottom:24px}.fanni-login-gate .account-panel{padding:16px!important}.fanni-login-gate .account-brand{height:108px;width:108px}.fanni-login-gate .account-brand img{height:98px;width:98px}}