*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overscroll-behavior:none;font-family:Inter,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ar] body{font-family:Noto Sans Arabic,Inter,system-ui,sans-serif}html,body{overflow:hidden}body{background-color:var(--bg-secondary, #F5F8FA);color:var(--text-primary, #1E293B);transition:background-color .3s,color .3s}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex;flex-direction:column}button,.tab-bar,.chip{-webkit-user-select:none;user-select:none;font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:default;opacity:.55}a{color:var(--accent-teal, #1A8A9E)}input{font:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out}.tab-layout{display:flex;flex-direction:column;height:100%}.tab-layout>.tab-content{flex:1;min-height:0;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;flex-shrink:0;height:72px;padding-top:6px;padding-bottom:10px;border-top:1px solid var(--tab-border, rgba(148, 163, 184, .25))}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;border-radius:14px;transition:background-color .2s ease}@media(min-width:720px){.tab-layout{flex-direction:row}.tab-layout>.tab-bar{order:-1;flex-direction:column;justify-content:flex-start;width:92px;height:100%;padding:20px 0;gap:6px;border-top:none;border-inline-end:1px solid var(--tab-border, rgba(148, 163, 184, .25))}.tab-bar__item{flex:0 0 auto;margin:0 10px;padding:12px 4px}.tab-bar__item.active{background-color:var(--tab-active-bg, rgba(26, 138, 158, .1))}}.page{max-width:1180px;margin-inline:auto;padding:20px 16px 32px}@media(min-width:720px){.page{padding:28px 28px 40px}}.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chip-row::-webkit-scrollbar{display:none}.case-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.case-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media(min-width:840px){.case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(min-width:1200px){.case-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}.prewrap{white-space:pre-wrap;word-break:break-word;line-height:1.7}