@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--md-primary:#0056b3;--md-on-primary:#fff;--md-surface:#f8faff;--md-on-surface:#1a1c1e;--md-surface-container:#fff;--md-outline:#74777f;--md-error:#ba1a1a;--radius-xl:28px;--radius-lg:16px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;outline:none!important}body{background-color:var(--md-surface);color:var(--md-on-surface);-webkit-user-select:none;user-select:none;overscroll-behavior-y:auto;width:100vw;min-height:100vh;padding:0;padding-top:var(--safe-area-inset-top);padding-bottom:calc(var(--safe-area-inset-bottom) + 20px);margin:0;font-family:Tajawal,Cairo,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif}input,select,textarea{-webkit-user-select:text!important;user-select:text!important;font-size:16px!important}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6}.shadow-premium{shadow:0 12px 40px -12px #0056b326}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:.6s cubic-bezier(.22,1,.36,1) forwards slideUp}.animate-bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bounceIn}.active-scale:active{transform:scale(.95)}.ripple{position:relative;overflow:hidden}@keyframes logoEntry{0%{opacity:0;filter:blur(10px);transform:scale(.5)rotate(-10deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-logo{transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:1s cubic-bezier(.34,1.56,.64,1) forwards logoEntry}.app-logo:hover{filter:drop-shadow(0 15px 30px #0056b333);transform:scale(1.1)rotate(3deg)}.logo-floating{animation:4s ease-in-out infinite logoFloat}#toast-container{top:calc(var(--safe-area-inset-top) + 20px);z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;left:20px;right:20px}.toast{-webkit-backdrop-filter:blur(20px);border:1px solid #0056b31a;border-right:5px solid var(--md-primary);pointer-events:auto;background:#fffffff2;border-radius:20px;align-items:center;gap:14px;padding:16px 20px;transition:all .3s;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards toastIn;display:flex;box-shadow:0 15px 35px -5px #0056b326}.toast.toast-error{border-right-color:var(--md-error)}.toast.toast-success{border-right-color:#2e7d32}@keyframes toastIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.8)}}.toast-exit{animation:.4s cubic-bezier(.6,-.28,.735,.045) forwards toastOut}.badge-pulse{animation:2s infinite badgePulse}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 0 #d32f2f66}70%{transform:scale(1.1);box-shadow:0 0 0 10px #d32f2f00}to{transform:scale(1);box-shadow:0 0 #d32f2f00}}::-webkit-scrollbar{display:none}
