:root{--ink: #212443;--paper: #F6F8FB;--sand: #E8ECF3;--clay: #8AD8D0;--ochre: #D4A574;--tan: #5A6075;--fade: #6B7080;--rose: #D5EEEB;--leaf: #7BCFC7}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:Almarai,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}@media (max-width: 640px){section{padding-top:56px!important;padding-bottom:56px!important}}.display{font-family:IBM Plex Sans Arabic,Almarai,system-ui,sans-serif;line-height:1.4;padding-block:.04em}[dir=ltr] .display{font-family:Montserrat,IBM Plex Sans Arabic,system-ui,sans-serif}h1.display,h2.display,h3.display{line-height:1.35}#root{min-height:100vh;min-height:100dvh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}input:focus-visible,button:focus-visible{outline:2px solid var(--clay);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:fadeIn .3s ease-out}.anim-slide{animation:fadeUp .35s ease-out}@keyframes drawerSlide{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-slide{animation:drawerSlide .3s cubic-bezier(.16,1,.3,1)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (min-width: 600px){.app-shell{max-width:100%;margin-left:auto;margin-right:auto;min-height:100dvh;position:relative}}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;box-sizing:border-box}input[type=date]::-webkit-calendar-picker-indicator{margin:0;padding:0;position:absolute;left:10px;opacity:.5}input[type=date]{position:relative}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;box-sizing:border-box}img,video,svg,canvas{max-width:100%;height:auto}@media (max-width: 767px){input,select,textarea{font-size:16px!important}}p,h1,h2,h3,span,div,a,button{overflow-wrap:break-word}@supports (padding: max(0px)){.app-shell{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--clay);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}*{-webkit-overflow-scrolling:touch}::selection{background:var(--clay);color:var(--ink)}@media (min-width: 768px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sand);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--fade)}}