@tailwind base;@tailwind components;@tailwind utilities;@layer base{button,a,[role=button],[draggable=true],.interactive{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}*{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer utilities{.gpu-accelerated{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.smooth-transform{transition:transform .15s cubic-bezier(.25,.1,.25,1),box-shadow .15s cubic-bezier(.25,.1,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0)}.smooth-popup{transition:opacity .12s ease-out,transform .12s cubic-bezier(.34,1.56,.64,1),visibility .12s;-webkit-transform:translateZ(0);transform:translateZ(0)}.smooth-opacity{transition:opacity .15s ease-out}.smooth-all{transition:all .15s cubic-bezier(.25,.1,.25,1)}.dragging{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;transition:none!important;pointer-events:none;z-index:9999}.drag-overlay{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;box-shadow:0 20px 40px -10px #00000026,0 8px 16px -8px #0000001a;border-radius:8px;background:#fff}.dark .drag-overlay{box-shadow:0 20px 40px -10px #0006,0 8px 16px -8px #0000004d;background:#1f1f1f}.drop-target{transition:background-color .1s ease-out,border-color .1s ease-out}.drop-target-active{background-color:#3b82f614;border-color:#3b82f64d}.click-scale{transition:transform .1s cubic-bezier(.25,.1,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0)}.click-scale:active{transform:scale(.97)}.hover-lift{transition:transform .2s cubic-bezier(.25,.1,.25,1),box-shadow .2s cubic-bezier(.25,.1,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #00000026}.menu-enter{animation:menuEnter .12s cubic-bezier(.34,1.56,.64,1) forwards}.menu-exit{animation:menuExit 80ms ease-in forwards}.dropdown-enter{animation:dropdownEnter .15s cubic-bezier(.16,1,.3,1) forwards}.row-hover{transition:background-color 80ms ease-out}.cell-focus{transition:box-shadow .1s ease-out,border-color .1s ease-out}.pill-smooth{transition:transform 80ms ease-out,background-color .1s ease-out}.pill-smooth:hover{transform:scale(1.02)}.pill-smooth:active{transform:scale(.98)}@layer utilities{.shadow-sm{box-shadow:0 1px 2px #00000008}.shadow{box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.shadow-2xl{box-shadow:0 25px 50px -12px #0000001a}.shadow-clean{box-shadow:0 0 40px -10px #00000014}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d}.dark .shadow{box-shadow:0 1px 3px #0000004d,0 1px 2px -1px #0000004d}.dark .shadow-md{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}.dark .shadow-xl{box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.dark .shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.dark .shadow-clean{box-shadow:0 0 40px -10px #00000080}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.font-datetime{font-family:Cairo,Noto Kufi Arabic,Inter,system-ui,sans-serif!important;font-weight:500;font-feature-settings:"tnum" on,"lnum" on;font-variant-numeric:tabular-nums;letter-spacing:.01em}[dir=rtl] .font-datetime{font-weight:600;letter-spacing:.02em}}@keyframes menuEnter{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes menuExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:scaleIn .15s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .15s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-down{animation:slideDown .15s cubic-bezier(.16,1,.3,1) forwards}@keyframes expandFromCenter{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{animation:gradient 4s ease infinite}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-subtle{0%,to{opacity:.6}50%{opacity:.9}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shimmer{position:relative;overflow:hidden;background-color:#e4e4e7}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);background-size:200% 100%;animation:shimmer .8s ease-in-out infinite}.dark .shimmer{background-color:#3f3f46}.dark .shimmer:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);background-size:200% 100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out forwards;opacity:0}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[dir="rtl"] @keyframes slideIn{0%{transform:translate(-100%);opacity:0}100%{transform:translate(0);opacity:1}}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-border-rotate{animation:border-rotate 4s linear infinite}@keyframes ai-wave-flow{0%{transform:translate(-100%) translateY(0)}50%{transform:translate(0) translateY(-5%)}to{transform:translate(100%) translateY(0)}}@keyframes ai-wave-flow-reverse{0%{transform:translate(100%) translateY(0)}50%{transform:translate(0) translateY(5%)}to{transform:translate(-100%) translateY(0)}}@keyframes ai-wave-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes ai-glow-pulse{0%,to{box-shadow:0 0 15px #3b82f680,0 0 30px #2563eb4d,inset 0 0 20px #dbeafe26}50%{box-shadow:0 0 25px #60a5fa99,0 0 45px #3b82f666,inset 0 0 25px #fff3}}@keyframes ai-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ai-gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-wave-button{position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#3b82f6 0%,transparent 50%),radial-gradient(circle at 70% 70%,#2563eb 0%,transparent 50%),radial-gradient(circle at 50% 50%,#1e40af,#1e3a8a);animation:ai-glow-pulse 3s ease-in-out infinite}.ai-wave-button:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(147,197,253,.12) 30deg,rgba(191,219,254,.18) 60deg,rgba(255,255,255,.22) 90deg,rgba(191,219,254,.18) 120deg,rgba(147,197,253,.12) 150deg,transparent 180deg,transparent 360deg);animation:ai-gradient-rotate 8s linear infinite}.ai-wave-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(191,219,254,.12) 25%,rgba(255,255,255,.18) 50%,rgba(191,219,254,.12) 75%,transparent 100%);background-size:200% 200%;animation:ai-shimmer 4s linear infinite}.ai-wave-layer{position:absolute;width:200%;height:200%;left:-50%;top:-50%;pointer-events:none;z-index:2;border-radius:50%}.ai-wave-1{background:radial-gradient(ellipse 100% 50% at 50% 50%,rgba(255,255,255,.28) 0%,rgba(191,219,254,.18) 30%,rgba(147,197,253,.1) 50%,transparent 70%),linear-gradient(45deg,transparent 30%,rgba(219,234,254,.15) 50%,transparent 70%);animation:ai-wave-flow 4s ease-in-out infinite}.ai-wave-2{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,255,255,.25) 0%,rgba(219,234,254,.15) 25%,rgba(191,219,254,.08) 45%,transparent 65%),linear-gradient(-45deg,transparent 35%,rgba(191,219,254,.12) 50%,transparent 65%);animation:ai-wave-flow-reverse 5s ease-in-out infinite;animation-delay:-1s}.ai-wave-3{background:radial-gradient(ellipse 90% 45% at 50% 50%,rgba(255,255,255,.22) 0%,rgba(219,234,254,.12) 35%,rgba(191,219,254,.06) 55%,transparent 75%),linear-gradient(90deg,transparent 20%,rgba(219,234,254,.1) 50%,transparent 80%);animation:ai-wave-flow 6s ease-in-out infinite;animation-delay:-2s}.ai-wave-button-disabled{background:linear-gradient(135deg,#1a1a1a,#252525,#1a1a1a);animation:none}.ai-wave-button-disabled:before{opacity:.3}@layer base{html{zoom:1.05;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}@media(max-width:768px){html{zoom:1}}}body,main,nav,aside,header,footer,section,.transition-theme{@apply transition-colors duration-200;}h1,h2,h3,h4,h5,h6{@apply font-poppins font-medium;}}.recharts-wrapper{outline:none!important}.chart-stability-active .recharts-wrapper,.chart-stability-active .recharts-surface,.chart-stability-active .recharts-responsive-container,.chart-stability-active [class*=echarts],.chart-stability-active canvas,.chart-stability-active svg{transition:none!important;animation:none!important;animation-duration:0s!important}.chart-stability-active .recharts-wrapper{will-change:auto!important}.chart-stability-active .recharts-bar-rectangle,.chart-stability-active .recharts-line,.chart-stability-active .recharts-area,.chart-stability-active .recharts-pie-sector,.chart-stability-active .recharts-cell{transition:none!important;animation:none!important}.recharts-responsive-container{contain:layout style}.recharts-surface{contain:strict}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}input,textarea,select,button{font-size:16px}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}70%{transform:translate(-50%,-50%) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes softPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}