*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html,body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-colored: 0 10px 30px -5px rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;line-height:1.6}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all var(--transition-base);font-weight:600;letter-spacing:-.01em}button:active{transform:scale(.98)}input,textarea,select{transition:all var(--transition-base);font-weight:500}input:focus,textarea:focus,select:focus{outline:none;ring-width:2px;ring-color:rgba(99,102,241,.5)}.card-modern{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid rgba(226,232,240,.8)}.card-modern:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bg-gradient-modern{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.shadow-modern{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d}.shadow-modern-lg{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.shadow-colored{box-shadow:0 10px 30px -5px #6366f14d,0 0 0 1px #6366f11a}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}@supports (padding: max(0px)){.pb-safe{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media screen and (max-width:768px){input,textarea,select{font-size:16px!important}}html{scroll-behavior:smooth}@media screen and (max-width:640px){body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}}@media screen and (max-width:768px){*{-webkit-overflow-scrolling:touch}.app-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px #00000014;border:.5px solid rgba(0,0,0,.05)}.app-button:active{transform:scale(.96);opacity:.8}.page-transition{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pull-to-refresh{position:relative}.app-list-item{background:#fff;border-radius:.75rem;margin-bottom:.5rem;padding:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.app-list-item:active{transform:scale(.98);background:#f8fafc}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}input:focus,textarea:focus,select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.app-modal{background:#fff;border-radius:1.5rem 1.5rem 0 0;box-shadow:0 -4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tab-indicator{position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px 3px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.haptic-light{animation:hapticLight .1s}@keyframes hapticLight{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.app-badge{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #ef44444d}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.border-modern{border:1px solid rgba(226,232,240,.8);border-radius:var(--radius-lg)}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-modern:focus{outline:none;ring:2px;ring-color:rgba(99,102,241,.5);ring-offset:2px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc,0 0 30px #6366f199}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}to{width:100%}}.animate-page-fade{animation:pageFadeIn .5s ease-out}.animate-slide-right{animation:slideInFromRight .4s ease-out}.animate-slide-left{animation:slideInFromLeft .4s ease-out}.animate-slide-bottom{animation:slideInFromBottom .4s ease-out}.animate-slide-top{animation:slideInFromTop .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-rotate-in{animation:rotateIn .5s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin-slow{animation:spin 3s linear infinite}.animate-stagger>*{opacity:0;animation:fadeIn .5s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:.1s}.animate-stagger>*:nth-child(2){animation-delay:.2s}.animate-stagger>*:nth-child(3){animation-delay:.3s}.animate-stagger>*:nth-child(4){animation-delay:.4s}.animate-stagger>*:nth-child(5){animation-delay:.5s}.animate-stagger>*:nth-child(6){animation-delay:.6s}.animate-stagger>*:nth-child(7){animation-delay:.7s}.animate-stagger>*:nth-child(8){animation-delay:.8s}.animate-stagger>*:nth-child(9){animation-delay:.9s}.animate-stagger>*:nth-child(10){animation-delay:1s}.hover-scale{transition:transform .2s ease-out}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease-out}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:box-shadow .3s ease-out}.hover-glow:hover{box-shadow:0 0 20px #6366f180}.btn-animate{position:relative;overflow:hidden;transition:all .3s ease}.btn-animate:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-animate:active:before{width:300px;height:300px}.card-entrance{animation:scaleIn .4s ease-out}.card-entrance-delay-1{animation:scaleIn .4s ease-out .1s both}.card-entrance-delay-2{animation:scaleIn .4s ease-out .2s both}.card-entrance-delay-3{animation:scaleIn .4s ease-out .3s both}.spinner{border:3px solid rgba(99,102,241,.1);border-top:3px solid #6366f1;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.progress-bar{animation:progress 2s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;border-radius:50%;background:#fff9;width:100px;height:100px;margin-top:-50px;margin-left:-50px;top:50%;left:50%;animation:ripple .6s;opacity:0}.ripple-effect:active:after{animation:ripple .6s}a,button,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-reveal{opacity:0;animation:scrollReveal .6s ease-out forwards}@keyframes notificationSlide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-enter{animation:notificationSlide .3s ease-out}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.modal-backdrop{animation:backdropFade .2s ease-out}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{animation:modalSlide .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-pulse{animation:badgePulse 2s ease-in-out infinite}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton 1.5s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}.typing-effect{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40,end)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-in{animation:zoomIn .4s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}