:root{--motion-duration-xs:150ms;--motion-duration-sm:220ms;--motion-duration-md:360ms;--motion-duration-lg:520ms;--motion-ease-out:cubic-bezier(0.22,1,0.36,1);--motion-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--motion-ease-smooth:cubic-bezier(0.2,0.65,0.3,1)}@keyframes mh-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mh-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes mh-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mh-slide-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes mh-slide-side{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.mh-animate-fade-up{animation:mh-fade-up var(--motion-duration-md) var(--motion-ease-out) both}.mh-animate-fade-in{animation:mh-fade-in var(--motion-duration-sm) var(--motion-ease-out) both}.mh-animate-scale-in{animation:mh-scale-in var(--motion-duration-md) var(--motion-ease-out) both}.mh-animate-overlay-in{animation:mh-overlay-in var(--motion-duration-sm) var(--motion-ease-smooth) both}.mh-animate-slide-up{animation:mh-slide-up var(--motion-duration-md) var(--motion-ease-out) both}.mh-animate-slide-side{animation:mh-slide-side var(--motion-duration-md) var(--motion-ease-out) both}.mh-stagger-1{animation-delay:60ms}.mh-stagger-2{animation-delay:.12s}.mh-stagger-3{animation-delay:.18s}.mh-stagger-4{animation-delay:.24s}.mh-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-lg);border:1px dashed hsl(var(--border));background:color-mix(in srgb,hsl(var(--muted)) 35%,transparent)}.mh-empty-state-icon{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-md);background:color-mix(in srgb,hsl(var(--accent)) 14%,transparent);color:hsl(var(--accent))}.mh-empty-state-title{margin:0;font-family:var(--font-sora),var(--font-tajawal),sans-serif;font-size:1.125rem;font-weight:700;color:hsl(var(--foreground))}.mh-empty-state-desc{margin:0;max-width:26rem;font-size:.9rem;line-height:1.6;color:hsl(var(--text-soft))}.mh-coming-soon-main{min-height:100vh;padding-block:var(--space-8)}.mh-coming-soon-card{padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);border:1px solid hsl(var(--border));background:color-mix(in srgb,hsl(var(--card)) 94%,transparent);box-shadow:var(--elevation-2),var(--shadow-soft-lg);text-align:center;backdrop-filter:blur(14px)}.mh-coming-soon-title{margin:0 0 var(--space-3);font-family:var(--font-sora),var(--font-tajawal),sans-serif;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;letter-spacing:-.03em;color:hsl(var(--foreground))}.mh-coming-soon-text{margin:0;color:hsl(var(--text-soft));font-size:var(--text-base);line-height:var(--leading-relaxed)}.container-root{margin:0 auto;width:100%;max-width:min(100%,var(--content-max,84rem));padding-inline:clamp(.9rem,2.4vw,2rem)}@media (min-width:640px){.container-root{padding-inline:1.5rem}}@media (min-width:1024px){.container-root{padding-inline:2rem}}.card-root{border-radius:var(--radius-lg);border:1px solid hsl(var(--border));background-color:color-mix(in srgb,hsl(var(--card)) 92%,transparent);padding:1.5rem;box-shadow:var(--elevation-2),var(--shadow-soft);backdrop-filter:blur(14px);transition:box-shadow var(--motion-duration-sm) var(--motion-ease-out,ease),border-color var(--motion-duration-sm) var(--motion-ease-out,ease),transform var(--motion-duration-sm) var(--motion-ease-out,ease)}.glass-panel{border:1px solid hsl(var(--glass-border));background:hsl(var(--glass-bg))}.glass-card,.glass-panel{box-shadow:var(--elevation-2),var(--glass-shadow);backdrop-filter:blur(var(--glass-blur))}.glass-card{border-radius:var(--radius-lg);border:1px solid hsl(var(--glass-border));background:hsl(var(--glass-bg-strong));padding:clamp(1rem,2.2vw,1.4rem)}.hero-gradient{background:var(--hero-gradient)}.section-shell{width:min(100%,var(--content-max,84rem));margin-inline:auto;padding-inline:clamp(.9rem,2.6vw,1.8rem);padding-block:clamp(.85rem,2vw,1.35rem)}.content-stack{display:flex;flex-direction:column;gap:clamp(.9rem,1.8vw,1.3rem)}.mh-overlay{position:fixed;inset:0;z-index:1000;padding:1rem;display:flex;align-items:center;justify-content:center;background:hsl(222 22% 10%/.45);backdrop-filter:blur(7px)}.mh-modal{width:min(100%,38rem);max-height:min(92vh,54rem);overflow:auto;border-radius:var(--radius-xl);border:1px solid hsl(var(--glass-border));background:hsl(var(--glass-bg-strong));box-shadow:var(--elevation-3),var(--glass-shadow);backdrop-filter:blur(var(--glass-blur))}.mh-modal--sm{width:min(100%,30rem)}.mh-modal--md{width:min(100%,42rem)}.mh-modal--lg{width:min(100%,56rem)}.mh-modal--xl{width:min(100%,72rem)}.mh-modal--full{width:min(100%,92rem);height:min(95vh,64rem)}.mh-drawer-overlay{justify-content:flex-end;padding:0}.mh-drawer{width:min(100%,42rem);height:100%;border-left:1px solid hsl(var(--glass-border));background:hsl(var(--glass-bg-strong));box-shadow:var(--elevation-3),var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));overflow:auto}.mh-dialog-header{display:flex;align-items:flex-start;gap:.9rem;padding:1.1rem 1.1rem .5rem}.mh-dialog-header-main{flex:1;min-width:0}.mh-dialog-title{margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:700;color:hsl(var(--foreground))}.mh-dialog-subtitle{margin:.3rem 0 0;font-size:.86rem;color:hsl(var(--text-soft))}.mh-dialog-close{width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid hsl(var(--border));background:color-mix(in srgb,hsl(var(--surface-strong)) 80%,transparent);font-size:1.3rem;line-height:1;cursor:pointer}.mh-upload-hint{margin:.45rem 0 0;font-size:.8rem;color:hsl(var(--text-soft))}@media (hover:hover) and (pointer:fine){.card-root:hover{border-color:color-mix(in srgb,hsl(var(--accent)) 22%,hsl(var(--border)));box-shadow:var(--elevation-3),var(--shadow-soft-lg)}}.button-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border-radius:999px;border:1px solid transparent;padding:.75rem 1.3rem;font-size:.875rem;font-weight:600;line-height:1.1;text-decoration:none;cursor:pointer;transition:transform .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.button-link:focus-visible{transform:translateY(-1px)}.button-link-primary{box-shadow:0 14px 28px -16px hsl(var(--accent)/.85),var(--elevation-1);background-color:hsl(var(--accent));color:hsl(var(--primary-foreground))}.button-link-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.button-link-secondary{border-color:hsl(var(--border));background-color:color-mix(in srgb,hsl(var(--surface-strong)) 80%,transparent);color:hsl(var(--foreground))}.button-link-secondary:hover{background-color:hsl(var(--muted));transform:translateY(-1px)}.button-link:disabled,.button-link[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}