@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap");:root{--primary:#1570ef;--navy:#101828;--muted:#667085;--line:#e4e7ec;--bg:#f7f9fc;--green:#12b76a}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--navy);background:var(--bg)}a{text-decoration:none;color:inherit}.container-wide{width:min(1180px,calc(100% - 40px));margin:auto}.landing{min-height:100vh;background:radial-gradient(circle at 75% 45%,#e7f0ff 0,transparent 32%),#fff}.nav{height:82px;justify-content:space-between;border-bottom:1px solid #eef1f6}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-size:20px;font-weight:800;color:#15213b}.brand span{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,#2e90fa,#175cd3);color:white;border-radius:12px}.hero-actions,.nav-actions{display:flex;gap:10px}.btn{border:0;border-radius:11px;padding:10px 18px;font-family:inherit;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center}.btn.primary{background:var(--primary);color:white;box-shadow:0 5px 14px #1570ef2f}.btn.ghost{background:white;color:#344054;border:1px solid var(--line)}.btn.big{padding:13px 25px}.btn.full{width:100%;font-size:15px}.btn:disabled{opacity:.65}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:70px;gap:70px;padding-block:65px}.eyebrow{display:inline-block;color:#175cd3;background:#eff8ff;padding:7px 13px;border-radius:50px;font-size:13px;font-weight:700}.hero h1{font-size:54px;line-height:1.28;margin:18px 0}.hero h1 em{font-style:normal;color:var(--primary)}.hero>div>p{color:var(--muted);font-size:18px;line-height:1.9;max-width:580px}.hero-actions{margin-top:28px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.feature-grid article{background:#fff;border:1px solid #e9edf3;border-radius:18px;padding:25px;box-shadow:0 10px 30px #1018280b;display:flex;flex-direction:column;gap:9px}.feature-grid svg{color:var(--primary);background:#eff8ff;padding:10px;width:45px;height:45px;border-radius:12px}.feature-grid b{font-size:16px}.feature-grid small{color:var(--muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top right,#eaf2ff,transparent 38%),var(--bg)}.auth-card{width:min(440px,100%);background:white;padding:35px;border:1px solid #e9edf3;border-radius:20px;box-shadow:0 18px 55px #10182812}.auth-card.wide{width:min(720px,100%)}.brand.center{justify-content:center;margin-bottom:25px}.auth-card h1{text-align:center;margin:0 0 6px;font-size:26px}.auth-card>p{text-align:center;color:var(--muted);margin:0 0 25px;font-size:14px}.form{display:grid;grid-gap:17px;gap:17px}.grid-form{grid-template-columns:1fr 1fr}.form label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:700;color:#344054}.form input{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;font:inherit;outline:none;background:white}.form input:focus{border-color:#84adff;box-shadow:0 0 0 4px #1570ef13}.span-2{grid-column:1/-1}.alert{padding:11px;border-radius:9px;background:#fef3f2;color:#b42318;font-size:13px}.switch{text-align:center!important;margin:20px 0 0!important}.switch a{color:var(--primary);font-weight:700}.screen-message{min-height:100vh;display:grid;place-items:center}.dash{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.dash aside{background:#101828;color:#d0d5dd;padding:25px 16px;display:flex;flex-direction:column}.brand.inverse{color:#fff;margin:0 8px 35px}.dash nav{display:grid;grid-gap:7px;gap:7px}.dash aside button,.dash nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:10px;font-size:14px}.dash aside button svg,.dash nav svg{width:19px}.dash nav .active{background:#175cd3;color:#fff}.dash aside button{margin-top:auto;background:transparent;border:0;color:#d0d5dd;font:inherit;cursor:pointer}.dash-main{padding:35px 45px;max-width:1300px;width:100%;margin:auto}.dash-main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dash-main header small{color:var(--muted)}.dash-main h1{margin:4px 0;font-size:28px}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#175cd3;font-weight:800}.pending{padding:14px 18px;border:1px solid #fedf89;background:#fffaeb;color:#93370d;border-radius:12px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.stats article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;gap:16px;align-items:center}.stats svg{color:var(--primary);background:#eff8ff;padding:10px;width:45px;height:45px;border-radius:11px}.stats article div{display:grid}.stats b{font-size:24px}.stats span{color:var(--muted);font-size:13px}.panel{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.panel h2{font-size:18px;margin-top:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.profile-grid p{margin:0;padding:14px;background:#f9fafb;border-radius:10px}.profile-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.feature-grid{order:2}.grid-form{grid-template-columns:1fr}.span-2{grid-column:auto}.dash{grid-template-columns:1fr}.dash aside{display:none}.dash-main{padding:24px 18px}.profile-grid,.stats{grid-template-columns:1fr}}@media(max-width:480px){.nav{height:70px}.nav .btn.ghost{display:none}.hero{padding-block:40px}.hero h1{font-size:32px}.feature-grid{grid-template-columns:1fr}.auth-card{padding:25px 20px}}:root{--brand-950:#071d34;--brand-900:#0b2b49;--brand-800:#0e4962;--brand-700:#087f83;--brand-600:#0d9f98;--brand-500:#25bdb3;--brand-100:#dff8f4;--brand-50:#f0fcfa;--blue-600:#246bda;--violet-600:#6941c6;--orange-600:#d66b14;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#eef3f7;--text-950:#102a43;--text-700:#334e68;--text-500:#627d98;--border:#e0e8ef;--shadow-sm:0 4px 14px #102a4309;--shadow-md:0 14px 35px #102a4312;--shadow-lg:0 25px 60px #102a431c;--radius-sm:11px;--radius-md:16px;--radius-lg:22px;--ease:cubic-bezier(.2,.8,.2,1)}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f8fbfd,#f5f8fb);color:var(--text-950)}::selection{background:#54d6cc50;color:#073b40}button,input,select,textarea{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent}.page-transition{min-height:100%;animation:routeReveal .42s var(--ease) both}.page-transition:before{content:"";position:fixed;z-index:9999;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--brand-500),#4088ff);box-shadow:0 2px 10px #1db7ad70;animation:routeProgress .48s ease both;pointer-events:none}.btn{min-height:42px;align-items:center;gap:7px;border-radius:12px;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--brand-700),var(--blue-600));box-shadow:0 9px 22px #176ea72b}.btn.ghost{border-color:var(--border);box-shadow:var(--shadow-sm)}.empty,.member-card,.members-tools,.panel{border-color:var(--border)!important;box-shadow:var(--shadow-sm);transition:.22s var(--ease)}.member-card:hover,.panel:hover{box-shadow:var(--shadow-md)}input,select,textarea{transition:border-color .2s,box-shadow .2s,transform .2s}input:focus,select:focus,textarea:focus{border-color:#44bdb6!important;box-shadow:0 0 0 4px #18a79e12!important;outline:0}.status{font-weight:800;font-size:10px}.screen-message{color:var(--text-500);background:radial-gradient(circle at 50% 40%,#dff8f4,transparent 28%)}.app-loader{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(145deg,#f8fbfd,#edf6f6)}.loader-shell{width:min(920px,100%);display:grid;grid-gap:17px;gap:17px}.loader-brand{display:flex;align-items:center;gap:12px}.loader-brand i{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,var(--brand-500),var(--blue-600));animation:loaderPulse 1.3s infinite}.loader-brand div{display:grid;grid-gap:7px;gap:7px}.skeleton{position:relative;overflow:hidden;background:#e4ebf0;border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,#ffffffa8,transparent);animation:shimmer 1.2s infinite}.loader-brand .skeleton:first-child{width:135px;height:14px}.loader-brand .skeleton:last-child{width:90px;height:8px}.loader-hero{height:155px;border-radius:22px}.loader-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.loader-card{height:130px;border-radius:18px}.loader-lines{display:grid;grid-gap:10px;gap:10px;padding:20px;background:white;border:1px solid var(--border);border-radius:19px}.loader-lines .skeleton{height:13px}.loader-lines .skeleton:nth-child(2){width:82%}.loader-lines .skeleton:nth-child(3){width:60%}.alert,.error-box,.success,.toast-like{border-radius:13px!important;animation:noticeIn .35s var(--ease) both}.empty{border-style:dashed!important;background:linear-gradient(145deg,#fff,#fbfdfd)!important}@keyframes routeReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes routeProgress{0%{width:0;opacity:1}70%{width:72%}to{width:100%;opacity:0}}@keyframes shimmer{to{transform:translateX(-100%)}}@keyframes loaderPulse{50%{transform:scale(.94);filter:saturate(1.4)}}@keyframes noticeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:700px){.loader-grid{grid-template-columns:1fr}.loader-card{height:90px}.page-transition{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.alert,.error-box,.loader-brand i,.page-transition,.page-transition:before,.skeleton:after,.success,.toast-like{animation:none!important}*{scroll-behavior:auto!important}}.site-security-warning{position:fixed;z-index:2147483647;right:50%;bottom:24px;transform:translateX(50%);width:min(430px,calc(100% - 30px));padding:13px 16px;border:1px solid #fda29b;border-radius:12px;background:#7a271a;color:#fff;text-align:center;font-size:12px;font-weight:800;box-shadow:0 16px 40px #10182840}