:root{--navy:var(--sonaa-color-0b1b3a);--navy-light:var(--sonaa-color-163b70);--blue:var(--sonaa-color-2563eb);--blue-dark:var(--sonaa-color-1d4ed8);--page:var(--sonaa-color-f4f7fc);--border:var(--sonaa-color-e2e8f0)}*{font-family:Cairo,system-ui,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--navy);overflow-x:hidden;-webkit-tap-highlight-color:transparent}.fanni-dashboard-tabs{position:sticky;top:var(--sonaa-sticky-header-height,112px);z-index:30;background:var(--page);padding-top:8px;padding-bottom:8px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}button:active{transform:scale(.985)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{outline:0;max-width:100%;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--sonaa-color-2563eb1a)}@keyframes fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.22s both fade}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.fanni-header-actions{display:flex;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0}.fanni-header-download{width:100%;min-height:40px;box-sizing:border-box}.fanni-header-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}.fanni-header-controls>*{box-sizing:border-box;min-width:0;width:100%;padding-left:4px;padding-right:4px;justify-content:center;text-align:center}@media(min-width:520px){.fanni-header-main{flex-wrap:nowrap}.fanni-header-brand{flex:1 1 155px}.fanni-header-actions{flex:0 0 290px;width:290px}}.panel{background:var(--sonaa-color-fff);border:1px solid var(--border);border-radius:18px;box-shadow:0 3px 12px var(--sonaa-color-0f234b09)}.field-label{display:block;font-size:12px;font-weight:800;color:var(--sonaa-color-334155);margin-bottom:6px}.field{display:block;width:100%;min-height:46px;border:1px solid var(--sonaa-color-dbe3ef);border-radius:12px;background:var(--sonaa-color-fff);padding:10px 12px;color:var(--sonaa-color-0b1b3a);font-size:13px}.field::placeholder{color:var(--sonaa-color-94a3b8)}.primary-btn{background:var(--blue);color:#fff;border:0;border-radius:12px;font-weight:800;box-shadow:0 3px 8px var(--sonaa-color-2563eb1f)}.primary-btn:hover{background:var(--blue-dark)}.secondary-btn{background:var(--sonaa-color-eff6ff);color:var(--sonaa-color-1d4ed8);border:1px solid var(--sonaa-color-dbeafe);border-radius:12px;font-weight:800}.section-title{font-size:15px;font-weight:800;color:var(--navy)}.fanni-area-picker{border:1px solid #cbd8e8;border-radius:17px;padding:12px;background:linear-gradient(145deg,var(--sonaa-color-f5f8fd),var(--sonaa-color-eaf0f8));box-shadow:inset 0 1px 3px var(--sonaa-color-0b1b3a0b),0 3px 8px var(--sonaa-color-0b1b3a08);display:flex;flex-direction:column;gap:11px}.fanni-picker-search{height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1.5px solid #a9bdd8;border-radius:12px;background:var(--sonaa-color-fff);color:var(--sonaa-color-315f99);box-shadow:0 2px 0 var(--sonaa-color-d7e2f0),inset 0 1px 2px var(--sonaa-color-0b1b3a08)}.fanni-picker-search span{font-size:23px;line-height:1}.fanni-picker-search input{width:100%;min-width:0;height:100%;border:0!important;outline:0!important;background:0 0!important;color:var(--sonaa-color-172b4d)!important;font-size:12px;font-weight:800;box-shadow:none!important}.fanni-picker-search input::placeholder{color:#77736a;opacity:1}.fanni-selected-areas{display:flex;flex-wrap:wrap;gap:7px;min-height:25px}.fanni-area-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #c9a34f;border-radius:999px;background:linear-gradient(145deg,var(--sonaa-color-eaf3ff),#d8e9ff);color:#a9822e;font-size:11px;font-weight:900;box-shadow:0 2px 0 #c2d8f4}.fanni-area-tag span{font-size:15px;line-height:10px}.fanni-picker-empty,.fanni-picker-hint{font-size:10px;font-weight:700;color:#77736a}.fanni-area-options{max-height:245px;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:2px}.fanni-area-option{min-width:0;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1.5px solid #d2ddec;border-radius:11px;background:var(--sonaa-color-fff);color:#171a22;font-size:11px;font-weight:800;text-align:right;box-shadow:0 2px 0 #e0e8f2;transition:background .15s,border-color .15s,transform .15s}.fanni-area-option:active{transform:translateY(1px)}.fanni-area-option.is-selected{border-color:var(--sonaa-color-2875f0);background:linear-gradient(145deg,#e6f1ff,#cfe3ff);color:#a9822e;box-shadow:0 2px 0 #a9c8f1,inset 0 0 0 1px var(--sonaa-color-ffffff)}.fanni-check{flex:0 0 21px;width:21px;height:21px;border:1.5px solid #aebed2;border-radius:6px;background:var(--sonaa-color-fff);display:flex;align-items:center;justify-content:center;color:var(--sonaa-color-fff);font-size:12px;font-weight:900}.is-selected .fanni-check{border-color:var(--sonaa-color-1d4ed8);background:var(--sonaa-color-1d4ed8)}.fanni-picker-no-results{grid-column:1/-1;padding:16px;text-align:center;border:1px dashed #aebed2;border-radius:11px;background:var(--sonaa-color-fff);color:var(--sonaa-color-64748b);font-size:11px;font-weight:700}.fanni-picker-hint{margin:0}.fanni-specialty-category-head{border:1px solid #cbd8e8;border-radius:13px;background:linear-gradient(145deg,var(--sonaa-color-f4f8ff),var(--sonaa-color-e5edf8));box-shadow:0 2px 0 #d4deeb,inset 0 1px 0 var(--sonaa-color-fff);transition:background .15s,border-color .15s}.fanni-specialty-options{background:var(--sonaa-color-f5f8fd);border-color:var(--sonaa-color-d5dfec)!important;border-radius:0 0 14px 14px}.service-chip.selected{background:linear-gradient(145deg,#e7f1ff,#d5e7ff);border-color:var(--sonaa-color-3983f6);color:#a9822e;box-shadow:0 3px 0 #b8d2f2,0 5px 10px var(--sonaa-color-1d4ed814),inset 0 1px 0 var(--sonaa-color-fff)}.service-chip .service-icon{background:#eaf2fd;border:1px solid #d5e2f2}.service-chip.selected .service-icon{background:#c8defc;border-color:var(--sonaa-color-a8c9f4);background:var(--sonaa-color-dbeafe)}@media(max-width:380px){.fanni-area-options{grid-template-columns:1fr}.service-chip{min-height:96px}.service-chip .service-icon{width:38px;height:38px;font-size:23px}}.service-chip{border:1.5px solid #cbd8e8;background:linear-gradient(160deg,var(--sonaa-color-fff),var(--sonaa-color-f3f7fc));color:#171a22;box-shadow:0 3px 0 #dce5f0,0 5px 9px var(--sonaa-color-0b1b3a08),inset 0 1px 0 var(--sonaa-color-fff);display:flex;min-width:0;min-height:104px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--sonaa-color-dbe3ef);border-radius:14px;padding:10px 6px;font-size:11px;font-weight:800;text-align:center;line-height:1.5;background:var(--sonaa-color-fff);color:var(--sonaa-color-334155);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.service-chip.selected{background:var(--sonaa-color-eff6ff);border-color:var(--sonaa-color-60a5fa);color:var(--sonaa-color-1d4ed8);box-shadow:0 0 0 1px var(--sonaa-color-bfdbfe) inset}.service-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.service-chip .service-icon{width:42px;height:42px;border-radius:13px;background:var(--sonaa-color-eff6ff);display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0}@media(max-width:380px){.service-chip{min-height:96px}.service-chip .service-icon{width:38px;height:38px;font-size:23px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--sonaa-color-cbd5e1);border-radius:99px}.global-refresh.is-refreshing svg{animation:.8s linear infinite global-refresh-spin}@keyframes global-refresh-spin{to{transform:rotate(360deg)}}.global-refresh-float{position:fixed;left:16px;right:auto;bottom:calc(86px + env(safe-area-inset-bottom));z-index:80;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--sonaa-color-2563eb),var(--sonaa-color-0b1b3a));color:var(--sonaa-color-fff);border:2px solid var(--sonaa-color-fff);box-shadow:0 8px 24px var(--sonaa-color-0b1b3a35);transition:transform .18s,opacity .18s}.global-refresh-float:active{transform:scale(.94)}.global-refresh-float svg{width:23px;height:23px}.global-refresh-float.prelogin-floating{bottom:18px}.fanni-profile-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 4px 0 var(--sonaa-color-b91c1c),0 7px 13px var(--sonaa-color-991b1b22),inset 0 1px 0 var(--sonaa-color-fff)!important}.fanni-profile-logout:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sonaa-color-b91c1c)!important}#app .fanni-wallet-tabs{direction:rtl;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid #dce8e8;border-radius:16px;background:#fff}#app .fanni-wallet-tabs button{min-width:0;min-height:54px;padding:8px 5px;border:1px solid #d8e5e5;border-radius:12px;background:#f7fbfb;color:#31515a;font-size:11px;font-weight:800;line-height:1.35;transition:background .18s,border-color .18s,color .18s}#app .fanni-wallet-tabs button.fanni-wallet-tab-active{border-color:#167c80;background:#167c80;color:#fff;box-shadow:0 3px 8px #167c8026}@media(max-width:360px){#app .fanni-wallet-tabs{gap:5px;padding:6px}#app .fanni-wallet-tabs button{font-size:9px;padding:6px 2px}}