: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}.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: 820px){.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:480px;margin-left:auto;margin-right:auto;box-shadow:0 0 0 1px #2124430f,0 12px 48px #2124431a;min-height:100dvh;position:relative}.app-shell .app-bottom-nav{left:50%!important;right:auto!important;transform:translate(-50%);width:100%;max-width:480px}}@media (min-width: 600px){body{background:#edeff4}}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}