:root{--color-primary:#0b5fff;--color-primary-dark:#0847c7;--color-primary-light:#eaf1ff;--color-accent:#ff9d00;--color-accent-dark:#e08600;--color-text:#131a2b;--color-text-muted:#5b6478;--color-bg:#fff;--color-bg-alt:#f6f8fc;--color-border:#e4e8f1;--color-success:#16a34a;--color-danger:#dc2626;--font-family-base:"Tajawal", "Segoe UI", Tahoma, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.75rem;--font-size-3xl:3.5rem;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--container-width:1200px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 8px #131a2b0f;--shadow-md:0 8px 24px #131a2b14;--shadow-lg:0 20px 48px #0b5fff24;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img,svg{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.7}h1,h2,h3,h4{font-weight:800;line-height:1.3}.container{width:100%;max-width:var(--container-width);padding-inline:var(--space-md);margin-inline:auto}.section{padding-block:var(--space-2xl)}.section-heading{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:var(--space-xl)}.section-heading h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.section-heading p{color:var(--color-text-muted);font-size:var(--font-size-md)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);font-weight:700;font-size:var(--font-size-base);transition:transform var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);padding:.9rem 2rem;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light)}@media (width<=768px){.section-heading h2{font-size:var(--font-size-xl)}}.header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background-color:#ffffffe6;position:sticky;top:0}.header__inner{padding-block:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.header__logo{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:900}.header__nav{align-items:center;gap:var(--space-md);display:flex}.header__nav-link{color:var(--color-text);transition:color var(--transition-base);font-weight:500}.header__nav-link:hover{color:var(--color-primary)}.header__actions{align-items:center;gap:var(--space-sm);display:flex}.header__login{padding:.7rem 1.5rem}.header__toggle{flex-direction:column;gap:5px;padding:.5rem;display:none}.header__toggle span{background-color:var(--color-text);border-radius:2px;width:24px;height:2px}@media (width<=900px){.header__nav{inset-inline:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);align-items:stretch;gap:var(--space-sm);flex-direction:column;display:none;position:absolute;top:100%}.header__nav--open{display:flex}.header__actions{display:none}.header__toggle{display:flex}}.footer{background-color:var(--color-text);color:#fff;padding-top:var(--space-2xl)}.footer__inner{justify-content:space-between;gap:var(--space-xl);padding-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.footer__brand{max-width:320px}.footer__logo{font-size:var(--font-size-lg);color:#fff;font-weight:900}.footer__tagline{margin-top:var(--space-sm);color:#ffffffa6;line-height:1.8}.footer__columns{gap:var(--space-xl);flex-wrap:wrap;display:flex}.footer__column h4{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.footer__column ul{gap:var(--space-xs);flex-direction:column;display:flex}.footer__column a{color:#ffffffa6;transition:color var(--transition-base)}.footer__column a:hover{color:#fff}.footer__bottom{padding-block:var(--space-md);text-align:center;color:#ffffff80;font-size:var(--font-size-sm);border-top:1px solid #ffffff1a}.auth-layout{background-color:var(--color-bg-alt);min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.auth-layout__card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:var(--space-lg)}.auth-layout__logo{text-align:center;font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-lg);font-weight:900;display:block}.notification-bell{position:relative}.notification-bell__trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;padding:.6rem 1.2rem;position:relative}.notification-bell__badge{top:-8px;background-color:var(--color-danger,#e53e3e);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;display:flex;position:absolute;inset-inline-end:-8px}.notification-bell__panel{inset-inline-end:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;width:340px;max-height:420px;position:absolute;top:calc(100% + .5rem);overflow-y:auto;box-shadow:0 8px 24px #0000001f}.notification-bell__panel-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.notification-bell__panel-header h2{font-size:var(--font-size-md)}.notification-bell__mark-all{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none}.notification-bell__error{color:var(--color-danger,#e53e3e);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.notification-bell__loading,.notification-bell__empty{color:var(--color-text-muted);padding:var(--space-md);font-size:var(--font-size-sm)}.notification-bell__list{list-style:none}.notification-bell__item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer}.notification-bell__item--unread{background-color:var(--color-primary-light)}.notification-bell__item-title{font-weight:700;font-size:var(--font-size-sm)}.notification-bell__item-body{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:.2rem}.notification-bell__item-time{color:var(--color-text-muted);margin-top:.3rem;font-size:.75rem;display:block}.dashboard-layout{background-color:var(--color-bg-alt);min-height:100vh;display:flex}.dashboard-layout__sidebar{background-color:var(--color-bg);border-inline-end:1px solid var(--color-border);width:240px;padding:var(--space-md);gap:var(--space-lg);flex-direction:column;flex-shrink:0;display:flex}.dashboard-layout__logo{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:900}.dashboard-layout__nav{flex-direction:column;gap:.25rem;display:flex}.dashboard-layout__nav-link{border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.65rem 1rem;font-weight:700}.dashboard-layout__nav-link:hover{background-color:var(--color-bg-alt)}.dashboard-layout__nav-link--active{color:var(--color-primary);background-color:var(--color-primary-light)}.dashboard-layout__main{flex-direction:column;flex-grow:1;min-width:0;display:flex}.dashboard-layout__topbar{padding:var(--space-sm) var(--space-lg);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.dashboard-layout__user{flex-direction:column;display:flex}.dashboard-layout__user-name{font-weight:700}.dashboard-layout__user-role{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-layout__topbar-actions{align-items:center;gap:var(--space-md);display:flex}.dashboard-layout__logout{padding:.6rem 1.4rem}.dashboard-layout__content{padding:var(--space-lg);flex-grow:1}@media (width<=768px){.dashboard-layout{flex-direction:column}.dashboard-layout__sidebar{border-inline-end:none;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.dashboard-layout__nav{flex-direction:row}}.hero{padding-block:var(--space-2xl);background:linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-bg) 100%);overflow:hidden}.hero__inner{align-items:center;gap:var(--space-xl);grid-template-columns:1.1fr .9fr;display:grid}.hero__badge{border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-primary);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:999px;padding:.5rem 1.2rem;font-weight:700;display:inline-block}.hero__content h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-md)}.hero__highlight{color:var(--color-primary)}.hero__description{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:560px;margin-bottom:var(--space-lg)}.hero__actions{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.hero__stats{gap:var(--space-lg);display:flex}.hero__stat{flex-direction:column;display:flex}.hero__stat strong{font-size:var(--font-size-lg);color:var(--color-primary)}.hero__stat span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero__visual{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.hero__card{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-md);background-color:#fff}.hero__card--main{width:100%;max-width:320px}.hero__card-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs);display:block}.hero__card-status{font-size:var(--font-size-md);margin-bottom:var(--space-sm);display:block}.hero__card-progress{background-color:var(--color-bg-alt);border-radius:999px;width:100%;height:8px;overflow:hidden}.hero__card-progress span{background-color:var(--color-primary);border-radius:999px;height:100%;display:block}.hero__card--floating{bottom:20px;flex-direction:column;align-items:flex-start;gap:.25rem;display:flex;position:absolute;inset-inline-start:-10px}.hero__card--floating strong{font-size:var(--font-size-lg);color:var(--color-accent-dark)}.hero__card--floating span{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=900px){.hero__inner{grid-template-columns:1fr}.hero__stats{gap:var(--space-md);flex-wrap:wrap}.hero__visual{min-height:220px}}.features__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:transform var(--transition-base), box-shadow var(--transition-base)}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-sm);width:56px;height:56px;margin-bottom:var(--space-sm);background-color:#fff;justify-content:center;align-items:center;font-size:1.75rem;display:inline-flex}.feature-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.feature-card p{color:var(--color-text-muted)}@media (width<=900px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.features__grid{grid-template-columns:1fr}}.how-it-works{background-color:var(--color-bg-alt)}.how-it-works__steps{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.how-it-works__step{border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm);background-color:#fff}.how-it-works__number{background-color:var(--color-primary);color:#fff;width:48px;height:48px;font-weight:800;font-size:var(--font-size-md);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.how-it-works__step h3{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.how-it-works__step p{color:var(--color-text-muted)}@media (width<=900px){.how-it-works__steps{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.how-it-works__steps{grid-template-columns:1fr}}.pricing{background-color:var(--color-bg-alt)}.pricing__grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);max-width:900px;margin-inline:auto;display:grid}.pricing-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);background-color:#fff;flex-direction:column;display:flex;position:relative}.pricing-card--highlighted{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.pricing-card__badge{top:-14px;background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);border-radius:999px;padding:.3rem 1rem;font-weight:700;position:absolute;inset-inline-start:var(--space-lg)}.pricing-card h3{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.pricing-card__price{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--space-sm);display:block}.pricing-card__description{color:var(--color-text-muted);margin-bottom:var(--space-md)}.pricing-card__features{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;flex-grow:1;display:flex}.pricing-card__features li{color:var(--color-text);padding-inline-start:1.5rem;position:relative}.pricing-card__features li:before{content:"✓";color:var(--color-success);font-weight:700;position:absolute;inset-inline-start:0}.pricing-card__cta{width:100%}@media (width<=768px){.pricing__grid{grid-template-columns:1fr}}.cta{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-lg);margin-inline:var(--space-md);color:#fff}.cta__inner{text-align:center;max-width:600px}.cta h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.cta p{color:#ffffffd9;margin-bottom:var(--space-lg);font-size:var(--font-size-md)}.cta__button{color:var(--color-primary);background-color:#fff}.cta__button:hover{background-color:var(--color-bg-alt)}.form-field{margin-bottom:var(--space-md);flex-direction:column;gap:.4rem;display:flex}.form-field__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:700}.form-field__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background-color:var(--color-bg);transition:border-color var(--transition-base);padding:.75rem 1rem}.form-field__input:focus{border-color:var(--color-primary);outline:none}.form-field__input--error{border-color:var(--color-danger)}.form-field__error{font-size:var(--font-size-sm);color:var(--color-danger)}.alert-message{border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:.85rem 1rem}.alert-message--error{color:var(--color-danger);background-color:#fdeceb;border:1px solid #dc262633}.alert-message--success{color:var(--color-success);background-color:#eafaf0;border:1px solid #16a34a33}.login-page__title{text-align:center;font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.login-page__submit{width:100%;margin-top:var(--space-xs)}.login-page__footer{text-align:center;margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-page__footer a{color:var(--color-primary);font-weight:700}.register-page__title{text-align:center;font-size:var(--font-size-lg);margin-bottom:var(--space-lg)}.register-page__submit{width:100%;margin-top:var(--space-xs)}.register-page__footer{text-align:center;margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.register-page__footer a{color:var(--color-primary);font-weight:700}.protected-route__loading{min-height:100vh;color:var(--color-text-muted);font-size:var(--font-size-md);justify-content:center;align-items:center;display:flex}