.header{position:fixed;top:0;inset-inline:0;height:var(--header-height);z-index:var(--z-header);background:#faf9ffc7;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:all var(--transition-base)}.header.scrolled{height:var(--header-scroll-height);background:#fffffff0;border-bottom-color:var(--color-border-light);box-shadow:var(--shadow-sm)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo__mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-family:var(--font-latin);font-weight:700;font-size:1rem;box-shadow:var(--shadow-md)}.logo__text{display:flex;flex-direction:column;gap:1px}.logo__name{font-family:var(--font-latin);font-weight:700;font-size:1.05rem;color:var(--color-text);letter-spacing:-.02em;line-height:1.1}.logo__sub{font-size:.72rem;color:var(--color-text-secondary);font-weight:500}.nav{display:none;align-items:center;gap:2rem}.nav__list{display:flex;align-items:center;gap:2rem}.nav__link{position:relative;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);padding:.25rem 0;transition:color var(--transition-fast)}.nav__link:after{content:"";position:absolute;bottom:-4px;inset-inline:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base)}.nav__link:hover,.nav__link:focus-visible{color:var(--color-primary)}.nav__link:hover:after,.nav__link:focus-visible:after{transform:scaleX(1)}.header__actions{display:flex;align-items:center;gap:.75rem}.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:40px;padding:0 1rem;border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-border);color:var(--color-primary);font-family:var(--font-latin);font-weight:600;font-size:.88rem;transition:all var(--transition-fast)}.lang-switch:hover{background:var(--color-primary-bg);border-color:var(--color-primary);transform:translateY(-1px)}.lang-switch:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.header__login{padding:.65rem 1.35rem;min-height:40px;font-size:.9rem}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:var(--radius-md);background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);transition:all var(--transition-fast)}.header__menu-toggle:hover{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.header__menu-toggle[aria-expanded=true]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.mobile-menu{position:fixed;top:var(--header-height);inset-inline:0;bottom:0;background:var(--color-white);padding:2rem var(--container-padding);transform:translate(100%);transition:transform var(--transition-slow);z-index:calc(var(--z-header) - 10);display:flex;flex-direction:column;overflow-y:auto}html[dir=ltr] .mobile-menu{transform:translate(-100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu__nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mobile-menu__link{display:block;padding:1rem 1.25rem;font-size:1.05rem;font-weight:500;color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu__link:hover,.mobile-menu__link:focus-visible{background:var(--color-primary-bg);color:var(--color-primary)}.mobile-menu__cta{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-block-start:2rem;border-top:1px solid var(--color-border-light)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-header) - 20);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.menu-overlay.visible{opacity:1;pointer-events:auto}@media (min-width: 900px){.nav{display:flex}.header__menu-toggle{display:none}.mobile-menu,.menu-overlay{display:none!important}}@media (max-width: 480px){.header__login{padding:.65rem 1rem;font-size:.85rem}.logo__text{display:none}}.hero{min-height:100vh;padding-top:calc(var(--header-height) + 2rem);position:relative;overflow:hidden;background:radial-gradient(ellipse 120% 70% at 15% 0%,rgba(107,79,216,.1),transparent 60%),radial-gradient(ellipse 80% 60% at 100% 20%,rgba(74,52,181,.08),transparent 55%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-primary-bg) 100%)}.hero:before{content:"";position:absolute;top:20%;inset-inline-end:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(107,79,216,.12),transparent 70%);filter:blur(20px);pointer-events:none}.hero__container{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero__content{max-width:600px}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-white);border:1px solid var(--color-primary-bg-hover);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem;box-shadow:var(--shadow-sm);animation:fadeIn .6s ease-out both}.hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));animation:pulse-soft 2.4s ease-in-out infinite}.hero__title{margin-bottom:1.5rem;animation:slideUp .7s cubic-bezier(.16,1,.3,1) .1s both;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:clamp(1rem,2vw,1.1rem);color:var(--color-text-secondary);line-height:1.75;margin-bottom:2.25rem;max-width:540px;animation:slideUp .7s cubic-bezier(.16,1,.3,1) .2s both}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2.5rem;animation:slideUp .7s cubic-bezier(.16,1,.3,1) .3s both}.hero__features{display:flex;flex-wrap:wrap;gap:1rem 1.75rem;animation:slideUp .7s cubic-bezier(.16,1,.3,1) .4s both}.hero__feature{display:inline-flex;align-items:center;gap:.6rem;font-size:.92rem;color:var(--color-text-secondary);font-weight:500}.hero__feature-icon{width:22px;height:22px;border-radius:50%;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.hero__visual{position:relative;display:flex;align-items:center;justify-content:center;animation:slideLeft .9s cubic-bezier(.16,1,.3,1) .2s both}.hero__orb{position:relative;width:min(420px,100%);aspect-ratio:1 / 1}.hero__orb-main{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),transparent 45%),linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,#8B73F0 100%);box-shadow:0 40px 80px -20px #4a34b573,inset 0 -30px 60px #3a299559;animation:float 6s ease-in-out infinite}.hero__orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgba(74,52,181,.2);border-radius:50%;animation:spin 40s linear infinite}.hero__orb-ring:nth-child(2){top:8%;right:8%;bottom:8%;left:8%;border-style:solid;border-color:#6b4fd81f;animation-duration:30s;animation-direction:reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__floating-chip{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);padding:.85rem 1.1rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;animation:float 5s ease-in-out infinite;z-index:2}.hero__chip-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero__chip-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hero__chip-title{font-size:.85rem;font-weight:700;color:var(--color-text);white-space:nowrap}.hero__chip-sub{font-size:.72rem;color:var(--color-text-secondary)}.hero__chip--1{top:10%;inset-inline-start:0;animation-delay:0s}.hero__chip--1 .hero__chip-icon{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.hero__chip--2{top:35%;inset-inline-end:-2%;animation-delay:1.5s}.hero__chip--2 .hero__chip-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.hero__chip--3{bottom:18%;inset-inline-start:8%;animation-delay:.8s}.hero__chip--3 .hero__chip-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.hero__chip--4{bottom:5%;inset-inline-end:5%;animation-delay:2.2s}.hero__chip--4 .hero__chip-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.hero__orb-center{position:absolute;top:28%;right:28%;bottom:28%;left:28%;z-index:3;display:flex;align-items:center;justify-content:center}.hero__globes{position:absolute;top:0;right:0;bottom:0;left:0;color:#ffffffe0;animation:float 4s ease-in-out infinite}@media (min-width: 900px){.hero{padding-top:calc(var(--header-height) + 1rem)}.hero__container{grid-template-columns:1.1fr 1fr;gap:4rem;min-height:calc(100vh - var(--header-height) - 3rem)}}@media (max-width: 600px){.hero__chip{padding:.6rem .8rem;gap:.5rem}.hero__chip-icon{width:32px;height:32px}.hero__chip-title{font-size:.78rem}.hero__chip-sub{font-size:.65rem}.hero__chip--1{inset-inline-start:-5%}.hero__chip--2{inset-inline-end:-5%}}.languages{background:var(--color-white);position:relative}.languages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin-inline:auto}.lang-card{position:relative;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:2rem 1.75rem;transition:all var(--transition-base);overflow:hidden;display:flex;flex-direction:column;gap:1rem;isolation:isolate}.lang-card:before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base);z-index:1}.lang-card:hover,.lang-card:focus-within{border-color:transparent;transform:translateY(-6px);box-shadow:var(--shadow-xl)}.lang-card:hover:before,.lang-card:focus-within:before{transform:scaleX(1)}.lang-card:after{content:"";position:absolute;bottom:-80px;inset-inline-end:-80px;width:200px;height:200px;background:radial-gradient(circle,var(--color-primary-bg) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-base);z-index:-1}.lang-card:hover:after{opacity:1}.lang-card__icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary-bg);color:var(--color-primary);transition:all var(--transition-base);flex-shrink:0}.lang-card:hover .lang-card__icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);transform:scale(1.08) rotate(-4deg)}.lang-card__names{display:flex;flex-direction:column;gap:.2rem}.lang-card__name-ar{font-size:1.35rem;font-weight:700;color:var(--color-text);line-height:1.2}.lang-card__name-native{font-family:var(--font-latin);font-size:.95rem;font-weight:500;color:var(--color-primary);letter-spacing:.01em}.lang-card__desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.65;flex-grow:1}.lang-card__btn{align-self:flex-start;padding:.65rem 1.4rem;min-height:40px;font-size:.88rem;border-radius:var(--radius-md)}.why-us{background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-white) 100%);position:relative}.why-us:before{content:"";position:absolute;top:0;inset-inline:0;height:100%;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(74,52,181,.08),transparent 70%);pointer-events:none}.why-us__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;position:relative;max-width:1100px;margin-inline:auto}.feature{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:2rem 1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transition:all var(--transition-base);position:relative}.feature:hover{transform:translateY(-4px);border-color:var(--color-primary-bg-hover);box-shadow:var(--shadow-lg)}.feature__icon-wrap{width:56px;height:56px;border-radius:16px;background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);position:relative;transition:all var(--transition-base)}.feature__icon-wrap:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:20px;background:var(--color-primary);opacity:0;z-index:-1;transition:opacity var(--transition-base)}.feature:hover .feature__icon-wrap{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.feature:hover .feature__icon-wrap:after{opacity:.12}.feature__title{font-size:1.2rem;font-weight:700;color:var(--color-text)}.feature__desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7}.feature__number{position:absolute;top:1.25rem;inset-inline-end:1.25rem;font-family:var(--font-latin);font-size:2.25rem;font-weight:700;color:var(--color-primary-bg-hover);letter-spacing:-.03em;line-height:1;z-index:0;transition:color var(--transition-base)}.feature:hover .feature__number{color:var(--color-primary);opacity:.12}.stats{background:var(--color-white)}.stats__wrapper{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-xl);padding:clamp(2rem,6vw,3.5rem);position:relative;overflow:hidden;box-shadow:var(--shadow-xl)}.stats__wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.15),transparent 45%),radial-gradient(circle at 80% 100%,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.stats__wrapper:after{content:"";position:absolute;top:-80px;inset-inline-end:-80px;width:240px;height:240px;border-radius:50%;background:#ffffff0f;border:2px dashed rgba(255,255,255,.15)}.stats__grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-card{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;transition:all var(--transition-base);min-height:130px}.stat-card:hover{background:#ffffff24;transform:translateY(-4px);border-color:#ffffff40}.stat-card__icon{width:42px;height:42px;border-radius:12px;background:#ffffff24;display:flex;align-items:center;justify-content:center;color:var(--color-white)}.stat-card__label{color:var(--color-white);font-weight:600;font-size:.95rem;line-height:1.4}.stat-card__value{color:#ffffffd9;font-family:var(--font-latin);font-size:.8rem;font-weight:500}@media (min-width: 768px){.stats__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (max-width: 420px){.stat-card{padding:1rem .75rem;min-height:110px}.stat-card__label{font-size:.85rem}}.cta{background:var(--color-primary-bg);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;inset-inline-start:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(74,52,181,.1),transparent 60%);pointer-events:none}.cta__card{position:relative;max-width:900px;margin-inline:auto;background:var(--color-white);border-radius:var(--radius-xl);padding:clamp(2rem,6vw,3.5rem);text-align:center;box-shadow:var(--shadow-lg);overflow:hidden}.cta__card:before{content:"";position:absolute;top:0;inset-inline:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),#8B73F0)}.cta__card:after{content:"";position:absolute;inset-inline-start:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;background:var(--color-primary-bg);opacity:.6;z-index:0}.cta__content{position:relative;z-index:1;max-width:600px;margin-inline:auto}.cta__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--color-primary-bg);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--color-primary);margin-bottom:1.25rem}.cta__title{margin-bottom:1rem}.cta__subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.75;margin-bottom:2.25rem}.cta__actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}@media (max-width: 480px){.cta__actions .btn{flex:1 1 100%}}.footer{background:#0f0e2c;color:#cbd5e1;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),#8B73F0)}.footer:after{content:"";position:absolute;bottom:0;inset-inline-end:0;width:400px;height:300px;background:radial-gradient(circle at bottom right,rgba(74,52,181,.25),transparent 60%);pointer-events:none}.footer__inner{position:relative;z-index:1;padding-block:clamp(3rem,8vw,4.5rem) 2rem}.footer__grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}.footer__brand{display:flex;flex-direction:column;gap:1.25rem}.footer__logo{display:flex;align-items:center;gap:.75rem}.footer__logo-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-family:var(--font-latin);font-weight:700;font-size:1.1rem;box-shadow:0 8px 24px #4a34b566}.footer__logo-text{display:flex;flex-direction:column;gap:2px}.footer__logo-name{font-family:var(--font-latin);font-weight:700;font-size:1.15rem;color:#fff;letter-spacing:-.02em;line-height:1.1}.footer__logo-sub{font-size:.72rem;color:#94a3b8;font-weight:500}.footer__desc{font-size:.95rem;line-height:1.75;color:#a8acc8;max-width:420px}.footer__column{display:flex;flex-direction:column;gap:1.25rem}.footer__heading{font-size:1rem;font-weight:700;color:#fff;position:relative;padding-bottom:.5rem}.footer__heading:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:32px;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:2px}.footer__list{display:flex;flex-direction:column;gap:.75rem}.footer__link{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#a8acc8;transition:all var(--transition-fast);padding:.15rem 0}.footer__link-icon{width:16px;height:16px;color:var(--color-primary-light);flex-shrink:0;opacity:.8}.footer__link:hover,.footer__link:focus-visible{color:#fff;transform:translate(-4px)}html[dir=ltr] .footer__link:hover,html[dir=ltr] .footer__link:focus-visible{transform:translate(4px)}.footer__contact-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#a8acc8;line-height:1.6}.footer__contact-icon{width:20px;height:20px;color:var(--color-primary-light);flex-shrink:0;margin-top:2px}.footer__social{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.footer__social-link{width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#a8acc8;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.footer__social-link:hover,.footer__social-link:focus-visible{background:var(--color-primary);border-color:var(--color-primary-light);color:#fff;transform:translateY(-3px)}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-block:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.footer__copyright{font-size:.85rem;color:#94a3b8;font-weight:500}@media (min-width: 700px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:2rem}}@media (min-width: 900px){.footer__grid{gap:3rem}.footer__bottom{flex-direction:row;justify-content:space-between;text-align:start}}.temp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem var(--container-padding);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(107,79,216,.12),transparent 60%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-primary-bg) 100%)}.temp-page__card{max-width:480px;width:100%;background:var(--color-white);border-radius:var(--radius-xl);padding:clamp(2rem,6vw,3rem);text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.temp-page__icon{width:72px;height:72px;margin:0 auto 1.5rem;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;position:relative}.temp-page__icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:calc(var(--radius-lg) + 8px);background:var(--color-primary-bg);opacity:.4;z-index:-1;animation:pulse-soft 2.4s ease-in-out infinite}.temp-page__title{margin-bottom:1rem;font-size:1.5rem}.temp-page__message{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2rem}.temp-page__back{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-primary);transition:all var(--transition-base);min-height:46px}.temp-page__back:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4a34b552}:root{--color-primary: #4A34B5;--color-primary-light: #6B4FD8;--color-primary-dark: #3A2995;--color-primary-bg: #F5F3FF;--color-primary-bg-hover: #EDE9FE;--color-white: #FFFFFF;--color-bg: #FAF9FF;--color-bg-alt: #FFFFFF;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(74, 52, 181, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -3px rgba(74, 52, 181, .12), 0 4px 8px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px -6px rgba(74, 52, 181, .15);--shadow-primary: 0 8px 24px rgba(74, 52, 181, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-arabic: "Cairo", system-ui, -apple-system, sans-serif;--font-latin: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--container-max: 1200px;--container-padding: 1.25rem;--header-height: 72px;--header-scroll-height: 64px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-header: 100;--z-modal: 1000;--z-dropdown: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-arabic);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html[dir=ltr] body{font-family:var(--font-latin)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus-visible{color:var(--color-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--color-text)}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.5rem)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:clamp(3rem,8vw,5rem)}.section-title{text-align:center;margin-bottom:.75rem;color:var(--color-text)}.section-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1.05rem;max-width:620px;margin-inline:auto;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;min-height:46px;line-height:1}.btn:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4a34b552}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.btn-outline:active{transform:translateY(0)}.btn-ghost{background:var(--color-primary-bg);color:var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-bg-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.animate-fade-in{animation:fadeIn .6s ease-out both}.animate-slide-up{animation:slideUp .7s cubic-bezier(.16,1,.3,1) both}.animate-slide-right{animation:slideRight .7s cubic-bezier(.16,1,.3,1) both}.animate-slide-left{animation:slideLeft .7s cubic-bezier(.16,1,.3,1) both}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-soft{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}::selection{background-color:var(--color-primary);color:var(--color-white)}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:4px}@media (min-width: 768px){:root{--container-padding: 2rem}}.dashboard-app{font-family:inherit}:root{--rihi-primary: #4A34B5;--rihi-primary-light: #6A50CF;--rihi-purple-50: #F5F2FF;--rihi-purple-100: #E8E1FF;--rihi-purple-600: #4A34B5;--rihi-purple-700: #3A278F;--rihi-success: #10B981;--rihi-danger: #EF4444;--rihi-warning: #F59E0B;--rihi-info: #3B82F6;--rihi-ink-900: #1F2937;--rihi-ink-700: #374151;--rihi-ink-500: #6B7280;--rihi-ink-300: #D1D5DB;--rihi-surface: #F9FAFB;--rihi-border: #E5E7EB;--rihi-shadow-sm: 0 1px 2px rgba(74, 52, 181, .08);--rihi-shadow-md: 0 4px 20px rgba(74, 52, 181, .12);--rihi-shadow-lg: 0 20px 50px rgba(74, 52, 181, .18)}.dashboard__layout{min-height:100vh;display:flex;background:var(--rihi-surface)}.dashboard__sidebar{width:280px;background:linear-gradient(180deg,#fff,#f9f7ff);border-inline-end:1px solid var(--rihi-border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh;transition:transform .25s ease;z-index:40}.dashboard__brand{display:flex;align-items:center;gap:.75rem;padding:0 .75rem}.dashboard__brand-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--rihi-primary),var(--rihi-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:.5px;box-shadow:var(--rihi-shadow-sm)}.dashboard__brand-name{font-size:16px;font-weight:700;color:var(--rihi-ink-900);letter-spacing:.3px}.dashboard__brand-sub{font-size:12px;color:var(--rihi-ink-500)}.dashboard__nav{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.dashboard__nav-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rihi-ink-500);padding:.75rem;margin-top:.5rem}.dashboard__nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:10px;color:var(--rihi-ink-700);cursor:pointer;font-weight:600;font-size:14px;transition:all .18s ease;text-decoration:none;border:1px solid transparent}.dashboard__nav-item:hover{background:var(--rihi-purple-50);color:var(--rihi-primary)}.dashboard__nav-item.is-active{background:linear-gradient(90deg,var(--rihi-purple-600),var(--rihi-primary-light));color:#fff;box-shadow:0 4px 14px #4a34b547}.dashboard__nav-item.is-active svg{color:#fff}.dashboard__nav-icon{width:18px;height:18px;opacity:.95;flex-shrink:0}.dashboard__nav-label{flex:1}.dashboard__nav-chevron{width:14px;opacity:.6}.dashboard__body{flex:1;display:flex;flex-direction:column;min-width:0}.dashboard__topbar{background:#fff;border-block-end:1px solid var(--rihi-border);padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dashboard__topbar-left{display:flex;align-items:center;gap:1rem}.dashboard__hamburger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--rihi-border);background:#fff;color:var(--rihi-ink-700);align-items:center;justify-content:center;cursor:pointer}.dashboard__breadcrumb{font-size:13px;color:var(--rihi-ink-500)}.dashboard__breadcrumb strong{color:var(--rihi-ink-900);font-weight:700}.dashboard__topbar-right{display:flex;align-items:center;gap:.75rem}.dashboard__notif-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--rihi-border);background:#fff;color:var(--rihi-ink-700);position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboard__notif-dot{position:absolute;top:9px;inset-inline-end:9px;width:8px;height:8px;border-radius:999px;background:var(--rihi-danger)}.dashboard__user-card{display:flex;align-items:center;gap:.75rem;padding:.35rem .45rem .35rem .75rem;border:1px solid var(--rihi-border);border-radius:999px;background:#fff;cursor:pointer}.dashboard__avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--rihi-primary),var(--rihi-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}.dashboard__user-info{line-height:1.15}.dashboard__user-name{font-weight:700;font-size:13px;color:var(--rihi-ink-900)}.dashboard__user-role{font-size:11px;color:var(--rihi-ink-500)}.dashboard__dropdown-menu{position:absolute;top:56px;inset-inline-end:1.5rem;background:#fff;border:1px solid var(--rihi-border);border-radius:12px;padding:.5rem;min-width:200px;box-shadow:var(--rihi-shadow-lg);z-index:60}.dashboard__dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border-radius:8px;cursor:pointer;color:var(--rihi-ink-700);font-weight:600;font-size:13px}.dashboard__dropdown-item:hover{background:var(--rihi-purple-50);color:var(--rihi-primary)}.dashboard__dropdown-divider{height:1px;background:var(--rihi-border);margin:.35rem 0}.dashboard__main{flex:1;padding:1.75rem 1.5rem 3rem}.dashboard__page-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dashboard__page-title{font-size:22px;font-weight:800;color:var(--rihi-ink-900)}.dashboard__page-sub{font-size:13px;color:var(--rihi-ink-500);margin-top:.25rem}.dashboard__grid{display:grid;gap:1rem;margin-bottom:1.5rem}.dashboard__grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard__grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard__grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard__grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard__card{background:#fff;border-radius:16px;border:1px solid var(--rihi-border);box-shadow:var(--rihi-shadow-sm);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease}.dashboard__card:hover{box-shadow:var(--rihi-shadow-md)}.dashboard__card-title{font-size:15px;font-weight:800;color:var(--rihi-ink-900);display:flex;align-items:center;justify-content:space-between}.dashboard__card-subtitle{font-size:12px;color:var(--rihi-ink-500)}.stat-card{position:relative;overflow:hidden;background:#fff;border-radius:16px;padding:1.25rem;border:1px solid var(--rihi-border);box-shadow:var(--rihi-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--rihi-shadow-md)}.stat-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:auto;width:100%;height:4px;background:linear-gradient(90deg,var(--rihi-purple-600),var(--rihi-primary-light))}.stat-card--success:before{background:linear-gradient(90deg,#059669,#34d399)}.stat-card--danger:before{background:linear-gradient(90deg,#dc2626,#f87171)}.stat-card--warning:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card--info:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem}.stat-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--rihi-purple-50);color:var(--rihi-purple-600)}.stat-card__label{font-size:13px;color:var(--rihi-ink-500);font-weight:600}.stat-card__value{font-size:26px;font-weight:900;color:var(--rihi-ink-900);margin-top:.15rem;letter-spacing:-.5px}.stat-card__foot{display:flex;align-items:center;gap:.35rem;font-size:12px;color:var(--rihi-success);font-weight:700}.stat-card__foot.is-neutral{color:var(--rihi-ink-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.05rem;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--rihi-purple-600),var(--rihi-primary-light));color:#fff;box-shadow:0 4px 14px #4a34b559}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #4a34b573}.btn--outline{background:#fff;color:var(--rihi-purple-600);border-color:var(--rihi-purple-600)}.btn--outline:hover{background:var(--rihi-purple-50)}.btn--ghost{background:transparent;color:var(--rihi-ink-700)}.btn--ghost:hover{background:var(--rihi-surface)}.btn--success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px #10b98159}.btn--danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 14px #ef444459}.btn--sm{padding:.4rem .7rem;font-size:12px;border-radius:8px}.btn--lg{padding:.85rem 1.4rem;font-size:14px}.btn--block{width:100%}.dashboard__table-card{background:#fff;border-radius:16px;border:1px solid var(--rihi-border);overflow:hidden;box-shadow:var(--rihi-shadow-sm)}.dashboard__toolbar{padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;border-block-end:1px solid var(--rihi-border)}.dashboard__toolbar-right{display:flex;align-items:center;gap:.5rem;flex:1;max-width:600px}.dashboard__search{position:relative;flex:1;min-width:200px}.dashboard__search input{width:100%;padding:.55rem 2.5rem .55rem .9rem;border-radius:10px;border:1px solid var(--rihi-border);background:var(--rihi-surface);font-family:inherit;font-size:13px;color:var(--rihi-ink-900);outline:none;transition:all .15s ease}.dashboard__search input:focus{background:#fff;border-color:var(--rihi-purple-600);box-shadow:0 0 0 3px #4a34b526}.dashboard__search svg{position:absolute;inset-inline-start:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--rihi-ink-500)}.dashboard__filter-tabs{display:inline-flex;background:var(--rihi-surface);padding:.25rem;border-radius:10px;gap:.25rem;border:1px solid var(--rihi-border);flex-wrap:wrap}.dashboard__filter-tab{padding:.4rem .75rem;font-size:12px;border-radius:8px;cursor:pointer;color:var(--rihi-ink-500);font-weight:700;border:none;background:transparent;font-family:inherit}.dashboard__filter-tab.is-active{background:#fff;color:var(--rihi-purple-600);box-shadow:var(--rihi-shadow-sm)}.dashboard__table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto}.dashboard__table thead th{background:var(--rihi-surface);color:var(--rihi-ink-500);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:.75rem 1rem;text-align:start;border-block-end:1px solid var(--rihi-border);white-space:nowrap}.dashboard__table tbody td{padding:.85rem 1rem;border-block-end:1px solid var(--rihi-border);color:var(--rihi-ink-700);vertical-align:middle;white-space:nowrap}.dashboard__table tbody tr:hover{background:var(--rihi-purple-50)}.dashboard__table tbody tr:last-child td{border-block-end:none}.dashboard__table-name{display:flex;align-items:center;gap:.6rem}.dashboard__mini-avatar{width:32px;height:32px;border-radius:999px;background:var(--rihi-purple-100);color:var(--rihi-purple-600);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.dashboard__name-bold{font-weight:700;color:var(--rihi-ink-900)}.dashboard__sub-email{font-size:12px;color:var(--rihi-ink-500)}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:11px;font-weight:800}.pill:before{content:"";width:6px;height:6px;border-radius:999px}.pill--manager{background:#ede9fe;color:#6d28d9}.pill--manager:before{background:#6d28d9}.pill--employee{background:#dbeafe;color:#1d4ed8}.pill--employee:before{background:#1d4ed8}.pill--teacher{background:#fef3c7;color:#b45309}.pill--teacher:before{background:#b45309}.pill--active{background:#d1fae5;color:#047857}.pill--active:before{background:#047857}.pill--inactive{background:#fee2e2;color:#b91c1c}.pill--inactive:before{background:#b91c1c}.pill--info{background:#e0f2fe;color:#075985}.pill--info:before{background:#075985}.pill--purple{background:var(--rihi-purple-100);color:var(--rihi-purple-700)}.pill--purple:before{background:var(--rihi-purple-700)}.row-actions{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.icon-btn{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rihi-border);background:#fff;color:var(--rihi-ink-700);cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:var(--rihi-purple-50);color:var(--rihi-purple-600);border-color:var(--rihi-purple-600)}.icon-btn--danger:hover{background:#fee2e2;color:var(--rihi-danger);border-color:var(--rihi-danger)}.icon-btn--success:hover{background:#d1fae5;color:var(--rihi-success);border-color:var(--rihi-success)}.form-grid{display:grid;gap:1rem}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field label{font-weight:700;color:var(--rihi-ink-700);font-size:13px}.form-field label .req{color:var(--rihi-danger);margin-inline-start:.15rem}.form-field input,.form-field select,.form-field textarea{padding:.6rem .85rem;border-radius:10px;border:1px solid var(--rihi-border);background:#fff;color:var(--rihi-ink-900);font-size:13px;font-family:inherit;transition:all .15s ease;outline:none;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--rihi-purple-600);box-shadow:0 0 0 3px #4a34b526;background:#fff}.form-field--error input,.form-field--error select{border-color:var(--rihi-danger);background:#fef2f2}.form-field__error{font-size:12px;color:var(--rihi-danger);font-weight:600}.form-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border:1px solid var(--rihi-border);border-radius:10px;background:var(--rihi-surface)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--rihi-ink-300);border-radius:999px;cursor:pointer;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:all .2s ease;box-shadow:var(--rihi-shadow-sm)}.toggle-switch.is-on{background:var(--rihi-purple-600)}.toggle-switch.is-on:after{inset-inline-start:calc(100% - 21px)}.radio-group{display:inline-flex;background:var(--rihi-surface);padding:.25rem;border-radius:10px;border:1px solid var(--rihi-border);gap:.25rem}.radio-group label{padding:.45rem .85rem;border-radius:8px;font-size:13px;font-weight:700;color:var(--rihi-ink-500);cursor:pointer;border:none;background:transparent;display:inline-flex;align-items:center;gap:.35rem}.radio-group input{position:absolute;opacity:0;pointer-events:none}.radio-group label:has(input:checked){background:#fff;color:var(--rihi-purple-600);box-shadow:var(--rihi-shadow-sm)}.perm-group{border:1px solid var(--rihi-border);border-radius:12px;padding:1rem;background:var(--rihi-surface)}.perm-group__title{font-weight:800;font-size:14px;color:var(--rihi-ink-900);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.perm-group__select-all{font-size:12px;color:var(--rihi-purple-600);cursor:pointer;font-weight:700}.perm-checkboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.perm-check{display:flex;align-items:flex-start;gap:.55rem;padding:.5rem .6rem;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .1s;background:#fff}.perm-check:hover{border-color:var(--rihi-purple-100);background:var(--rihi-purple-50)}.perm-check input{margin-top:3px}.perm-check span{font-size:12px;font-weight:600;color:var(--rihi-ink-700);line-height:1.3}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#18103473;display:flex;align-items:center;justify-content:center;z-index:80;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.modal-dialog{background:#fff;border-radius:18px;width:100%;max-width:640px;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #18103473;animation:popIn .2s ease}.modal-dialog--small{max-width:480px}.modal-dialog--large{max-width:780px}.modal-header{padding:1.1rem 1.4rem;border-block-end:1px solid var(--rihi-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-title{font-size:17px;font-weight:800;color:var(--rihi-ink-900)}.modal-body{padding:1.4rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.modal-footer{padding:1rem 1.4rem;border-block-start:1px solid var(--rihi-border);display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.modal-footer--reverse{justify-content:flex-start}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-icon{width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto .6rem}.dialog-icon--danger{background:#fee2e2;color:var(--rihi-danger)}.dialog-icon--primary{background:var(--rihi-purple-100);color:var(--rihi-purple-600)}.dialog-icon--success{background:#d1fae5;color:var(--rihi-success)}.dialog-title{font-weight:800;font-size:17px;color:var(--rihi-ink-900);text-align:center;margin-bottom:.35rem}.dialog-desc{font-size:13px;color:var(--rihi-ink-500);text-align:center;margin-bottom:.5rem;line-height:1.55}.toast-viewport{position:fixed;top:1rem;inset-inline-end:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:100;min-width:280px;max-width:420px}.toast{background:#fff;border:1px solid var(--rihi-border);border-radius:12px;padding:.75rem .9rem .75rem .75rem;box-shadow:var(--rihi-shadow-lg);display:flex;align-items:flex-start;gap:.65rem;animation:slideIn .25s ease;border-inline-start:4px solid var(--rihi-ink-500)}.toast--success{border-inline-start-color:var(--rihi-success)}.toast--error{border-inline-start-color:var(--rihi-danger)}.toast--info{border-inline-start-color:var(--rihi-info)}.toast__icon{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast--success .toast__icon{background:#d1fae5;color:var(--rihi-success)}.toast--error .toast__icon{background:#fee2e2;color:var(--rihi-danger)}.toast--info .toast__icon{background:#dbeafe;color:var(--rihi-info)}.toast__body{flex:1;min-width:0}.toast__title{font-weight:800;font-size:13px;color:var(--rihi-ink-900);margin-bottom:.1rem}.toast__msg{font-size:12px;color:var(--rihi-ink-700);line-height:1.4}.toast__close{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--rihi-ink-500);cursor:pointer;display:flex;align-items:center;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dashboard__empty{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.dashboard__empty-icon{width:72px;height:72px;border-radius:999px;background:var(--rihi-purple-50);color:var(--rihi-purple-600);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.dashboard__empty-title{font-weight:800;font-size:16px;color:var(--rihi-ink-900)}.dashboard__empty-desc{font-size:13px;color:var(--rihi-ink-500);max-width:440px;line-height:1.55}.dashboard__spinner{width:36px;height:36px;border:3px solid var(--rihi-purple-100);border-block-start-color:var(--rihi-purple-600);border-radius:999px;animation:spin .8s linear infinite}.dashboard__spinner--sm{width:20px;height:20px;border-width:2px}.dashboard__loading{min-height:60vh;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}.dashboard__list{display:flex;flex-direction:column;gap:.5rem}.dashboard__list-item{padding:.7rem .85rem;border-radius:10px;background:var(--rihi-surface);display:flex;align-items:center;gap:.65rem;border:1px solid transparent}.dashboard__list-item:hover{border-color:var(--rihi-purple-100);background:var(--rihi-purple-50)}.dashboard__list-dot{width:30px;height:30px;border-radius:999px;background:var(--rihi-purple-100);color:var(--rihi-purple-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard__list-content{flex:1;min-width:0}.dashboard__list-title{font-weight:700;color:var(--rihi-ink-900);font-size:13px}.dashboard__list-time{font-size:11px;color:var(--rihi-ink-500);margin-top:.1rem}.dashboard__cta-row{background:linear-gradient(135deg,var(--rihi-purple-600),var(--rihi-primary-light));padding:1.5rem;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;box-shadow:0 20px 40px #4a34b54d;margin-bottom:1.5rem}.dashboard__cta-row h3{font-size:18px;font-weight:800;margin-bottom:.25rem}.dashboard__cta-row p{font-size:13px;opacity:.88}.dashboard__cta-row .btn--primary{background:#fff;color:var(--rihi-purple-600);box-shadow:0 10px 25px #0003}.dashboard__cta-row .btn--primary:hover{background:#f9f7ff;transform:translateY(-1px)}.skeleton-line{background:linear-gradient(90deg,var(--rihi-surface),#f1edff 30%,var(--rihi-surface) 60%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(1000px 600px at 20% -10%,rgba(74,52,181,.14),transparent 60%),radial-gradient(800px 500px at 100% 10%,rgba(106,80,207,.12),transparent 55%),linear-gradient(180deg,#faf8ff,#fff);font-family:inherit}.auth-card{width:100%;max-width:480px;background:#fff;border-radius:22px;padding:2rem 1.75rem;border:1px solid var(--rihi-border);box-shadow:0 30px 80px #4a34b52e}.auth-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;justify-content:center}.auth-brand-logo{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--rihi-primary),var(--rihi-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;box-shadow:0 6px 20px #4a34b559}.auth-brand-name{font-size:20px;font-weight:900;color:var(--rihi-ink-900)}.auth-brand-sub{font-size:12px;color:var(--rihi-ink-500)}.auth-title{font-size:20px;font-weight:900;color:var(--rihi-ink-900);margin-bottom:.35rem;text-align:center}.auth-sub{font-size:13px;color:var(--rihi-ink-500);text-align:center;margin-bottom:1.5rem}.auth-actions-between{display:flex;align-items:center;justify-content:space-between;margin:.25rem 0 1rem;font-size:12px}.auth-check{display:inline-flex;align-items:center;gap:.4rem;color:var(--rihi-ink-700);font-weight:600;cursor:pointer;font-size:12px}.auth-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem;font-size:12px;color:var(--rihi-ink-500);flex-wrap:wrap}.auth-error-alert{padding:.75rem 1rem;background:#fef2f2;color:var(--rihi-danger);border:1px solid #FECACA;border-radius:10px;font-size:12.5px;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.pass-wrap{position:relative}.pass-toggle{position:absolute;inset-inline-end:.5rem;top:50%;transform:translateY(-50%);padding:.35rem .5rem;border:none;background:transparent;color:var(--rihi-ink-500);cursor:pointer;border-radius:8px}.pass-toggle:hover{background:var(--rihi-surface);color:var(--rihi-purple-600)}@media (max-width: 1100px){.dashboard__grid.cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard__grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.dashboard__sidebar{position:fixed;inset-inline-start:auto;inset-inline-end:0;top:0;height:100vh;transform:translate(110%);box-shadow:-20px 0 50px #0000002e}.dashboard__sidebar.is-open{transform:translate(0)}.dashboard__hamburger{display:inline-flex}.dashboard__grid.cols-6,.dashboard__grid.cols-4,.dashboard__grid.cols-3,.dashboard__grid.cols-2,.form-grid.cols-2,.perm-checkboxes{grid-template-columns:1fr}.dashboard__user-info{display:none}.dashboard__topbar{padding:.75rem 1rem}.dashboard__main{padding:1.25rem 1rem 2rem}.modal-body{padding:1rem}.auth-card{padding:1.5rem 1.25rem}.toast-viewport{inset-inline-end:.5rem;inset-inline-start:.5rem;top:.5rem;max-width:none}}@media (min-width: 861px){.dashboard__sidebar-backdrop{display:none!important}}@media (max-width: 540px){.dashboard__cta-row{padding:1.25rem;border-radius:14px}.dashboard__cta-row .btn{width:100%;justify-content:center}.stat-card{padding:1rem;border-radius:14px}.stat-card__value{font-size:22px}}.dashboard__sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:35}