:root{--navy:var(--sonaa-color-0b1b3a);--navy2:var(--sonaa-color-173c6c);--blue:var(--sonaa-color-2563eb);--blue-dark:var(--sonaa-color-1d4ed8);--page:var(--sonaa-color-f4f7fb);--border:var(--sonaa-color-e2e8f0);--text:var(--sonaa-color-0f172a);--muted:var(--sonaa-color-64748b)}*{font-family:Cairo,system-ui,sans-serif;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);overflow-x:hidden;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;max-width:100%;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{color:var(--text)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--sonaa-color-2563eb18)}::-webkit-scrollbar{width:0;height:0}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.primary-btn{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}.blue-btn{background:var(--blue);color:#fff}.blue-btn:hover{background:var(--blue-dark)}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 3px 12px var(--sonaa-color-0f172a09)}.field{width:100%;border:1px solid var(--sonaa-color-dbe3ee);border-radius:12px;background:#fff}.tab-active{background:var(--navy);color:#fff}.tab-idle{color:var(--muted)}.client-section-tabs{background:linear-gradient(145deg,var(--sonaa-color-e7eef8),var(--sonaa-color-fff))!important;border-color:var(--sonaa-color-d5e0ef)!important;box-shadow:inset 0 2px 4px var(--sonaa-color-0b1b3a0a),0 4px 0 var(--sonaa-color-dce5f1),0 8px 18px var(--sonaa-color-0b1b3a0a)!important}.client-section-tabs button{border:1px solid transparent}.client-section-tabs button.tab-idle{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-eaf0f8));border-color:var(--sonaa-color-d5dfed);box-shadow:0 3px 0 var(--sonaa-color-cbd7e7),0 5px 8px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff);color:var(--sonaa-color-344965)}.client-section-tabs button.bg-gradient-to-l{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}.client-section-tabs button:active{box-shadow:0 1px 0 var(--sonaa-color-0b1b3a20)}.client-new-order{background:radial-gradient(ellipse at 50% 0,var(--sonaa-color-e5efff) 0,var(--sonaa-color-f4f7fb) 52%,var(--sonaa-color-eef2f8) 100%);border-radius:24px;padding:8px 0 16px}.client-new-order .client-order-panel{border:1px solid var(--sonaa-color-d7e2f0);border-radius:25px;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-fbfdff) 100%);box-shadow:0 5px 0 var(--sonaa-color-dce5f1),0 18px 38px var(--sonaa-color-0b1b3a16),0 3px 9px var(--sonaa-color-0b1b3a08)}.client-new-order .field{border-color:var(--sonaa-color-d8e2ef);background:var(--sonaa-color-fbfdff)}.client-new-order .field:focus{background:var(--sonaa-color-fff);border-color:var(--sonaa-color-2563eb)!important;box-shadow:0 0 0 4px var(--sonaa-color-2563eb18),0 3px 8px var(--sonaa-color-0b1b3a08)}.client-home-main-btn{background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%)!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;transition:transform .16s,box-shadow .16s,filter .16s}.account-gate .account-nav-btn.account-home-btn,.client-home-main-btn{background:var(--sonaa-color-eff6ff)!important;color:var(--sonaa-color-1e40af)!important;-webkit-text-fill-color:var(--sonaa-color-1e40af)!important;text-decoration:none!important;border:1px solid var(--sonaa-color-bfdbfe)!important;text-shadow:none!important;box-shadow:0 3px 0 var(--sonaa-color-dbeafe),0 5px 10px var(--sonaa-color-1e3a8a12)!important}.client-home-main-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-123b85),0 3px 7px var(--sonaa-color-0b1b3a20)!important}.client-submit-order-btn{background:linear-gradient(145deg,var(--sonaa-color-3983f6) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%)!important;border:1px solid var(--sonaa-color-ffffff45)!important;box-shadow:0 6px 0 var(--sonaa-color-123b85),0 12px 20px var(--sonaa-color-1d4ed82e),inset 0 1px 0 var(--sonaa-color-ffffff45)!important;transition:transform .16s,box-shadow .16s,filter .16s}.client-submit-order-btn:hover{filter:brightness(1.04)}.client-submit-order-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--sonaa-color-123b85),0 5px 10px var(--sonaa-color-1d4ed820)!important}.client-submit-order-btn:disabled{opacity:.7;box-shadow:0 3px 0 var(--sonaa-color-123b85)!important}.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-ffffff);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}}.client-complaint-submit-btn{background:linear-gradient(145deg,var(--sonaa-color-fb7185) 0,var(--sonaa-color-dc2626) 52%,var(--sonaa-color-991b1b) 100%)!important;color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-ffffff55)!important;box-shadow:0 5px 0 var(--sonaa-color-7f1d1d),0 9px 16px var(--sonaa-color-991b1b2e),inset 0 1px 0 var(--sonaa-color-ffffff55)!important;text-shadow:0 1px 2px var(--sonaa-color-7f1d1d66);transition:transform .16s,box-shadow .16s,filter .16s}.client-complaint-track-btn{background:linear-gradient(145deg,var(--sonaa-color-60a5fa) 0,var(--sonaa-color-2563eb) 52%,var(--sonaa-color-1e3a8a) 100%)!important;color:var(--sonaa-color-fff)!important;border:1px solid var(--sonaa-color-ffffff65)!important;box-shadow:0 5px 0 var(--sonaa-color-1e3a8a),0 9px 16px var(--sonaa-color-1d4ed82e),inset 0 1px 0 var(--sonaa-color-ffffff60)!important;text-shadow:0 1px 2px var(--sonaa-color-1e3a8a66);transition:transform .16s,box-shadow .16s,filter .16s}.client-complaint-submit-btn:active,.client-complaint-track-btn:active{transform:translateY(3px);filter:brightness(.98);box-shadow:0 2px 0 var(--sonaa-color-1e3a8a),0 4px 8px var(--sonaa-color-0b1b3a20)!important}.client-complaint-submit-btn:disabled,.client-complaint-track-btn:disabled{opacity:.72;filter:saturate(.8);transform:none}@media(max-width:380px){.app-header .brand-mark{width:70px;height:70px}.client-new-order{padding-top:4px}.client-new-order .client-order-panel{padding:14px}}.account-gate{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0,var(--sonaa-color-dbeafe) 0,var(--sonaa-color-f4f7fb) 48%,var(--sonaa-color-eef2f8) 100%)}.account-gate:before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:min(520px,100%);height:250px;transform:translateX(-50%);background:radial-gradient(ellipse,var(--sonaa-color-ffffffb8) 0,var(--sonaa-color-ffffff00) 72%);pointer-events:none}.account-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-ffffff);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))}.account-gate .account-brand .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));transform:translateY(-2px)}.account-gate .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)}}.client-loading-overlay{position:fixed;inset:0;z-index:2147483647;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}.client-loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.client-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)}.client-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))}.account-gate .account-panel{border:1px solid var(--sonaa-color-d7e2f0);border-radius:25px;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-fbfdff) 100%);box-shadow:0 5px 0 var(--sonaa-color-dce5f1),0 18px 38px var(--sonaa-color-0b1b3a16),0 3px 9px var(--sonaa-color-0b1b3a08)}.account-gate .account-nav-btn{box-shadow:0 3px 0 var(--sonaa-color-0b1b3a12);transition:transform .16s,box-shadow .16s}.account-gate .account-nav-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sonaa-color-0b1b3a12)}.account-gate .account-tabs{padding:6px;background:linear-gradient(145deg,var(--sonaa-color-e6edf7),var(--sonaa-color-f8fbff));border:1px solid var(--sonaa-color-d5e0ef);border-radius:17px;box-shadow:inset 0 2px 4px var(--sonaa-color-0b1b3a0d),0 3px 0 var(--sonaa-color-dce5f1)}.account-gate .account-tab{position:relative;border:1px solid transparent;font-weight:900;letter-spacing:.1px;text-shadow:0 1px 0 var(--sonaa-color-ffffff40);min-height:44px;border-radius:11px;transition:background .18s,color .18s,box-shadow .18s}.account-gate .account-tab.tab-active{border-color:var(--sonaa-color-42628a);background:linear-gradient(145deg,var(--sonaa-color-315f99) 0,var(--sonaa-color-173c6c) 65%,var(--sonaa-color-102b50) 100%);box-shadow:0 4px 0 var(--sonaa-color-0b1b3a),0 7px 12px var(--sonaa-color-0b1b3a2c),inset 0 1px 0 var(--sonaa-color-ffffff40);color:var(--sonaa-color-fff);transform:translateY(-1px)}.account-gate .account-tab.tab-idle{background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-eaf0f8));border-color:var(--sonaa-color-d5dfed);color:var(--sonaa-color-344965);box-shadow:0 3px 0 var(--sonaa-color-cbd7e7),0 5px 8px var(--sonaa-color-0b1b3a0d),inset 0 1px 0 var(--sonaa-color-fff)}.account-gate .account-tab:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sonaa-color-0b1b3a20)}.account-gate .account-tab.tab-active{background:linear-gradient(135deg,var(--sonaa-color-0b1b3a),var(--sonaa-color-214b7d));box-shadow:0 4px 10px var(--sonaa-color-0b1b3a25)}.account-gate .account-tab.tab-idle{background:0 0;color:var(--sonaa-color-52627a)}.account-gate .field{border-color:var(--sonaa-color-d8e2ef);background:var(--sonaa-color-fbfdff)}.account-gate .field:focus{background:var(--sonaa-color-fff);border-color:var(--sonaa-color-2563eb)!important;box-shadow:0 0 0 4px var(--sonaa-color-2563eb18),0 3px 8px var(--sonaa-color-0b1b3a08)}.account-gate .account-submit{background:linear-gradient(135deg,var(--sonaa-color-2875f0) 0,var(--sonaa-color-1d4ed8) 55%,var(--sonaa-color-173c6c) 100%);border:1px solid var(--sonaa-color-ffffff35);box-shadow:0 5px 0 var(--sonaa-color-163f8c),0 10px 18px var(--sonaa-color-1d4ed82c);transition:transform .16s,box-shadow .16s,filter .16s}.account-gate .account-submit:hover{filter:brightness(1.04)}.account-gate .account-submit:active{transform:translateY(3px);box-shadow:0 2px 0 var(--sonaa-color-163f8c),0 5px 10px var(--sonaa-color-1d4ed820)}.account-gate .account-home-btn{background:linear-gradient(135deg,var(--sonaa-color-2875f0),var(--sonaa-color-173c6c));box-shadow:0 3px 0 var(--sonaa-color-0b1b3a24),0 6px 12px var(--sonaa-color-0b1b3a12)}.account-gate .account-download-btn{color:var(--sonaa-color-12633c);border:1px solid var(--sonaa-color-a8d8bb);background:linear-gradient(145deg,var(--sonaa-color-f4fff8) 0,var(--sonaa-color-d8f5e3) 100%);box-shadow:0 4px 0 var(--sonaa-color-a6d2b5),0 7px 12px var(--sonaa-color-16653416),inset 0 1px 0 var(--sonaa-color-fff)}.account-gate .account-download-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sonaa-color-a6d2b5)}@media(max-width:380px){.account-gate{padding-top:18px;padding-bottom:24px}.account-gate .account-panel{padding:16px}.account-gate .account-brand{height:108px;width:108px}.account-gate .account-brand .sonaa-logo-svg{height:98px;width:98px}}@media(prefers-reduced-motion:reduce){.account-loading-logo{animation:none}.account-gate .account-nav-btn,.account-gate .account-submit,.account-gate .account-tab,.account-gate .field{transition:none}}.soft-card{background:var(--sonaa-color-f8fafc);border:1px solid var(--sonaa-color-e8eef5)}.category-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-tile{min-width:0;min-height:112px;padding:10px 6px;border:1px solid var(--sonaa-color-dbe3ee);border-radius:15px;background:var(--sonaa-color-fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;transition:background .15s,border-color .15s,transform .15s}.category-tile:focus-visible,.category-tile:hover{background:var(--sonaa-color-eff6ff);border-color:var(--sonaa-color-93c5fd);outline:2px solid var(--sonaa-color-bfdbfe);outline-offset:-2px}.category-tile:active{transform:scale(.98)}.category-tile.active{background:var(--sonaa-color-eff6ff);border:2px solid var(--sonaa-color-2563eb);padding:9px 5px}.category-tile-icon{width:34px;height:34px;border-radius:10px;background:var(--sonaa-color-eff6ff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.category-tile.active .category-tile-icon{background:var(--sonaa-color-dbeafe)}.category-tile-label{font-size:12px;line-height:1.4;font-weight:900;color:var(--sonaa-color-0f172a);overflow-wrap:anywhere}.category-tile-count{font-size:10px;font-weight:700;color:var(--sonaa-color-64748b)}.category-tile-availability,.service-choice-availability{font-size:10px;line-height:1.35;font-weight:900;color:var(--sonaa-color-2563eb);background:var(--sonaa-color-eff6ff);border:1px solid var(--sonaa-color-bfdbfe);border-radius:999px;padding:3px 7px;white-space:nowrap}.service-choice-name{overflow-wrap:anywhere}.service-choice-availability{font-size:9px;padding:3px 5px}.service-choice.selected .service-choice-availability{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25)}@media(max-width:380px){.category-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-choice{min-width:0;min-height:104px;text-align:center;padding:10px 7px;border:1px solid var(--sonaa-color-e2e8f0);border-radius:14px;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--sonaa-color-fff);white-space:normal;line-height:1.5;transition:background .15s,border-color .15s,transform .15s}.service-choice .service-icon{width:34px;height:34px;border-radius:10px;background:var(--sonaa-color-eff6ff);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.service-choice.selected{background:var(--sonaa-color-0b1b3a);color:#fff;border-color:var(--sonaa-color-0b1b3a)}.service-choice.selected .service-icon{background:var(--sonaa-color-ffffff20)}.service-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.service-picker-dialog{translate:-50% -50%;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:20px;background:var(--sonaa-color-fff);box-shadow:0 0 0 100vmax rgba(15,23,42,.48),0 24px 70px var(--sonaa-color-0f172a40);position:relative!important;top:auto!important;left:auto!important;translate:none!important;transform:none!important;z-index:1!important;width:100%!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;box-shadow:0 8px 22px var(--sonaa-color-0f172a12)!important;animation:none!important;margin:10px 0 0!important}.service-picker-dialog:has(.category-details) .category-tile-grid,.service-picker-dialog:has(.category-details) .service-search-intro{display:none}#serviceList{max-height:none!important;height:auto!important;overflow:visible!important;overscroll-behavior:visible!important}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.2s both fadeIn}.client-section-tabs{top:var(--sonaa-sticky-header-height,112px)!important;z-index:30!important}@media(max-width:480px){main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}.global-refresh.is-refreshing svg{animation:1s 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}.account-gate .field,.client-new-order .field,.client-new-order input:not([type=checkbox]):not([type=radio]),.client-new-order select,.client-new-order textarea,main .field{border:1px solid var(--sonaa-color-c6d5e9)!important;border-radius:14px!important;background:linear-gradient(155deg,var(--sonaa-color-fff) 0,var(--sonaa-color-f4f8ff) 100%)!important;box-shadow:inset 0 2px 4px var(--sonaa-color-0b1b3a0b),inset 0 1px 0 var(--sonaa-color-fff),0 3px 0 var(--sonaa-color-d6e1ef),0 6px 10px var(--sonaa-color-0b1b3a0b)!important;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.account-gate .field:focus,.client-new-order .field:focus,.client-new-order input:focus,.client-new-order select:focus,.client-new-order textarea:focus,main .field:focus{transform:translateY(-1px);border-color:var(--sonaa-color-4c8cf4)!important;background:linear-gradient(155deg,var(--sonaa-color-fff) 0,var(--sonaa-color-f0f6ff) 100%)!important;box-shadow:inset 0 1px 3px var(--sonaa-color-2563eb0b),0 0 0 3px var(--sonaa-color-3b82f625),0 4px 0 var(--sonaa-color-b8ccec),0 8px 14px var(--sonaa-color-1d4ed81a)!important}.client-new-order .field::placeholder,main .field::placeholder{color:var(--sonaa-color-8796aa)}.client-new-order label{text-shadow:0 1px 0 var(--sonaa-color-fff)}#servicePanel{border-radius:20px!important;background:linear-gradient(145deg,var(--sonaa-color-fff),var(--sonaa-color-f0f5fc))!important;box-shadow:0 5px 0 var(--sonaa-color-d6e1ef),0 14px 24px var(--sonaa-color-0b1b3a18),inset 0 1px 0 var(--sonaa-color-fff)!important;overflow:hidden}#serviceList button,#servicePanel button,.category-tile-grid button{transition:transform .16s,box-shadow .16s,filter .16s}#serviceList .category-tile,#serviceList button[aria-expanded],#serviceList button[aria-pressed],.category-tile-grid .category-tile{border:1px solid var(--sonaa-color-cbd9eb)!important;border-radius:16px!important;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-edf4ff) 100%)!important;box-shadow:0 4px 0 var(--sonaa-color-c7d5e8),0 7px 12px var(--sonaa-color-0b1b3a12),inset 0 1px 0 var(--sonaa-color-fff)!important}#serviceList .category-tile.active,#serviceList button[aria-expanded=true],#serviceList button[aria-pressed=true]{border-color:var(--sonaa-color-7aa8f5)!important;background:linear-gradient(145deg,var(--sonaa-color-e5efff) 0,var(--sonaa-color-cbdfff) 100%)!important;box-shadow:0 4px 0 var(--sonaa-color-8eaddc),0 8px 14px var(--sonaa-color-2563eb20),inset 0 1px 0 var(--sonaa-color-fff)!important}#servicePanel button:active,.category-tile-grid button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-b9c9df),0 3px 6px var(--sonaa-color-0b1b3a12)!important}main .panel{box-shadow:0 4px 0 var(--sonaa-color-dce5f1),0 12px 26px var(--sonaa-color-0b1b3a10),inset 0 1px 0 var(--sonaa-color-fff)}nav.fixed.bottom-0{background:linear-gradient(180deg,var(--sonaa-color-fff) 0,var(--sonaa-color-edf3fc) 100%)!important;border-top:1px solid var(--sonaa-color-cbd8e9)!important;box-shadow:0 -5px 0 var(--sonaa-color-dce5f1),0 -12px 24px var(--sonaa-color-0b1b3a13),inset 0 1px 0 var(--sonaa-color-fff)!important}nav.fixed.bottom-0>div{padding-top:7px;padding-bottom:5px}nav.fixed.bottom-0 a,nav.fixed.bottom-0 button{margin:0 3px;border:1px solid var(--sonaa-color-d3deed)!important;border-radius:15px!important;background:linear-gradient(145deg,var(--sonaa-color-fff) 0,var(--sonaa-color-edf3fc) 100%)!important;box-shadow:0 3px 0 var(--sonaa-color-cbd7e7),0 5px 9px var(--sonaa-color-0b1b3a0c),inset 0 1px 0 var(--sonaa-color-fff)!important;transition:transform .16s,box-shadow .16s,background .16s}nav.fixed.bottom-0 button.bg-blue-50,nav.fixed.bottom-0 button[class*=text-blue-800]{color:var(--sonaa-color-173c6c)!important;background:linear-gradient(145deg,var(--sonaa-color-dceaff) 0,var(--sonaa-color-bcd5ff) 100%)!important;border-color:var(--sonaa-color-9dbcf0)!important;box-shadow:0 4px 0 var(--sonaa-color-91addb),0 7px 12px var(--sonaa-color-2563eb20),inset 0 1px 0 var(--sonaa-color-fff)!important}nav.fixed.bottom-0 a{color:var(--sonaa-color-0f766e)!important}nav.fixed.bottom-0 a:active,nav.fixed.bottom-0 button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sonaa-color-cbd7e7),0 2px 5px var(--sonaa-color-0b1b3a10)!important}nav.fixed.bottom-0 button>span:first-child,nav.fixed.bottom-0 svg{filter:drop-shadow(0 2px 1px var(--sonaa-color-0b1b3a20))}.client-section-tabs button,main button.blue-btn,main button.primary-btn{border:1px solid var(--sonaa-color-ffffff50);box-shadow:0 4px 0 var(--sonaa-color-c2d0e3),0 7px 12px var(--sonaa-color-0b1b3a12),inset 0 1px 0 var(--sonaa-color-ffffff65);transition:transform .16s,box-shadow .16s,filter .16s}.client-section-tabs button:active,main button.blue-btn:active,main button.primary-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-c2d0e3),0 3px 6px var(--sonaa-color-0b1b3a10)}@media(prefers-reduced-motion:reduce){#servicePanel button,.client-new-order .field,nav.fixed.bottom-0 a,nav.fixed.bottom-0 button{transition:none}}.account-top-nav{direction:rtl!important;justify-content:center!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;width:100%!important;margin-inline:auto!important}.account-top-nav .account-nav-btn{min-height:42px!important;border-radius:12px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap;transition:transform .16s,box-shadow .16s,filter .16s}.account-top-nav .account-nav-btn.account-home-btn{background:linear-gradient(145deg,var(--sonaa-color-eff6ff) 0,var(--sonaa-color-dbeafe) 100%)!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 4px 0 var(--sonaa-color-bfdbfe),0 7px 12px var(--sonaa-color-1e3a8a12),inset 0 1px 0 var(--sonaa-color-fff)!important}.account-top-nav .account-download-btn{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;color:var(--sonaa-color-fff)!important;-webkit-text-fill-color:var(--sonaa-color-fff)!important;border:1px solid rgba(191,219,254,.9)!important;display:inline-flex!important;align-items:center!important;gap:6px!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-home-btn:active{transform:translateY(3px)!important;filter:brightness(.98)}.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 .account-top-nav .account-nav-btn.account-home-btn{background:linear-gradient(145deg,var(--sonaa-color-eff6ff) 0,var(--sonaa-color-dbeafe) 100%)!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 4px 0 var(--sonaa-color-bfdbfe),0 7px 12px var(--sonaa-color-1e3a8a12),inset 0 1px 0 var(--sonaa-color-fff)!important}.account-top-nav .account-download-btn,.dashboard-download-btn{animation:1.8s ease-in-out infinite sonaaDownloadPulse!important}.dashboard-download-btn{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;color:var(--sonaa-color-fff)!important;-webkit-text-fill-color:var(--sonaa-color-fff)!important;border-color:rgba(191,219,254,.9)!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}@keyframes sonaaDownloadPulse{0%,100%{filter:brightness(1);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)}50%{filter:brightness(1.2);box-shadow:0 4px 0 var(--sonaa-color-102858),0 0 0 4px rgba(59,130,246,.14),0 0 20px rgba(59,130,246,.72),inset 0 1px 0 rgba(255,255,255,.5)}}@media(max-width:380px){.service-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-top-nav{gap:5px!important}.account-top-nav .account-nav-btn{padding-inline:8px!important;font-size:10px!important}}.account-switch-link{width:100%;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 14px;border:1px solid var(--sonaa-color-bfdbfe)!important;border-radius:12px!important;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;font-size:14px;font-weight:900;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;transition:transform .16s,box-shadow .16s}.account-switch-link small{font-size:10px;font-weight:700;opacity:.9;line-height:1.3}.account-switch-link:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sonaa-color-123b85)!important}@media(prefers-reduced-motion:reduce){.account-top-nav .account-download-btn,.dashboard-download-btn{animation:none!important}.account-switch-link{transition:none}}body #app header.app-header a[href="https://hamzawy-sat.vercel.app/download.html"]{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;color:var(--sonaa-color-fff)!important;-webkit-text-fill-color:var(--sonaa-color-fff)!important;border:1px solid rgba(191,219,254,.9)!important;border-radius:12px!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;-webkit-font-smoothing:antialiased!important;transform:translateZ(0)}body #app header.app-header a[href="https://hamzawy-sat.vercel.app/download.html"]: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}#app .client-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 .client-wallet-tabs button{min-width:0;min-height:54px;border:1px solid #d8e5e5;border-radius:12px;background:#f7fbfb;color:#31515a;line-height:1.35}#app .client-wallet-tabs button.client-wallet-tab-active{border-color:#167c80;background:#167c80;color:#fff;box-shadow:0 3px 8px #167c8026}#app .client-wallet-tab-content>.panel{animation:.18s ease-out clientWalletTabIn}@keyframes clientWalletTabIn{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){#app .client-wallet-tabs{gap:5px;padding:6px}#app .client-wallet-tabs button{font-size:9px;padding:6px 2px}}