:root{--brand-primary: #0ea5e9;--brand-primary-deep: #0369a1;--brand-accent: #14b8a6;--surface: #f8fafc;--ink: #0f172a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;direction:rtl;color:var(--ink);font-family:Tajawal,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1200px 600px at 10% -10%,rgba(14,165,233,.18),transparent 60%),radial-gradient(900px 520px at 90% -20%,rgba(20,184,166,.16),transparent 55%),linear-gradient(180deg,#f8fbff,#f4f7fb)}.app-shell{position:relative}.app-frame{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 28px 80px #0208171f}.app-glass-panel{border:1px solid rgba(255,255,255,.9);background:linear-gradient(180deg,#ffffffeb,#ffffffc2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 26px #0f172a14}.app-icon-btn{border:0;border-radius:9999px;padding:.6rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;box-shadow:0 6px 18px #0f172a1a}.app-icon-btn:hover{transform:translateY(-1px)}.app-icon-btn:active{transform:translateY(0)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.985) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeInScale .38s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .45s ease-out forwards}@keyframes imageZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.animate-image-zoom{animation:imageZoom 20s linear infinite alternate}