@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Tajawal:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--bg-main:#f4f7fc;--surface:#fff;--stone:#e2e8f0;--ink:#1e293b;--ink2:#334155;--muted:#64748b;--blue:#0071e3;--blue2:#005bb5;--sky:#e6f2ff;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--r-sm:10px;--r-md:18px;--r-lg:28px;--r-xl:40px;--header-h:74px}html{scroll-behavior:smooth}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{background:var(--bg-main);color:var(--ink);direction:rtl;font-family:Tajawal,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--stone);border-radius:99px}.sr-header{z-index:999;height:var(--header-h);justify-content:space-between;align-items:center;padding:0 5%;transition:background .4s,box-shadow .4s,height .4s;display:flex;position:fixed;top:0;left:0;right:0}.sr-header.scrolled{-webkit-backdrop-filter:blur(16px);background:#fffffff2;height:64px;box-shadow:0 4px 20px #0000000f}.sr-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.sr-logo-text{color:var(--ink);letter-spacing:-.3px;white-space:nowrap;font-family:Playfair Display,serif;font-size:21px;font-weight:800}.sr-nav a{color:var(--ink2);white-space:nowrap;border-radius:99px;padding:8px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.sr-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.sr-bell-container:hover{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky)}.sr-bell-container svg,.sr-bell-container img,.sr-bell-container .bell-icon{filter:brightness(0);width:22px;height:22px}.sr-bell-container .bell{filter:none}.sr-btn-login{background:var(--sky);color:var(--blue);cursor:pointer;white-space:nowrap;border:none;border-radius:99px;padding:10px 24px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:background .3s,color .3s}.lang-btn{border:1.5px solid var(--stone);background:var(--surface);height:38px;color:var(--ink2);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;transition:border-color .25s,color .25s,background .25s,box-shadow .25s;display:inline-flex;position:relative}.lang-btn:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:15px;height:15px;transition:background-image .25s;display:inline-block}.lang-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--sky);box-shadow:0 0 0 3px #0071e314}.lang-btn:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%230071e3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}body.dark .lang-btn{color:var(--ink2);border-color:var(--stone);background:#1e293b}body.dark .lang-btn:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}body.dark .lang-btn:hover{color:#60a5fa;background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}body.dark .lang-btn:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2360a5fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E")}.theme-btn{border:1.5px solid var(--stone);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.theme-btn:hover{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky)}.theme-btn:before{content:"";opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:18px;height:18px;transition:transform .4s,opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)rotate(0)}.theme-btn:after{content:"";opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:transform .4s,opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(-45deg)}body.dark .theme-btn{background:#1e293b;border-color:#334155}body.dark .theme-btn:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}body.dark .theme-btn:before{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(90deg)}body.dark .theme-btn:after{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}.theme-btn .dot{display:none}.sr-hamburger-btn{background:var(--surface);border:1.5px solid var(--stone);cursor:pointer;z-index:1001;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:10px 12px;display:none}.sr-hamburger-btn:hover{border-color:var(--blue)}.sr-ham-line.open:first-child{transform:translateY(7px)rotate(45deg)}.sr-ham-line.open:nth-child(2){opacity:0}.sr-ham-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=961px){.sr-mobile-nav{display:none!important}}.sr-mobile-nav{top:calc(var(--header-h) + 10px);background:var(--surface);border:1px solid var(--stone);z-index:1000;opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;gap:8px;padding:20px;transition:opacity .3s,transform .3s;display:flex;position:fixed;left:12px;right:12px;transform:translateY(-15px);box-shadow:0 20px 60px #0000001f}.sr-mobile-nav a{color:var(--ink);border-radius:var(--r-md);background:var(--bg-main);border-bottom:1px solid var(--stone);padding:13px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.sr-mobile-nav a:last-of-type{border-bottom:none}.sr-mobile-nav a:hover{background:var(--sky);color:var(--blue)}.sr-mobile-nav .sr-btn-logout,.sr-mobile-nav .sr-btn-login{text-align:center;border-radius:12px;justify-content:center;width:100%;padding:14px;font-size:15px}.sr-hero{min-height:100vh;padding:calc(var(--header-h) + 60px) 5% 80px;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;max-width:1280px;margin:0 auto;display:grid;position:relative}.sr-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0071e312 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:fixed;top:-200px;right:-200px}.sr-hero-left,.sr-hero-right{z-index:1;position:relative}.sr-eyebrow{background:var(--sky);color:var(--blue);border:1px solid #0071e326;border-radius:99px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.sr-eyebrow-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.sr-hero-title{color:var(--ink);margin-bottom:24px;font-family:Tajawal,sans-serif;font-size:clamp(2.4rem,4.5vw,4rem);font-weight:800;line-height:1.4}.sr-hero-title em{color:var(--blue);font-style:normal;display:inline-block;position:relative}.sr-hero-title em:after{content:"";background:var(--blue);opacity:.2;border-radius:2px;height:4px;position:absolute;bottom:-2px;left:0;right:0}.sr-hero-sub{color:var(--muted);max-width:500px;margin-bottom:40px;font-size:17px;line-height:1.75}.sr-cta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sr-btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:10px;padding:15px 32px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 25px #0071e34d}.sr-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0071e366}.sr-btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;transition:color .2s;display:inline-flex}.sr-btn-ghost:hover{color:var(--blue)}.sr-hero-features{border-top:1px solid var(--stone);flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:24px;display:flex}.sr-feature-item{color:var(--ink2);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.sr-feature-item svg{width:18px;height:18px}.sr-feed-card{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--stone);padding:30px;box-shadow:0 20px 50px #0000000f}.sr-feed-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.sr-feed-title{color:var(--ink);font-family:Playfair Display,serif;font-size:19px;font-weight:800}.sr-live-badge{color:var(--red);background:#fef2f2;border:1px solid #fecaca;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.sr-live-dot{background:var(--red);border-radius:50%;width:7px;height:7px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sr-report-item{border-radius:var(--r-md);background:var(--bg-main);border:1px solid var(--stone);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:16px 18px;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex}.sr-report-item:last-child{margin-bottom:0}.sr-report-item:hover{border-color:var(--blue);transform:translate(-4px);box-shadow:0 5px 15px #0000000a}.sr-report-type{color:var(--ink);font-size:14px;font-weight:700}.sr-report-loc{color:var(--muted);margin-top:3px;font-size:12px}.sr-status{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:700}.sr-status-processing{color:#b45309;background:#fef3c7}.sr-status-received{background:var(--sky);color:var(--blue)}.sr-status-done{color:#047857;background:#d1fae5}.sr-deco-card{background:var(--surface);border:1px solid var(--stone);border-radius:var(--r-md);z-index:2;align-items:center;gap:14px;padding:14px 20px;display:flex;position:absolute;bottom:-28px;left:-24px;box-shadow:0 15px 35px #00000014}.sr-deco-icon{background:#d1fae5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sr-deco-val{color:var(--ink);font-size:19px;font-weight:800;line-height:1}.sr-deco-lbl{color:var(--muted);margin-top:3px;font-size:11px}.sr-section{max-width:1300px;margin:0 auto;padding:100px 5% 80px}.sr-section-label{align-items:center;gap:12px;margin-bottom:18px;display:flex}.sr-section-line{background:var(--blue);border-radius:2px;flex:0 0 55px;height:3px}.sr-section-tag{color:var(--blue);text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:800}.sr-section-title{color:var(--ink);max-width:680px;margin-bottom:60px;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.25}.sr-steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.sr-step{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--stone);flex-direction:column;align-items:flex-start;padding:52px 40px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.sr-step:hover{border-color:var(--blue);transform:translateY(-10px);box-shadow:0 25px 55px #0071e31a}.sr-step-num{color:#0071e30d;z-index:0;pointer-events:none;font-family:Playfair Display,serif;font-size:90px;font-weight:900;line-height:1;position:absolute;top:24px;left:24px}.sr-step-icon-wrap{background:var(--sky);z-index:1;border:1px solid #0071e326;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:30px;display:flex;position:relative}.sr-step-title{color:var(--ink);z-index:1;margin-bottom:14px;font-size:20px;font-weight:800;line-height:1.4;position:relative}.sr-step-desc{color:var(--muted);z-index:1;font-size:15px;line-height:1.8;position:relative}.sr-stats-section{max-width:1280px;margin:0 auto 100px;padding:0 5%}.sr-stats-band{background:var(--blue);border-radius:var(--r-xl);justify-content:space-evenly;align-items:center;padding:55px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0071e34d}.sr-stats-band:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.sr-stat{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.sr-stat:not(:last-child):after{content:"";background:#ffffff38;width:1px;height:65px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sr-stat-num{color:#fff;direction:ltr;justify-content:center;align-items:baseline;gap:2px;margin-bottom:10px;font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1;display:flex}.sr-stat-num span{color:#fff;font-size:.65em}.sr-stat-label{color:#ffffffe6;font-size:15px;font-weight:600}footer{background:var(--surface);border-top:1px solid var(--stone);margin-top:40px}.sr-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1300px;margin:0 auto;padding:48px 5% 28px;display:flex}.notif-container{justify-content:center;align-items:center;display:flex;position:relative}.notif-dropdown{background:var(--surface);border:1px solid var(--stone);z-index:9999;text-align:right;cursor:default;border-radius:16px;width:320px;max-height:400px;padding:14px;position:absolute;top:calc(100% + 14px);left:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.notif-item{background:var(--bg-main);border-radius:12px;flex-direction:column;gap:5px;margin-bottom:8px;padding:13px 15px;transition:background .2s,transform .2s;display:flex}.notif-item:last-child{margin-bottom:0}.notif-item:hover{background:#eef2f6;transform:translateY(-2px)}.notif-item.unread{background:var(--sky);border-right:4px solid var(--blue)}body.dark{--bg-main:#0f172a;--surface:#1e293b;--surface-2:#111827;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--stone:#334155;--sky:#0071e326;background:var(--bg-main);color:var(--ink)}body.dark .sr-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--stone);background:#0f172ad9}body.dark .sr-header.scrolled{background:#0f172af2}body.dark .sr-nav a{color:var(--ink2)}body.dark .sr-nav a:hover,body.dark .sr-nav a.active{background:var(--sky);color:#60a5fa}body.dark .sr-bell-container{background:var(--surface);border-color:var(--stone)}body.dark .sr-btn-login{background:var(--sky);color:#60a5fa}body.dark .sr-btn-logout{color:#f87171;background:#1e293b;border-color:#f871714d}body.dark .sr-btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 10px 30px #2563eb66}body.dark .sr-hamburger-btn{background:var(--surface);border-color:var(--stone)}body.dark .sr-ham-line{background:#60a5fa}body.dark .sr-mobile-nav a{background:var(--bg-main);color:var(--ink);border-color:var(--stone)}body.dark .sr-mobile-nav a:hover{background:var(--sky);color:#60a5fa}body.dark .sr-feed-card,body.dark .sr-step,body.dark .sr-deco-card{background:var(--surface);border-color:var(--stone)}body.dark .sr-report-item{background:var(--surface-2);border-color:var(--stone)}body.dark .sr-hero-title,body.dark .sr-step-title,body.dark .sr-stat-num,body.dark .sr-section-title,body.dark .sr-feed-title{color:var(--ink)}body.dark .sr-hero-sub,body.dark .sr-step-desc,body.dark .sr-report-loc{color:var(--muted)}body.dark .lang-btn{background:var(--surface);color:var(--ink);border-color:var(--stone)}body.dark .lang-btn:hover{color:#60a5fa;border-color:#3b82f6}body.dark footer,body.dark .sr-footer{background:var(--surface);border-color:var(--stone)}body.dark .sr-footer-right p,body.dark .sr-footer-copy{color:var(--muted)}body.dark .sr-footer strong{color:var(--ink)}body.dark .sr-footer-copy{border-color:var(--stone)}body.dark .sr-footer img{opacity:.85}body.dark .notif-dropdown{background:var(--surface);border-color:var(--stone)}body.dark .notif-item{background:var(--bg-main)}body.dark .notif-item:hover{background:#ffffff0a}body.dark .notif-item.unread{background:var(--sky);border-color:#3b82f6}body.dark hr{border-color:var(--stone)}body.dark ::-webkit-scrollbar-track{background:var(--bg-main)}body.dark ::-webkit-scrollbar-thumb{background:var(--stone)}@media (width<=1024px){.sr-hero{padding-top:calc(var(--header-h) + 40px);gap:40px}.sr-steps{gap:28px}.sr-step{padding:44px 30px}}@media (width<=960px){.sr-nav,.sr-auth-desktop,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none!important}.sr-hamburger-btn{display:flex!important}.sr-header{justify-content:space-between;padding:0 20px}.sr-hero{min-height:auto;padding:calc(var(--header-h) + 40px) 5% 60px;grid-template-columns:1fr;gap:40px}.sr-hero-right{order:1}.sr-hero-title{font-size:clamp(2rem,7vw,2.6rem)}.sr-hero-sub{font-size:15px}.sr-cta-row{flex-direction:column;width:100%}.sr-btn-primary,.sr-btn-ghost{justify-content:center;width:100%}.sr-steps{grid-template-columns:1fr;gap:20px}.sr-stats-band{flex-wrap:wrap;gap:32px;padding:40px 20px}.sr-stat{flex:40%;min-width:120px}.sr-stat:not(:last-child):after{display:none}.sr-section{padding:70px 5% 50px}.sr-stats-section{margin-bottom:70px;padding:0 5%}.sr-footer{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=480px){.sr-hero{padding-bottom:50px;padding-left:4%;padding-right:4%}.sr-hero-title{font-size:clamp(1.85rem,8vw,2.4rem)}.sr-btn-primary{padding:14px 24px}.sr-cta-row{gap:12px}.sr-hero-features{flex-direction:column;gap:12px}.sr-feature-item{font-size:13px}.sr-section{padding:50px 4% 40px}.sr-stats-section{margin-bottom:60px;padding:0 4%}.sr-stats-band{border-radius:var(--r-lg);padding:36px 16px}.sr-step{padding:36px 24px}.sr-step-num{font-size:70px}.sr-feed-card{padding:22px 18px}.sr-footer{padding:36px 4% 24px}.sr-mobile-nav{left:8px;right:8px}.notif-dropdown{width:calc(100vw - 24px);left:50%;transform:translate(-50%)}}.notif-container{position:relative}.bell{cursor:pointer;font-size:24px;position:relative}.badge{background:red;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.notif-dropdown{background:var(--surface);width:300px;color:var(--ink);z-index:999;border-radius:12px;padding:10px;position:absolute;top:40px;right:0;box-shadow:0 5px 20px #0000001a}.notif-item{border-bottom:1px solid var(--border,#eee);padding:10px}.notif-item.unread{background:#f0f8ff}.notif-item.read{opacity:.6}.actions{gap:10px;margin-top:5px;display:flex}body.dark{--bg-card:#1e293b;--border-color:#334155;--text-color:#f1f5f9}body.dark .notif-dropdown{color:var(--text-color);border:1px solid #334155;box-shadow:0 15px 40px #00000080;background:#1e293b!important}body.dark .notif-item{border-bottom:1px solid #334155;background:0 0!important}body.dark .notif-item.unread{background:#0f172a!important}body.dark .notif-item.read{opacity:.75}body.dark .notif-item h4{color:#f1f5f9}body.dark .notif-item p{color:#94a3b8}body.dark .actions button,body.dark .bell{color:#f1f5f9}.notif-dropdown{background:var(--bg-card,white);width:320px;max-height:450px;color:var(--ink);z-index:1000;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 15px);overflow-y:auto;box-shadow:0 10px 30px #00000026}.notif-dropdown.ltr{transform-origin:100% 0;direction:ltr;left:auto;right:-5px}.notif-dropdown.rtl{transform-origin:0 0;direction:rtl;left:-5px;right:auto}@media (width<=900px){.notif-dropdown{width:90vw!important;max-height:400px!important;margin:0 auto!important;position:fixed!important;top:75px!important;left:5%!important;right:5%!important;transform:none!important}}:root{--bg-color:#f4f7fc;--surface:#fff;--stone:#e2e8f0;--ink:#1e293b;--ink2:#334155;--muted:#64748b;--blue:#0071e3;--blue2:#005bb5;--sky:#e6f2ff;--red:#ef4444;--r-sm:10px;--r-md:18px;--r-lg:28px;--r-xl:40px}body{background-color:var(--bg-color);color:var(--ink);font-family:Tajawal,sans-serif;overflow-x:hidden}.auth-container{flex-direction:column;min-height:100vh;display:flex}.auth-main{flex:1;width:100%;min-height:100vh;display:flex}.auth-right-panel{background:var(--bg-color);flex-direction:column;flex:1;padding:120px 5% 20px;display:flex}.auth-card-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.auth-card{width:100%;max-width:450px;box-shadow:none;background:0 0;border:none;padding:20px 0}.tabs-container{background:#0000000a;border-radius:99px;margin-bottom:35px;padding:6px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:99px;flex:1;padding:12px;font-family:Tajawal;font-size:15px;font-weight:700;transition:all .3s}.tab-btn.active{background:var(--surface);color:var(--blue);box-shadow:0 4px 12px #0000000d}.social-login-group{flex-direction:column;align-items:center;gap:15px;margin-bottom:25px;display:flex}.google-btn-wrapper{justify-content:center;width:100%;display:flex}.btn-social{border:1px solid var(--stone);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-family:Tajawal;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 6px #00000005}.btn-facebook{color:#1877f2}.btn-social:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000000d}.divider{align-items:center;width:100%;margin:25px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--stone);flex:1;height:1px}.divider span{color:var(--muted);background:0 0;padding:0 15px;font-size:13px;font-weight:700}.auth-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-row{gap:15px;display:flex}.form-row .input-group{flex:1}.input-group{text-align:start;width:100%}.input-group label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.input-group input,.input-group select{border:1.5px solid var(--stone);width:100%;color:var(--ink);background:0 0;border-radius:12px;outline:none;padding:14px 18px;font-family:Tajawal;font-size:15px;transition:all .3s}.input-group input:focus,.input-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--sky);background:0 0}.btn-submit{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:99px;width:100%;margin-top:10px;padding:16px;font-family:Tajawal;font-size:16px;font-weight:800;transition:all .3s;box-shadow:0 10px 25px #0071e34d}.btn-submit:hover:not(:disabled){background:var(--blue2);transform:translateY(-2px);box-shadow:0 15px 35px #0071e366}.btn-submit:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.custom-datepicker-wrapper{width:100%;display:flex;position:relative}.custom-datepicker{border:1.5px solid var(--stone)!important;width:100%!important;color:var(--ink)!important;text-align:start!important;background:0 0!important;border-radius:12px!important;outline:none!important;padding:14px 18px!important;font-family:Tajawal,sans-serif!important;font-size:15px!important;transition:all .3s!important}.custom-datepicker:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--sky)!important}.react-datepicker{border:1px solid var(--stone)!important;background-color:var(--surface)!important;border-radius:12px!important;font-family:Tajawal,sans-serif!important;box-shadow:0 10px 40px #0000001a!important}.react-datepicker__header{background-color:var(--bg-color)!important;border-bottom:1px solid var(--stone)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--ink)!important}.react-datepicker__day:hover{background-color:var(--sky)!important;border-radius:50%!important}.react-datepicker__day--selected{background-color:var(--blue)!important;color:#fff!important;border-radius:50%!important}.auth-left-panel{background:var(--sky);flex-direction:column;flex:1.1;justify-content:center;align-items:flex-start;padding:100px 8% 60px;display:flex;position:relative;overflow:hidden}.auth-left-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#0071e314 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;left:-150px}.auth-left-content{z-index:2;text-align:right;max-width:500px;margin-left:auto;position:relative}.badge-soft{background:var(--surface);border:1px solid var(--stone);color:var(--blue);border-radius:99px;align-items:center;gap:8px;margin-bottom:25px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #00000008}.auth-title{color:var(--ink);margin-bottom:20px;font-family:Tajawal,sans-serif;font-size:clamp(2.5rem,4vw,3.8rem);font-weight:800;line-height:1.5}.auth-title span{color:var(--blue);display:inline-block;position:relative}.auth-title span:after{content:"";background:var(--blue);opacity:.2;border-radius:2px;height:4px;position:absolute;bottom:2px;left:0;right:0}.auth-subtitle{color:var(--muted);margin-bottom:45px;font-size:16px;line-height:1.8}.feature-list{flex-direction:column;gap:30px;display:flex}.feature-item{text-align:start;align-items:flex-start;gap:15px;display:flex}.feature-icon{background:var(--surface);border:1px solid var(--stone);width:50px;min-width:50px;height:50px;color:var(--blue);border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px #0000000a}.feature-text h4{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:800}.feature-text p{color:var(--muted);font-size:14px;line-height:1.5}.login-modern-footer{border-top:1px solid var(--stone);justify-content:center;align-items:center;width:100%;margin-top:auto;padding-top:25px;display:flex}.footer-line{color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.dot-divider{color:var(--stone);font-size:10px}@media (width<=968px){.auth-main{flex-direction:column}.auth-left-panel{padding:60px 5% 80px;display:flex}.auth-right-panel{padding-top:120px}.sr-nav{display:none}.sr-hamburger-btn{display:flex}.form-row{flex-direction:column;gap:0}}body.dark{--bg-color:#0f172a;--surface:#1e293b;--stone:#334155;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;--sky:#0f172a}body.dark .auth-right-panel{background:var(--bg-color)}body.dark .auth-left-panel{background:#111827}body.dark .auth-left-panel:before{background:radial-gradient(circle,#0071e326 0%,#0000 70%)}body.dark .tab-btn{color:var(--muted)}body.dark .tab-btn.active{background:var(--surface);color:var(--blue)}body.dark .btn-social{background:var(--surface);border-color:var(--stone);color:var(--ink)}body.dark .input-group input,body.dark .input-group select{background:var(--surface);color:var(--ink);border-color:var(--stone)}body.dark .input-group input:focus,body.dark .input-group select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e333}body.dark .feature-icon{background:var(--surface);border-color:var(--stone)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}:root{--blue:#0071e3;--blue-glow:#0071e326;--bg:#f5f7fa;--surface:#fff;--ink:#0f172a;--muted:#64748b;--border:#e2e8f0;--r-xl:35px}.sector-wrapper{max-width:1400px;margin:0 auto;padding:130px 5% 80px}.hero-sector-info{margin-bottom:40px}.hero-sector-info h1{margin-bottom:8px;font-size:42px;font-weight:900}.hero-sector-info p{color:var(--muted);font-size:18px}.prism-stats-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:50px;display:grid}.prism-stat-box{border:1px solid var(--border);background:#fff;border-radius:25px;flex-direction:column;gap:8px;padding:25px;display:flex;box-shadow:0 10px 30px #00000005}.prism-stat-box label{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.prism-stat-box strong{color:var(--ink);font-size:32px;font-weight:900}.controls-prism-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.filter-prism-stack{scrollbar-width:none;gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.prism-pill{white-space:nowrap;border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:#fff;border-radius:99px;padding:12px 22px;font-weight:700;transition:all .3s}.prism-pill:hover{border-color:var(--blue);color:var(--blue)}.prism-pill.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 10px 20px #0000001a}.tasks-prism-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;display:grid}.task-panel-card{border-radius:var(--r-xl);background:#fff;border:1px solid #fff;padding:40px;transition:all .4s;position:relative;box-shadow:0 15px 45px #00000008}.task-panel-card:hover{box-shadow:0 30px 70px var(--blue-glow);transform:translateY(-8px)}.task-notch-id{background:var(--blue);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;border-radius:0 15px 15px 0;justify-content:center;align-items:center;width:40px;height:110px;font-size:11px;font-weight:900;display:flex;position:absolute;top:40px;right:-25px}.task-status-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.status-indicator{background:#ccc;border-radius:50%;width:10px;height:10px}.status-indicator.new{background:var(--blue);box-shadow:0 0 10px var(--blue)}.status-indicator.processing{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.status-indicator.resolved{background:#10b981;box-shadow:0 0 10px #10b981}.task-title{color:var(--ink);margin-bottom:15px;font-size:20px;font-weight:900;line-height:1.4}.task-meta-grid{border-top:1.5px dashed var(--border);grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px;padding-top:20px;display:grid}.meta-item label{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.meta-item span{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.meta-item svg{width:14px;color:var(--blue)}.priority-tag{border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800}.priority-high{color:#ef4444;background:#fef2f2}.priority-medium{color:#d97706;background:#fffbeb}.priority-low{color:#0071e3;background:#f0f9ff}.task-actions-stack{gap:10px;display:flex}.btn-action-prism{cursor:pointer;border:none;border-radius:15px;flex:1;padding:14px;font-family:inherit;font-size:13px;font-weight:800;transition:all .3s}.btn-action-prism.primary{background:var(--blue);color:#fff}.btn-action-prism.outline{color:var(--ink);border:1.5px solid var(--border);background:#f8fafc}.btn-action-prism.reject{color:#ef4444;background:#fff1f2}@media (width<=1200px){.prism-stats-grid{grid-template-columns:repeat(3,1fr)}.tasks-prism-grid{grid-template-columns:1fr}}@media (width<=768px){.prism-stats-grid{grid-template-columns:1fr 1fr}.controls-prism-row{flex-direction:column-reverse;align-items:stretch;gap:15px}.btn-main-chic{justify-content:center;width:100%}.task-panel-card{border-radius:20px;padding:25px}.task-notch-id{width:32px;height:90px;font-size:10px;top:25px;right:-12px}.task-actions-stack{flex-direction:column}}.btn-main-chic{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0071e3,#60a5fa);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 25px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #0071e340}.btn-main-chic:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0071e359}.btn-main-chic:active{transform:scale(.96);box-shadow:0 4px 12px #0071e333}body.dark{--bg:#0f172a;--surface:#1e293b;--surface-2:#111827;--ink:#f1f5f9;--muted:#94a3b8;--border:#334155;background:var(--bg);color:var(--ink)}body.dark .prism-stat-box,body.dark .task-panel-card{background:var(--surface);border-color:var(--border)}body.dark .task-meta-grid{border-top:1px dashed var(--border)}body.dark .task-title,body.dark .meta-item span{color:var(--ink)}body.dark .meta-item label{color:var(--muted)}body.dark .prism-pill{background:var(--surface);color:var(--muted);border-color:var(--border)}body.dark .prism-pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}body.dark .btn-action-prism.outline{background:var(--surface-2);border-color:var(--border);color:var(--ink)}body.dark .btn-action-prism.reject{color:#f87171;background:#1e293b}.sector-citizens-container{background-color:var(--bg-main);min-height:100vh;color:var(--ink);padding-bottom:50px;transition:background-color .3s,color .3s}.citizens-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;max-width:1200px;margin:0 auto;display:grid}.citizen-card{text-align:center;flex-direction:column;align-items:center;gap:15px;padding:25px;display:flex}.cit-avatar{color:#8b5cf6;background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cit-avatar svg{width:30px;height:30px}.cit-name{color:var(--ink);margin:0 0 5px;font-size:18px;font-weight:800}.cit-email{color:var(--muted);justify-content:center;align-items:center;gap:5px;font-size:13px;display:flex}.cit-email svg{width:14px;height:14px}.cit-stats{background:var(--bg-main);border:1px solid var(--stone);border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:15px;display:flex}.cit-stat-badge{color:var(--ink);background:#8b5cf60d;border:1px dashed #8b5cf6;border-radius:8px;padding:6px 12px;font-size:14px}.cit-stat-badge strong{color:#8b5cf6;font-size:18px}.cit-last-active{color:var(--muted);font-size:12px}:root{--blue:#0071e3;--bg-main:#f4f7fc;--surface:#fff;--stone:#e2e8f0;--ink:#1e293b;--muted:#64748b;--sky:#e6f2ff;--glass:#ffffffeb;--r-organic:40% 60% 70% 30% / 40% 50% 60% 50%}.report-details-container{min-height:100vh}.notch-card-v2{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--stone);border-radius:35px;padding:45px;position:relative;box-shadow:0 40px 80px #0000001a}.notch-vertical-tab{background:var(--surface);writing-mode:vertical-rl;text-orientation:mixed;width:45px;height:130px;color:var(--blue);letter-spacing:2px;border:1px solid var(--stone);border-right:none;border-radius:20px 0 0 20px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:70px;left:-30px;box-shadow:-10px 0 20px #0000000d}[dir=ltr] .notch-vertical-tab{border:1px solid var(--stone);border-left:none;border-radius:0 20px 20px 0;left:auto;right:-30px;box-shadow:10px 0 20px #0000000d}body.dark .notch-vertical-tab{box-shadow:-10px 0 20px #0006}[dir=ltr] body.dark .notch-vertical-tab,body.dark [dir=ltr] .notch-vertical-tab{box-shadow:10px 0 20px #0006}.report-status-badge{background:var(--sky);color:var(--blue);border:1px solid var(--blue);border-radius:99px;align-items:center;gap:8px;padding:6px 15px;font-size:12px;font-weight:800;display:inline-flex}.status-dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.title-h1{color:var(--ink);margin-bottom:25px;font-size:26px;font-weight:800;line-height:1.4}.submission-date{color:var(--muted);margin-bottom:20px;font-size:14px;font-weight:600}.btn-modern-main{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:20px;width:100%;padding:18px;font-family:Tajawal;font-size:16px;font-weight:800;transition:all .3s}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--stone);border-radius:30px;padding:35px;box-shadow:0 20px 40px #0000000d}body.dark .glass-panel{box-shadow:0 20px 40px #0006}.block-title-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.blue-marker{background:var(--blue);border-radius:10px;width:30px;height:5px}.section-title{color:var(--ink);font-size:18px;font-weight:800}.issue-desc{color:var(--ink);font-size:15px;line-height:1.8}.sectors-section{margin-top:25px}.section-subtitle{color:var(--ink);margin-bottom:12px;font-size:14px;font-weight:800}.sectors-list{flex-wrap:wrap;gap:10px;display:flex}.sector-pill{background:var(--sky);color:var(--blue);border:1px solid var(--blue);border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700}.attachments-section{margin-top:30px}.image-box{border:1px solid var(--stone);border-radius:20px;margin-top:10px;overflow:hidden}.image-box img{width:100%;display:block}.audio-box{background:var(--bg-main);border:1px solid var(--stone);border-radius:18px;margin-top:15px;padding:15px}.audio-box audio{outline:none;width:100%}.no-media-msg{color:var(--muted);text-align:center;border:1px dashed var(--stone);border-radius:15px;padding:20px;font-size:13px}.comments-section-card{margin-top:5px}.comments-list-wrapper{max-height:280px;margin-bottom:20px;padding-left:5px;padding-right:5px;overflow-y:auto}.comments-list-wrapper::-webkit-scrollbar{width:6px}.comments-list-wrapper::-webkit-scrollbar-track{background:0 0}.comments-list-wrapper::-webkit-scrollbar-thumb{background:var(--stone);border-radius:99px}.comments-chat-bubble-list{flex-direction:column;gap:12px;display:flex}.comment-bubble-container{width:100%;display:flex}.comment-bubble-container.my-comment,.comment-bubble-container.other-comment{justify-content:flex-start}.comment-bubble{background:var(--bg-main);border:1px solid var(--stone);border-radius:18px;width:100%;padding:12px 16px;transition:all .2s;position:relative}.comment-bubble-container.my-comment .comment-bubble{background:var(--sky);border-color:#0071e333}.comment-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:5px;display:flex}.comment-author{color:var(--blue);font-size:13px;font-weight:800}.comment-date{color:var(--muted);font-size:11px}.comment-text{color:var(--ink);white-space:pre-wrap;font-size:13.5px;line-height:1.5}.comment-input-form{border-top:1px solid var(--stone);flex-direction:column;padding-top:15px;display:flex}.comment-input-form textarea{border:1px solid var(--stone);background:var(--bg-main);width:100%;color:var(--ink);resize:none;border-radius:12px;outline:none;padding:12px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.comment-input-form textarea:focus{border-color:var(--blue)}@media (width<=900px){.sr-nav,.sr-header-right .sr-btn-logout,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}.sr-hamburger,.sr-mobile-nav,.mobile-options-row{display:flex}.map-full-bg{height:45vh;position:sticky;top:0}.details-scroll-layer{background:var(--bg-main);pointer-events:auto;border-radius:30px 30px 0 0;justify-content:center;margin-top:-30px;padding-top:30px;box-shadow:0 -10px 40px #0000000d}body.dark .details-scroll-layer{box-shadow:0 -10px 40px #00000080}.right-side-stack{gap:15px;width:100%;max-width:500px;margin:0 auto}.notch-vertical-tab{display:none}.notch-card-v2{border-radius:30px;padding:30px 20px}.title-h1{margin-bottom:15px;font-size:22px}.glass-panel{border-radius:25px;padding:25px 20px}.section-title{font-size:16px}.issue-desc{font-size:14px}.btn-modern-main{padding:15px;font-size:15px}}:root{--blue:#0071e3;--bg:#f5f7fa;--surface:#fff;--ink:#0f172a;--muted:#64748b;--border:#e2e8f0;--r-lg:30px}*{box-sizing:border-box}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#e8edf3 25%,#f3f6fa 50%,#e8edf3 75%) 0 0/600px 100%;border-radius:10px;animation:1.4s ease-in-out infinite shimmer}.skeleton-wrapper{max-width:1400px;margin:0 auto;padding:120px 5% 80px}.skeleton-title-block{flex-direction:column;align-items:flex-end;gap:10px;margin-bottom:40px;display:flex}.skeleton-title-block .sk-h1{border-radius:12px;width:320px;height:38px}.skeleton-title-block .sk-sub{border-radius:8px;width:220px;height:18px}.skeleton-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px;display:grid}.skeleton-metric-card{border:1px solid var(--border);background:#fff;border-radius:22px;flex-direction:column;gap:12px;padding:28px 26px;display:flex}.skeleton-metric-card .sk-label{width:80px;height:12px}.skeleton-metric-card .sk-val{border-radius:8px;width:100px;height:38px}.skeleton-charts{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.skeleton-chart-card{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;flex-direction:column;gap:14px;padding:30px;display:flex}.skeleton-chart-card .sk-chart-title{width:160px;height:18px}.skeleton-chart-card .sk-divider{background:var(--border);width:100%;height:1px;animation:none}.skeleton-chart-card .sk-bar-row{flex-direction:column;gap:7px;display:flex}.skeleton-chart-card .sk-bar-label{width:120px;height:13px}.skeleton-chart-card .sk-bar{border-radius:99px;width:100%;height:8px}.analytics-wrapper{max-width:1400px;margin:0 auto;padding:120px 5% 80px}.hero-stats-title{text-align:right;margin-bottom:40px}.hero-stats-title h1{color:var(--ink);letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(28px,4vw,38px);font-weight:900;line-height:1.2}.hero-stats-title p{color:var(--muted);font-size:15px;font-weight:400}.hero-stats-title p strong{color:var(--blue);font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:32px;display:grid}.metric-card{border:1px solid var(--border);background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:28px 26px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.metric-card:before{content:"";background:linear-gradient(90deg, var(--blue), #60a5fa);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.metric-card:hover:before{opacity:1}.metric-card label{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:800}.metric-card .val{color:var(--ink);letter-spacing:-1px;font-size:36px;font-weight:900;line-height:1}.charts-layout-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.chart-card{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;padding:30px;transition:box-shadow .2s;box-shadow:0 2px 12px #0000000a}.chart-card:hover{box-shadow:0 8px 32px #00000012}.chart-header{border-bottom:1.5px dashed var(--border);align-items:center;gap:10px;margin-bottom:26px;padding-bottom:16px;display:flex}.chart-header h3{color:var(--ink);font-size:16px;font-weight:800}.dot-blue{background:var(--blue);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 3px #0071e326}.stat-item{margin-bottom:18px}.stat-item:last-child{margin-bottom:0}.stat-info{color:var(--ink);justify-content:space-between;margin-bottom:7px;font-size:13.5px;font-weight:700;display:flex}.stat-info span:last-child{color:var(--muted);font-weight:600}.stat-bar-track{background:#f1f5f9;border-radius:99px;height:8px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg, var(--blue), #60a5fa);border-radius:99px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1)}.circular-charts-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center;gap:20px;padding:10px 0;display:grid}.circular-chart-item{flex-direction:column;align-items:center;gap:8px;display:flex}.circular-chart-label{color:var(--muted);text-align:center;font-size:13px;font-weight:700}.luxury-bars-list{flex-direction:column;gap:20px;display:flex}.luxury-bar-item{flex-direction:column;gap:10px;display:flex}.luxury-bar-info{color:var(--ink);justify-content:space-between;align-items:center;font-size:14px;font-weight:800;display:flex}.luxury-badge{background:var(--stone);color:var(--ink);border-radius:6px;padding:2px 8px;font-size:12px}.luxury-bar-track{background:var(--stone);border-radius:99px;height:12px;box-shadow:inset 0 2px 4px #0000000d}.luxury-bar-fill{border-radius:99px;height:100%;transition:width 1.5s cubic-bezier(.22,1,.36,1)}.hotspots-list{flex-direction:column;gap:10px;display:flex}.hotspot-row{border:1px solid var(--border);background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;padding:13px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.hotspot-row:hover{background:#eff6ff;border-color:#bfdbfe;transform:translate(-3px)}.hotspot-info{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.hotspot-info svg{width:16px;height:16px;color:var(--blue);flex-shrink:0}.hotspot-badge{color:var(--blue);white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:800}.sr-footer{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:60px 5% 40px;display:flex}@media (width<=1024px){.charts-layout-grid,.skeleton-charts{grid-template-columns:1fr}}@media (width<=768px){.metrics-grid,.skeleton-metrics{grid-template-columns:1fr 1fr}.analytics-wrapper,.skeleton-wrapper{padding:100px 4% 60px}}@media (width<=480px){.metrics-grid,.skeleton-metrics{grid-template-columns:1fr}.metric-card .val{font-size:28px}.hero-stats-title h1{font-size:26px}}body.dark{--bg:#0f172a;--surface:#1e293b;--surface-2:#111827;--ink:#f1f5f9;--muted:#94a3b8;--border:#334155;background:var(--bg);color:var(--ink)}body.dark .metric-card,body.dark .chart-card,body.dark .skeleton-metric-card,body.dark .skeleton-chart-card{background:var(--surface);border-color:var(--border)}body.dark .metric-card label{color:var(--muted)}body.dark .metric-card .val,body.dark .chart-header h3{color:var(--ink)}body.dark .stat-bar-track,body.dark .luxury-bar-track{background:#1e293b;box-shadow:inset 0 2px 4px #0003}body.dark .luxury-bar-info{color:var(--ink)}body.dark .luxury-badge{color:var(--ink);background:#1e293b}body.dark .circular-chart-label{color:var(--muted)}body.dark .hotspot-row{background:var(--surface-2);border-color:var(--border)}body.dark .hotspot-row:hover{background:#1e293b}@keyframes drift{0%{transform:translate(0)}to{transform:translate(20%,20%)}}.profile-bento-grid{grid-template-columns:1fr 1fr;gap:25px;max-width:1100px;margin:0 auto;padding:140px 5% 100px;display:grid}.bento-id-card{background:var(--surface);text-align:center;border-radius:var(--r-organic);border:1px solid var(--stone);flex-direction:column;grid-column:span 2;align-items:center;padding:60px;transition:all .3s;display:flex;position:relative;box-shadow:0 40px 100px #00000008}body.dark .bento-id-card{box-shadow:0 40px 100px #0003}.avatar-liquid{background:linear-gradient(135deg, var(--blue), #00d4ff);border-radius:var(--r-organic);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;margin-bottom:25px;font-size:50px;font-weight:900;display:flex;box-shadow:0 20px 40px #0071e333}.bento-info-box{background:var(--surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--stone);border-radius:35px;flex-direction:column;gap:12px;padding:30px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000005}.bento-info-box:hover{border-color:var(--blue);transform:scale(1.02)}.bento-info-box label{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.bento-info-box label svg{width:18px;color:var(--blue)}.bento-info-box span{color:var(--ink);font-size:18px;font-weight:700}.bento-highlight{border-color:var(--blue)}.profile-stat-value{color:var(--blue)!important;font-size:24px!important}.profile-name{color:var(--ink);margin-bottom:10px;font-size:36px;font-weight:900;transition:all .3s}.profile-badge{color:#059669;background:#d1fae5;border-radius:99px;padding:6px 18px;font-size:12px;font-weight:800}.bento-actions{grid-column:span 2;gap:15px;margin-top:15px;display:flex}.btn-bento-edit{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:25px;flex:2;padding:20px;font-family:Tajawal;font-size:16px;font-weight:800;transition:all .3s}.btn-bento-edit:hover{background:#005bb5}.btn-bento-logout{color:#ef4444;cursor:pointer;background:#ef44440d;border:1.5px solid #ef44444d;border-radius:25px;flex:1;padding:20px;font-family:Tajawal;font-size:16px;font-weight:800;transition:all .3s}.btn-bento-logout:hover{background:#ef44441a}@media (width<=900px){.profile-bento-grid{grid-template-columns:1fr;gap:15px;padding:120px 5% 50px}.sr-nav,.sr-header-right .sr-btn-logout,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}.sr-hamburger,.mobile-options-row{display:flex}.bento-id-card{border-radius:40px;padding:35px 20px}.avatar-liquid{width:100px;height:100px;margin-bottom:15px;font-size:40px}.profile-name{font-size:26px}.bento-info-box{border-radius:25px;padding:20px}.bento-info-box span{font-size:16px}.profile-stat-value{font-size:20px!important}.bento-actions{flex-direction:column;gap:10px}.btn-bento-edit,.btn-bento-logout{padding:16px;font-size:15px}}:root{--blue:#0071e3;--bg:#f4f7fc;--surface:#fff;--ink:#1e293b;--muted:#64748b;--stone:#e2e8f0;--glass:#ffffffb3;--r-organic:30% 70% 70% 30% / 30% 30% 70% 70%}body.dark{--bg:#0f172a;--surface:#1e293b;--ink:#f8fafc;--muted:#94a3b8;--stone:#334155;--glass:#1e293bb3}body{background:var(--bg);color:var(--ink);font-family:Tajawal,sans-serif;transition:background .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle,#0071e31a 0%,#0000 70%);width:50%;height:50%;animation:20s infinite alternate drift;position:fixed;top:-10%;left:-10%}.sr-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.sr-nav{gap:4px;display:flex}.sr-nav a:hover{background:var(--stone)}.sr-nav a.active{color:var(--blue);background:#e6f2ff}.theme-btn .dot{background:#eab308;border-radius:50%;width:14px;height:14px;transition:all .3s;box-shadow:0 0 10px #eab308}body.dark .sr-bell-box{border-color:var(--stone)!important;background:var(--surface)!important}.sr-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.sr-mobile-nav{background:var(--surface);border:1px solid var(--stone);z-index:999;opacity:0;pointer-events:none;border-radius:24px;flex-direction:column;gap:8px;padding:20px;transition:all .3s;display:flex;position:fixed;top:75px;left:5%;right:5%;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.sr-mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.edit-bento-container{grid-template-columns:.8fr 1.2fr;gap:25px;max-width:1000px;margin:0 auto;padding:140px 5% 100px;display:grid}.edit-intro-card{background:var(--surface);text-align:center;border-radius:50px;border-radius:var(--r-organic);border:1px solid var(--stone);flex-direction:column;align-items:center;padding:50px;transition:all .3s;display:flex;position:relative;box-shadow:0 40px 100px #00000008}body.dark .edit-intro-card{box-shadow:0 40px 100px #0003}.edit-icon-shape{background:linear-gradient(135deg, var(--blue), #00d4ff);border-radius:var(--r-organic);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:25px;display:flex;box-shadow:0 15px 30px #0071e333}.edit-title{color:var(--ink);margin-bottom:10px;font-size:32px;font-weight:900;transition:all .3s}.edit-desc{color:var(--muted);font-size:14px;transition:all .3s}.edit-fields-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.glass-input-card{background:var(--surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--stone);border-radius:30px;flex-direction:column;gap:12px;padding:25px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000005}.glass-input-card.full{grid-column:span 2}.glass-input-card:focus-within{border-color:var(--blue);transform:scale(1.02)}.glass-input-card label{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.glass-input-card label svg{width:16px;color:var(--blue)}.bento-input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;padding:5px 0;font-family:inherit;font-size:16px;font-weight:700}.bento-input::placeholder{color:var(--muted);opacity:.5}body.dark .bento-input option{background:var(--surface);color:var(--ink)}.readonly-label{background:var(--bg);cursor:not-allowed;opacity:.7}.edit-actions-bento{grid-column:span 2;gap:15px;margin-top:15px;display:flex}.btn-bento-save{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:25px;flex:2;padding:20px;font-family:Tajawal;font-size:16px;font-weight:800;transition:all .3s}.btn-bento-save:hover{background:#005bb5}.btn-bento-cancel{border:1.5px solid var(--stone);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center;border-radius:25px;flex:1;padding:20px;font-family:Tajawal;font-size:16px;font-weight:800;text-decoration:none;transition:all .3s}.btn-bento-cancel:hover{background:var(--bg)}@media (width<=900px){.edit-bento-container{grid-template-columns:1fr;gap:15px;padding:120px 5% 50px}.sr-nav,.sr-header-right .sr-btn-logout,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}.sr-hamburger,.mobile-options-row{display:flex}.edit-intro-card{border-radius:40px;padding:35px 20px}.edit-icon-shape{width:80px;height:80px;margin-bottom:15px}.edit-icon-shape svg{width:30px;height:30px}.edit-title{font-size:24px}.edit-desc{font-size:13px}.edit-fields-grid{grid-template-columns:1fr;gap:12px}.glass-input-card{border-radius:25px;padding:20px}.bento-input{font-size:15px}.edit-actions-bento{flex-direction:column;gap:10px}.btn-bento-save,.btn-bento-cancel{padding:16px;font-size:15px}}:root{--bg-main:#f4f7fc;--surface:#fff;--stone:#e2e8f0;--ink:#1e293b;--ink2:#334155;--muted:#64748b;--blue:#0071e3;--blue2:#005bb5;--sky:#e6f2ff;--red:#ef4444;--r-xl:40px;--r-lg:28px;--r-md:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--ink);font-family:Tajawal,sans-serif;line-height:1.6}.sr-header.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;padding:12px 5%;box-shadow:0 4px 20px #0000000d}.sr-logo-img{object-fit:contain;width:42px;height:42px}.reports-hero{text-align:center;max-width:1200px;margin:0 auto;padding:160px 5% 60px}.sr-eyebrow{background:var(--sky);color:var(--blue);border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.reports-hero h2{color:var(--ink);margin-bottom:20px;font-family:Tajawal,sans-serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.3}.reports-hero h2 em{color:var(--blue);font-style:normal;position:relative}.reports-hero h2 em:after{content:"";background:var(--blue);opacity:.2;border-radius:2px;height:4px;position:absolute;bottom:4px;left:0;right:0}.explorer-container{grid-template-columns:1fr 450px;gap:30px;max-width:1400px;height:700px;margin:0 auto 100px;padding:0 5%;display:grid}.map-visualizer{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--stone);position:relative;overflow:hidden;box-shadow:0 20px 50px #0000000f}#map{width:100%;height:100%}.map-overlay-controls{z-index:10;flex-direction:column;gap:15px;display:flex;position:absolute;top:20px;left:20px;right:20px}.floating-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--r-md);background:#ffffffe6;border:1px solid #ffffff80;align-items:center;gap:15px;padding:12px 20px;display:flex;box-shadow:0 10px 25px #0000001a}.floating-search input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.btn-my-loc{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.floating-filters{scrollbar-width:none;gap:8px;padding:5px;display:flex;overflow-x:auto}.floating-filters::-webkit-scrollbar{display:none}.pill-filter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--stone);cursor:pointer;white-space:nowrap;background:#ffffffd9;border-radius:99px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .3s}.pill-filter.active{background:var(--blue);color:#fff;border-color:var(--blue)}.reports-side-list{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--stone);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 50px #0000000a}.side-list-header{border-bottom:1px solid var(--stone);justify-content:space-between;align-items:center;padding:25px;display:flex}.side-list-header h3{font-family:Playfair Display,serif;font-size:20px}.side-list-content{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.sr-report-card{background:var(--bg-main);border-radius:var(--r-md);border:1px solid var(--stone);cursor:pointer;padding:20px;transition:all .3s}.sr-report-card:hover{border-color:var(--blue);background:var(--surface);transform:translate(-5px);box-shadow:0 10px 20px #00000008}.card-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.card-title-row h4{color:var(--ink);font-size:16px;font-weight:800}.sr-status-tag{text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.status-new{color:#2563eb;background:#eff6ff}.status-review{color:#c026d3;background:#fdf4ff}.status-processing{color:#d97706;background:#fffbeb}.status-resolved{color:#059669;background:#ecfdf5}.card-meta{color:var(--muted);gap:15px;margin-bottom:15px;font-size:13px;display:flex}.card-meta span{align-items:center;gap:5px;display:flex}.btn-view-more{border:1.5px solid var(--stone);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-weight:700;transition:all .3s;display:flex}.btn-view-more:hover{background:var(--ink);color:#fff;border-color:var(--ink)}@media (width<=1100px){.explorer-container{grid-template-columns:1fr;height:auto}.map-visualizer{height:450px}.reports-side-list{height:600px}}@media (width<=768px){.sr-nav,.sr-header-right .sr-btn-logout,.sr-header-right .sr-btn-login,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}.sr-hamburger-btn{display:flex}.reports-hero h2{font-size:28px}.mobile-options-row{display:flex}}.sr-bell-container{border:1.5px solid var(--stone);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;transition:all .2s;display:flex;position:relative}.sr-bell-container svg,.sr-bell-container img,.sr-bell-container .bell-icon{width:22px;height:22px;filter:brightness(0)!important}.sr-bell-container .badge{background:var(--red)!important;border:2px solid var(--surface)!important;filter:none!important}.sr-btn-login{background:var(--sky);color:var(--blue);cursor:pointer;border:none;border-radius:99px;padding:10px 24px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:all .3s}.sr-btn-login:hover{background:var(--blue);color:#fff}.sr-hamburger-btn{background:var(--surface);border:1.5px solid var(--stone);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.sr-ham-line{background:var(--ink);border-radius:2px;width:18px;height:2px;transition:all .3s}.sr-mobile-nav{background:var(--surface);border:1px solid var(--stone);border-radius:var(--r-lg);z-index:998;flex-direction:column;gap:10px;padding:24px;display:none;position:fixed;top:80px;left:16px;right:16px;box-shadow:0 20px 60px #0000001a}.sr-footer{background:var(--surface);border-top:1px solid var(--stone);margin-top:50px;padding:30px 5%}.status-rejected{color:#dc2626;background:#fef2f2}.sr-footer{border-top:1px solid var(--stone);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;max-width:1400px;margin:80px auto 0;padding:50px 5% 30px;display:flex}.sr-footer-right{text-align:left}.sr-footer-right p{color:var(--muted);font-size:14px}.sr-footer-right strong{color:var(--ink)}.sr-footer-copy{text-align:center;width:100%;color:var(--muted);border-top:1px solid var(--stone);margin-top:25px;padding-top:25px;font-size:14px}.side-list-content p{padding:40px 20px;line-height:1.6}@media (width<=768px){.sr-footer{text-align:center;flex-direction:column}.sr-footer-right{text-align:center}}body.dark{--bg-main:#0f172a;--surface:#1e293b;--surface-2:#111827;--stone:#334155;--ink:#f1f5f9;--ink2:#cbd5e1;--muted:#94a3b8;background:var(--bg-main);color:var(--ink)}body.dark .sr-header.scrolled{box-shadow:none;background:#0f172ae6}body.dark .sr-logo-text,body.dark h2{color:var(--ink)}body.dark .sr-eyebrow{color:#60a5fa;background:#1e293b}body.dark .map-visualizer{background:var(--surface);border-color:var(--stone)}body.dark .floating-search{border-color:var(--stone);background:#1e293be6}body.dark .floating-search input{color:var(--ink)}body.dark .pill-filter{color:var(--muted);border-color:var(--stone);background:#1e293be6}body.dark .pill-filter.active{background:var(--blue);color:#fff}body.dark .reports-side-list{background:var(--surface);border-color:var(--stone)}body.dark .sr-report-card{background:var(--surface-2);border-color:var(--stone)}body.dark .sr-report-card:hover{background:var(--surface)}body.dark .card-title-row h4{color:var(--ink)}body.dark .card-meta{color:var(--muted)}body.dark .btn-view-more{border-color:var(--stone);color:var(--ink)}body.dark .btn-view-more:hover{background:var(--ink);color:#fff}body.dark .sr-footer{background:var(--surface);border-top:1px solid var(--stone)}body.dark .sr-footer-copy{border-top:1px solid var(--stone)}body.dark .sr-mobile-nav{background:var(--surface);border-color:var(--stone)}:root{--blue:#0071e3;--bg:#f4f7fc;--surface:#fff;--ink:#1e293b;--muted:#64748b;--stone:#e2e8f0;--r-xl:24px}body.dark{--bg:#0f172a;--surface:#1e293b;--ink:#f8fafc;--muted:#94a3b8;--stone:#334155}body{background:var(--bg);color:var(--ink);font-family:Tajawal,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.sr-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--stone);background:#ffffffe6;justify-content:space-between;align-items:center;padding:15px 5%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}body.dark .sr-header{background:#1e293be6}.sr-nav a:hover,.sr-nav a.active{color:var(--blue);background:#e6f2ff}body.dark .sr-nav a:hover,body.dark .sr-nav a.active{background:#334155}.sr-bell-box{border:1.5px solid var(--stone);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;background:var(--surface)!important}body.dark .sr-bell-box{background:var(--surface)!important;border-color:var(--stone)!important}.theme-btn{border:1.5px solid var(--stone);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:relative}.sr-mobile-nav{background:var(--surface);z-index:999;border:1px solid var(--stone);border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:none;position:fixed;top:75px;left:16px;right:16px;box-shadow:0 20px 40px #0000001a}.sr-mobile-nav.open{display:flex}.sr-mobile-nav a{color:var(--ink);border-radius:12px;padding:10px;font-weight:700;text-decoration:none}.sr-mobile-nav a:hover{background:var(--stone)}.reports-prism-wrapper{max-width:900px;margin:0 auto;padding:130px 5% 100px}.hero-stats-h1{text-align:center;color:var(--ink);margin-bottom:40px;font-size:36px;font-weight:900}.cards-stack{flex-direction:column;gap:25px;display:flex}.report-card-modern{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--stone);padding:35px;transition:all .3s;position:relative;box-shadow:0 10px 30px #00000008}.report-card-modern:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 15px 40px #0071e314}.card-notch{background:var(--blue);color:#fff;letter-spacing:1px;padding:8px 20px;font-size:13px;font-weight:900;position:absolute;top:30px}[dir=rtl] .card-notch{border-radius:0 12px 12px 0;left:-1px}[dir=ltr] .card-notch{border-radius:12px 0 0 12px;right:-1px}.timeline-clean{justify-content:space-between;margin:40px 0 30px;padding:0 10px;display:flex;position:relative}.timeline-clean:before{content:"";background:var(--stone);z-index:1;border-radius:5px;height:3px;position:absolute;top:15px;left:20px;right:20px}.t-node{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.t-circle{background:var(--surface);border:3px solid var(--stone);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.t-circle svg{color:#fff;opacity:0;width:16px;transition:all .3s}.t-text{color:var(--muted);font-size:12px;font-weight:800;transition:all .3s}.t-node.done .t-circle{background:var(--blue);border-color:var(--blue)}.t-node.done .t-circle svg{opacity:1}.t-node.done .t-text{color:var(--ink);font-weight:900}.action-buttons-row{border-top:1px dashed var(--stone);align-items:center;gap:15px;margin-top:10px;padding-top:25px;display:flex}.btn-modern-main{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:16px;flex:1;padding:15px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s}.btn-modern-main:hover{background:#005bb5}.btn-modern-icon{cursor:pointer;background:var(--surface);border:1.5px solid;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.btn-modern-icon.edit{border-color:var(--stone);color:var(--muted)}.btn-modern-icon.edit:hover{border-color:var(--blue);color:var(--blue);background:#e6f2ff}body.dark .btn-modern-icon.edit:hover{background:#1e3a5f}.btn-modern-icon.delete{color:#ef4444;background:#fff1f2;border-color:#fee2e2}body.dark .btn-modern-icon.delete{background:0 0;border-color:#ef4444}.btn-modern-icon.delete:hover{color:#fff;background:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172ab3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-box{background:var(--surface);border:1px solid var(--stone);border-radius:30px;width:650px;max-width:95%;padding:40px;box-shadow:0 40px 80px #0000004d}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label{color:var(--ink);font-size:14px;font-weight:800}.input-group textarea{border:1.5px solid var(--stone);background:var(--bg);color:var(--ink);border-radius:16px;outline:none;padding:15px;font-family:inherit;font-size:15px;transition:border-color .3s}.input-group textarea:focus{border-color:var(--blue)}.map-container{border:1px solid var(--stone);background:var(--bg);border-radius:16px;width:100%;height:220px;overflow:hidden}@media (width<=768px){.sr-nav{display:none}.sr-hamburger{display:flex}.action-buttons-row{flex-wrap:wrap}.btn-modern-main{min-width:100%}.sr-header-right .sr-btn-logout,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}}@media (width<=768px){.mobile-options-row{display:flex}}.sr-btn-logout{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #ef444433;border-radius:99px;padding:10px 24px;font-family:Tajawal,sans-serif;font-size:15px;font-weight:700;transition:background .3s}body.dark .sr-btn-logout:hover{background:#ef444433}.tool-icon-btn:hover{color:var(--blue);background:#e6f2ff;transform:scale(1.1)}.tool-icon-btn.recording{color:#ef4444;background:#fee2e2;border:1.5px solid #ef4444;animation:1.5s infinite pulseRecord}@keyframes pulseRecord{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@media (width<=768px){.modal-box{border-radius:20px!important;max-height:95vh!important;padding:20px!important}.modal-box .ai-textarea{padding:12px!important;font-size:14px!important}.media-whatsapp-bar{gap:10px!important;margin-top:10px!important;padding:10px!important}.tool-icon-btn{width:45px!important;height:45px!important}.map-container{height:160px!important}}:root{--blue:#0071e3;--bg-main:#f4f7fc;--surface:#fff;--stone:#e2e8f0;--ink:#1e293b;--muted:#64748b;--sky:#e6f2ff;--glass:#fffffff2;--r-xl:35px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--ink);font-family:Tajawal,sans-serif;transition:background .3s,color .3s}body.dark{--bg-main:#0f172a;--surface:#1e293b;--stone:#334155;--ink:#f8fafc;--muted:#94a3b8;--sky:#0f172a;--glass:#1e293bd9}.sr-header{z-index:1000;justify-content:space-between;align-items:center;padding:18px 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}.sr-header.scrolled{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 5%;box-shadow:0 4px 25px #0000000d}body.dark .sr-header.scrolled{box-shadow:0 4px 25px #0006}.sr-logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.sr-logo-img{width:42px;height:42px}.sr-logo-text{color:var(--ink);font-family:Playfair Display,serif;font-size:22px;font-weight:800}.sr-logo-text span{color:var(--blue)}.sr-nav{align-items:center;gap:4px;display:flex}.sr-nav a{color:var(--ink);border-radius:99px;padding:8px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s}.sr-nav a:hover,.sr-nav a.active{background:var(--sky);color:var(--blue)}.sr-header-right{align-items:center;gap:12px;display:flex}.sr-bell-box{border:1.5px solid var(--stone);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.sr-btn-logout{color:#ef4444;cursor:pointer;background:#fef2f2;border:1.5px solid #ef444433;border-radius:99px;padding:10px 24px;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;transition:all .3s}.sr-btn-logout:hover{background:#fee2e2}body.dark .sr-btn-logout{background:#ef44441a;border-color:#ef44444d}.theme-btn{border:1.5px solid var(--stone);background:var(--surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.theme-btn .dot{background:var(--ink);border-radius:50%;width:14px;height:14px;transition:all .3s}body.dark .theme-btn .dot{background:var(--blue);box-shadow:0 0 10px var(--blue)}.lang-btn{border:1.5px solid var(--stone);background:var(--surface);height:42px;color:var(--ink);cursor:pointer;border-radius:99px;padding:0 12px;font-family:Tajawal;font-weight:800;transition:all .3s}.lang-btn:hover,.theme-btn:hover{border-color:var(--blue)}.sr-hamburger{background:var(--surface);border:1.5px solid var(--stone);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.sr-ham-line{background:var(--ink);border-radius:2px;width:16px;height:2px}.sr-mobile-nav{background:var(--surface);z-index:999;border:1px solid var(--stone);opacity:0;pointer-events:none;border-radius:20px;flex-direction:column;gap:10px;padding:20px;transition:all .3s;display:none;position:fixed;top:75px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}body.dark .sr-mobile-nav{box-shadow:0 20px 40px #00000080}.sr-mobile-nav.open{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)}.sr-mobile-nav a{color:var(--ink);background:var(--bg-main);text-align:center;border-radius:12px;padding:12px 15px;font-weight:700;text-decoration:none}.mobile-options-row{border-bottom:1px solid var(--stone);justify-content:center;gap:15px;margin-bottom:10px;padding-bottom:15px;display:none}.map-full-bg{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}#map{border:none;width:100%;height:100%}.report-now-container{min-height:100vh}.details-scroll-layer{z-index:10;pointer-events:none;justify-content:flex-end;padding:120px 5% 50px;display:flex;position:relative}[dir=ltr] .details-scroll-layer{justify-content:flex-start}.right-side-stack{pointer-events:auto;flex-direction:column;gap:25px;width:480px;display:flex}.notch-card-v2{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--r-xl);border:1px solid var(--stone);padding:45px;position:relative;box-shadow:0 40px 100px #00000026}body.dark .notch-card-v2{box-shadow:0 40px 100px #0009}.notch-label-side{background:var(--surface);writing-mode:vertical-rl;text-orientation:mixed;width:45px;height:130px;color:var(--blue);letter-spacing:2px;border:1px solid var(--stone);border-right:none;border-radius:20px 0 0 20px;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:70px;left:-30px;box-shadow:-10px 0 20px #0000000d}[dir=ltr] .notch-label-side{border:1px solid var(--stone);border-left:none;border-radius:0 20px 20px 0;left:auto;right:-30px;box-shadow:10px 0 20px #0000000d}body.dark .notch-label-side{box-shadow:-10px 0 20px #0006}[dir=ltr] body.dark .notch-label-side,body.dark [dir=ltr] .notch-label-side{box-shadow:10px 0 20px #0006}.console-h1{color:var(--ink);margin-bottom:25px;font-size:26px;font-weight:800}textarea.ai-textarea{border:1.5px solid var(--stone);background:var(--surface);resize:none;width:100%;color:var(--ink);border-radius:25px;outline:none;padding:22px;font-family:inherit;font-size:16px;transition:all .3s}textarea.ai-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 5px var(--sky)}.live-preview-box{border:1px solid var(--stone);background:var(--bg-main);border-radius:20px;margin-top:20px;animation:.3s ease-out slideUp;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-whatsapp-bar{background:var(--surface);border:1px solid var(--stone);border-radius:30px;justify-content:center;align-items:center;gap:20px;margin-top:25px;padding:15px;display:flex;box-shadow:0 10px 30px #0000000a}body.dark .media-whatsapp-bar{box-shadow:0 10px 30px #0006}.tool-icon-btn{background:var(--bg-main);width:55px;height:55px;color:var(--muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.tool-icon-btn:hover{background:var(--sky);color:var(--blue);transform:scale(1.1)}.tool-icon-btn.active{background:var(--blue);color:#fff;box-shadow:0 8px 20px #0071e34d}.btn-submit-final{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:30px;width:100%;padding:22px;font-family:Tajawal;font-size:18px;font-weight:900;transition:all .3s;box-shadow:0 20px 40px #0071e34d}.btn-submit-final:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 25px 50px #0071e366}.sr-footer{z-index:20;background:var(--surface);border-top:1px solid var(--stone);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;padding:50px 5% 30px;display:flex;position:relative}.sr-footer-copy{text-align:center;width:100%;color:var(--muted);border-top:1px solid var(--stone);margin-top:25px;padding-top:25px;font-size:14px;font-weight:600}@media (width<=900px){.sr-nav,.sr-header-right .sr-btn-logout,.sr-header-right .theme-btn,.sr-header-right .lang-btn{display:none}.sr-hamburger,.sr-mobile-nav,.mobile-options-row{display:flex}.map-full-bg{height:45vh;position:sticky;top:0}.details-scroll-layer{background:var(--bg-main);pointer-events:auto;border-radius:30px 30px 0 0;justify-content:center;margin-top:-30px;padding-top:30px;box-shadow:0 -10px 40px #0000000d}body.dark .details-scroll-layer{box-shadow:0 -10px 40px #00000080}.right-side-stack{gap:15px;width:100%;max-width:500px;margin:0 auto}.notch-label-side{display:none}.notch-card-v2{border-radius:30px;padding:30px 20px}.console-h1{margin-bottom:15px;font-size:22px}.btn-submit-final{padding:15px;font-size:16px}}:root{--blue:#0071e3;--blue-glow:#0071e326;--bg:#f5f7fa;--surface:#fff;--surface-hover:#f8fafc;--ink:#0f172a;--muted:#64748b;--border:#e2e8f0;--radius:16px;--radius-lg:24px}body.dark{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--ink:#f1f5f9;--muted:#94a3b8;--border:#334155;--blue-glow:#3b82f640}.admin-wrapper{background-color:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;font-family:Tajawal,sans-serif;display:flex}.admin-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000005}.admin-logo{align-items:center;gap:10px;display:flex}.admin-logo-img{width:auto;height:40px}.admin-logo-text{color:var(--ink);font-size:20px;font-weight:800}.admin-logo-text span{color:var(--blue)}.admin-badge{background:var(--blue);color:#fff;border-radius:6px;margin-left:8px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:700}.admin-header-actions{align-items:center;gap:15px;display:flex}.admin-btn-logout{color:#ef4444;cursor:pointer;background:#fff1f2;border:1px solid #fee2e2;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.admin-btn-logout:hover{background:#ffe4e6}body.dark .admin-btn-logout{color:#f87171;background:#311c1c;border-color:#581c1c}.admin-body{flex:1;display:flex;overflow:hidden}.admin-sidebar{background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;gap:8px;width:260px;padding:30px 15px;display:flex}[dir=rtl] .admin-sidebar{border-right:none;border-left:1px solid var(--border)}[dir=ltr] .admin-sidebar{border-left:none;border-right:1px solid var(--border)}.sidebar-link{color:var(--muted);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s;display:flex}[dir=ltr] .sidebar-link{text-align:left}.sidebar-link:hover{background:var(--surface-hover);color:var(--blue)}.sidebar-link.active{background:var(--blue);color:#fff;box-shadow:0 8px 20px #0071e333}.admin-content{flex:1;padding:40px;overflow-y:auto}.tab-pane{flex-direction:column;gap:30px;display:flex}.tab-title{margin:0;font-size:28px;font-weight:800}.tab-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.stat-card:after{content:"";background:linear-gradient(90deg, var(--blue), #60a5fa);height:4px;position:absolute;top:0;left:0;right:0}.stat-label{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.stat-value{color:var(--ink);font-size:42px;font-weight:900}.stat-detail{color:var(--muted);gap:15px;font-size:13px;display:flex}.stat-footer{color:var(--muted);font-size:13px}.card-glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;box-shadow:0 10px 40px #00000008}.admin-fast-actions h3{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:800}.admin-fast-actions p{color:var(--muted);margin-bottom:25px;line-height:1.6}.actions-row{flex-wrap:wrap;gap:15px;display:flex}.btn-action-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .25s;display:flex}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0071e340}.filter-controls{gap:12px;display:flex}.admin-search-input{background:var(--surface);border:1.5px solid var(--border);color:var(--ink);border-radius:12px;outline:none;width:280px;padding:10px 20px;font-family:inherit;font-size:14px;transition:all .25s}.admin-search-input:focus{border-color:var(--blue);box-shadow:0 0 10px var(--blue-glow)}.admin-select{background:var(--surface);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:12px;outline:none;padding:10px 15px;font-family:inherit;font-size:14px;transition:all .25s}.admin-select:focus{border-color:var(--blue)}.table-container{padding:0;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;width:100%}[dir=ltr] .admin-table{text-align:left}.admin-table th{background:var(--surface-hover);color:var(--muted);border-bottom:2px solid var(--border);text-transform:uppercase;padding:20px 24px;font-size:13px;font-weight:800}.admin-table td{border-bottom:1px solid var(--border);color:var(--ink);padding:18px 24px;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-hover)}.badge-type{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.badge-type.type-admin{color:#d97706;background:#fef3c7}.badge-type.type-sector{color:#0284c7;background:#e0f2fe}.badge-type.type-citizen{color:#475569;background:#f1f5f9}body.dark .badge-type.type-admin{color:#fde68a;background:#78350f}body.dark .badge-type.type-sector{color:#bae6fd;background:#0c4a6e}body.dark .badge-type.type-citizen{color:#cbd5e1;background:#334155}.status-dot{border-radius:50%;width:8px;height:8px;margin-left:8px;margin-right:8px;display:inline-block}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.inactive{background:#ef4444;box-shadow:0 0 8px #ef4444}.verify-badge{font-size:12px;font-weight:700}.verify-badge.verified{color:#10b981}.verify-badge.unverified{color:#f59e0b}.status-indicator-badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.status-indicator-badge.status-new{color:#0284c7;background:#e0f2fe}.status-indicator-badge.status-processing{color:#d97706;background:#fffbeb}.status-indicator-badge.status-resolved{color:#059669;background:#d1fae5}.status-indicator-badge.status-rejected{color:#dc2626;background:#fef2f2}body.dark .status-indicator-badge.status-new{color:#bae6fd;background:#0c4a6e}body.dark .status-indicator-badge.status-processing{color:#fde68a;background:#78350f}body.dark .status-indicator-badge.status-resolved{color:#a7f3d0;background:#064e3b}body.dark .status-indicator-badge.status-rejected{color:#fca5a5;background:#7f1d1d}.priority-badge{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.priority-badge.priority-high{color:#ef4444;background:#fef2f2}.priority-badge.priority-medium{color:#0071e3;background:#f0f9ff}body.dark .priority-badge.priority-high{color:#fca5a5;background:#7f1d1d}body.dark .priority-badge.priority-medium{color:#bae6fd;background:#0c4a6e}.sectors-list-tags{flex-wrap:wrap;gap:5px;display:flex}.sector-tag-mini{background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:11px}.table-actions{gap:8px;display:flex}.btn-icon{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-icon:hover{background:var(--surface-hover);color:var(--blue);border-color:var(--blue)}.btn-icon.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}body.dark .btn-icon.delete:hover{color:#f87171;background:#451a1a;border-color:#7f1d1d}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{width:100%;max-width:550px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.modal-header h3{margin:0;font-size:20px;font-weight:800}.btn-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group label{color:var(--muted);font-size:13px;font-weight:700}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group select,.form-group textarea{background:var(--bg);border:1.5px solid var(--border);color:var(--ink);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 10px var(--blue-glow)}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.checkbox-row{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.checkbox-label input[type=checkbox]{border:1.5px solid var(--border);cursor:pointer;border-radius:4px;width:18px;height:18px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .2s}.btn-ghost:hover{background:var(--surface-hover);color:var(--ink)}.admin-loading{background:var(--bg);height:100vh;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Tajawal,sans-serif;display:flex}.admin-spinner{border:4px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:.3s ease-in-out fadeIn}.animate-pop{animation:.3s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.admin-body{flex-direction:column}.admin-sidebar{flex-direction:row;width:100%;padding:15px 20px;overflow-x:auto}.sidebar-link{white-space:nowrap;width:auto}}@media (width<=768px){.admin-header{padding:0 20px}.admin-content{padding:20px}.form-row{grid-template-columns:1fr}.tab-header-row{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.admin-search-input{width:100%}}.chat-page-container{background:var(--bg-main);min-height:100vh;color:var(--ink);flex-direction:column;padding-top:100px;transition:background .3s,color .3s;display:flex}.chat-main-wrapper{flex:1;justify-content:center;align-items:stretch;padding:20px 5%;display:flex}.chat-layout-card{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--stone);border-radius:30px;width:100%;max-width:1200px;height:calc(100vh - 160px);display:flex;overflow:hidden;box-shadow:0 30px 60px #0000000d}body.dark .chat-layout-card{box-shadow:0 30px 60px #0000004d}.chat-sidebar{border-inline-end:1px solid var(--stone);background:#fff6;flex-direction:column;width:380px;display:flex}body.dark .chat-sidebar{background:#0f172a33}.sidebar-header-row{border-bottom:1px solid var(--stone);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-header-row h3{font-size:18px;font-weight:800}.btn-chat-action{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:99px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:background .2s}.btn-chat-action:hover{background:#005bb5}.contacts-dropdown-panel{border-bottom:1px solid var(--stone);background:#fff9;padding:15px 24px}body.dark .contacts-dropdown-panel{background:#1e293b66}.contacts-dropdown-panel select{border:1.5px solid var(--stone);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;border-radius:12px;outline:none;padding:10px;font-family:inherit;font-weight:600}.conversations-list{flex:1;padding:10px;overflow-y:auto}.no-chat-msg{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px;font-weight:600}.conversation-item{cursor:pointer;border-radius:20px;align-items:center;gap:15px;margin-bottom:5px;padding:14px 18px;transition:all .2s;display:flex}.conversation-item:hover{background:#0071e30d}.conversation-item.active{background:var(--sky)}.conversation-item.unread{background:#10b98114}.conv-avatar{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:flex}.conv-meta{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.conv-name-row{justify-content:space-between;align-items:center;display:flex}.conv-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:14.5px;font-weight:800;overflow:hidden}.conv-date{color:var(--muted);font-size:11px;font-weight:600}.conv-text-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.conv-last-msg{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.conversation-item.unread .conv-last-msg{color:var(--ink);font-weight:800}.unread-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-window{background:#ffffff1a;flex-direction:column;flex:1;display:flex}.chat-window-header{border-bottom:1px solid var(--stone);background:#ffffff4d;align-items:center;gap:15px;padding:20px 24px;display:flex}body.dark .chat-window-header{background:#1e293b33}.btn-back-chat{border:1.5px solid var(--stone);color:var(--ink);cursor:pointer;background:0 0;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:700;display:none}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-header-info h4{font-size:17px;font-weight:800}.badge-user-type{background:var(--sky);color:var(--blue);border:1px solid #0071e333;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.chat-messages-container{flex-direction:column;flex:1;gap:15px;padding:24px;display:flex;overflow-y:auto}.msg-row{width:100%;display:flex}.msg-row.incoming{justify-content:flex-start}.msg-row.outgoing{justify-content:flex-end}.msg-bubble{border-radius:20px;max-width:70%;padding:12px 18px;position:relative;box-shadow:0 4px 15px #00000005}.msg-row.incoming .msg-bubble{background:var(--surface);border:1px solid var(--stone);color:var(--ink);border-bottom-left-radius:4px}.msg-row.outgoing .msg-bubble{background:var(--blue);color:#fff;border-bottom-right-radius:4px}.msg-time{text-align:right;opacity:.6;margin-top:5px;font-size:10px;display:block}.msg-row.outgoing .msg-time{color:#fffc}.chat-input-form-row{border-top:1px solid var(--stone);background:#ffffff4d;gap:12px;padding:20px 24px;display:flex}body.dark .chat-input-form-row{background:#1e293b33}.chat-input-form-row input{border:1.5px solid var(--stone);background:var(--surface);color:var(--ink);border-radius:16px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:14px;transition:border-color .2s}.chat-input-form-row input:focus{border-color:var(--blue)}.btn-send-msg{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:0 28px;font-family:inherit;font-size:14px;font-weight:800;transition:background .2s}.btn-send-msg:hover{background:#005bb5}.no-active-chat-wrapper{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;display:flex}.empty-chat-icon{opacity:.3;font-size:60px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--stone);border-radius:99px}@media (width<=800px){.chat-page-container{padding-top:75px}.chat-main-wrapper{padding:10px}.chat-layout-card{border-radius:20px;height:calc(100vh - 100px)}.chat-sidebar{width:100%}.chat-sidebar.hide-on-mobile{display:none}.chat-window{width:100%}.chat-window.hide-on-mobile{display:none}.btn-back-chat{display:block}.msg-bubble{max-width:85%}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}