.toast{position:fixed;bottom:20px;right:20px;min-width:300px;max-width:500px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideIn .3s ease-out}.toast-success{border-left:4px solid #2ECC71}.toast-error{border-left:4px solid #E74C3C}.toast-warning{border-left:4px solid #F39C12}.toast-info{border-left:4px solid var(--accent-color)}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{flex:1;color:var(--text-primary);font-size:14px;line-height:1.5}.toast-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.toast{bottom:10px;right:10px;left:10px;min-width:auto;max-width:none}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container>*{pointer-events:auto}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast-container .toast{min-width:auto;max-width:100%}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.app{width:100%;min-height:100vh;background:linear-gradient(to bottom,#fff,#f0f5f9);position:relative}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}@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)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-bounce{animation:bounce .6s ease-in-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #4a90e280}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.success-checkmark{display:inline-block;width:20px;height:20px;border-radius:50%;background:#2ecc71;position:relative;animation:scaleIn .3s ease-out}.success-checkmark:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.error-cross{display:inline-block;width:20px;height:20px;border-radius:50%;background:#e74c3c;position:relative;animation:scaleIn .3s ease-out}.error-cross:before,.error-cross:after{content:"";position:absolute;left:9px;top:4px;width:2px;height:12px;background:#fff;transform:rotate(45deg)}.error-cross:after{transform:rotate(-45deg)}.modal-enter{animation:scaleIn .2s ease-out}.task-card-enter{animation:fadeIn .3s ease-out}.notification-enter{animation:slideIn .3s ease-out}.notification-exit{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.button-press{animation:scaleIn .1s ease-out}.button-press:active{transform:scale(.95)}.toggle-animate{transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-bar-animate{transition:width .5s ease-out}.list-item-enter{animation:fadeIn .2s ease-out}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0px,var(--bg-tertiary) 40px,var(--bg-secondary) 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}html{scroll-behavior:smooth}.dragging{opacity:.5;transform:rotate(5deg)}.drag-over{background:#4a90e21a;border:2px dashed var(--accent-color)}input[type=checkbox]:checked,input[type=radio]:checked{animation:scaleIn .2s ease-out}.tooltip-enter{animation:fadeIn .2s ease-out}.dropdown-enter{animation:scaleIn .15s ease-out;transform-origin:top}.toast-enter{animation:slideIn .3s ease-out}.toast-exit{animation:fadeOut .3s ease-out}.loading-overlay{animation:fadeIn .2s ease-out}.save-success{animation:bounce .5s ease-out}.validation-error{animation:shake .5s ease-out}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.counter-update{animation:pulse .3s ease-out}.icon-spin{animation:spin 1s linear infinite}.icon-bounce{animation:bounce .6s ease-in-out}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-color);animation:pulse 2s ease-out infinite;opacity:0}.list-item-new{animation:slideIn .3s ease-out;background:#4a90e21a}.list-item-removing{animation:fadeOut .3s ease-out}.list-item-updating{animation:pulse .5s ease-out}@media(max-width:768px){body{font-size:16px;-webkit-text-size-adjust:100%}button,a,input[type=button],input[type=submit],.clickable{min-height:44px;min-width:44px;padding:12px 16px}input,textarea,select{font-size:16px;padding:12px;border-radius:8px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.modal,.modal-overlay{padding:20px 10px}.modal-content{width:95%;max-width:95%;margin:10px auto;padding:20px;max-height:90vh;overflow-y:auto}nav,.navbar,.sidebar{touch-action:pan-y}.card,.card-item{margin-bottom:16px;padding:16px}.grid,.grid-container{grid-template-columns:1fr!important;gap:16px}h1{font-size:28px;line-height:1.3}h2{font-size:24px;line-height:1.3}h3{font-size:20px;line-height:1.4}.container,.page-container{padding:16px}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media(max-width:480px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.container,.page-container{padding:12px}button,.btn{width:100%;margin-bottom:8px}.modal-content{padding:16px}}@media(min-width:769px)and (max-width:1024px){.grid,.grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px)and (orientation:landscape){.modal-content{max-height:85vh}.header,.navbar{height:auto;min-height:50px}}@media(hover:none)and (pointer:coarse){button,a,.clickable{padding:14px 18px}button:hover,a:hover{opacity:.9}*{-webkit-overflow-scrolling:touch}}@media(min-width:1920px){.container{max-width:1400px;margin:0 auto}}.mobile-hidden{display:block}.mobile-visible{display:none}@media(max-width:768px){.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(16px,env(safe-area-inset-left))}.safe-area-right{padding-right:max(16px,env(safe-area-inset-right))}}@media(max-width:768px){*{-webkit-tap-highlight-color:rgba(74,144,226,.2)}.animated,[class*=animate]{will-change:transform}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f5f9;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-tertiary: #868e96;--border-color: #e9ecef;--accent-color: #4A90E2;--accent-hover: #357abd;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2c2c2c;--bg-tertiary: #242424;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--accent-color: #5ba0f2;--accent-hover: #4A90E2;--shadow: rgba(0, 0, 0, .5)}body{background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;min-height:100vh}