:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-color-dark: #d1d5db;--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-primary-light: #dbeafe;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--overlay-bg: rgba(0, 0, 0, .5);--card-bg: #ffffff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}:root[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--border-color-dark: #4b5563;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #312e81;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #064e3b;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #78350f;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-light: #7f1d1d;--color-info: #3b82f6;--color-info-light: #1e3a8a;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3);--overlay-bg: rgba(0, 0, 0, .7);--card-bg: #1f2937;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{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;background-color:var(--bg-secondary);color:var(--text-primary);font-size:16px;line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}#root{min-height:-webkit-fill-available;min-height:100vh}html{height:-webkit-fill-available}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.btn{padding:.75rem 1.25rem;min-height:44px;border-radius:.5rem;border:none;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform}.btn: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:active:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0)}@media (min-width: 768px){.btn{padding:.75rem 1.5rem;font-size:1rem}}@media (prefers-reduced-motion: reduce){.btn,.btn:before{transition:none;animation:none}.btn:hover{transform:none}}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color-dark)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card-bg);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-info));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover:after{transform:scaleX(1)}.card-interactive{cursor:pointer}.card-interactive:active{transform:translateY(-2px)}@media (min-width: 768px){.card{padding:1.5rem}}@media (prefers-reduced-motion: reduce){.card,.card:after{transition:none}.card:hover{transform:none}}.input{width:100%;padding:.875rem .75rem;min-height:44px;border:2px solid var(--border-color-dark);border-radius:.5rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.input:hover{border-color:var(--color-primary)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);transform:translateY(-1px)}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.input.error{border-color:var(--color-danger);animation:shake .4s ease-in-out}.input.error:focus{box-shadow:0 0 0 4px var(--color-danger-light)}.input.success{border-color:var(--color-success)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (prefers-reduced-motion: reduce){.input{transition:none}.input:focus{transform:none}.input.error{animation:none}}.badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.badge-primary{background-color:var(--color-primary-light);color:var(--color-info)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-gray{background-color:var(--bg-tertiary);color:var(--text-primary)}.spinner{border:3px solid var(--bg-tertiary);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}.skeleton{background:var(--bg-tertiary);border-radius:.5rem}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--border-color) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:200px;width:100%}.skeleton-button{height:44px;width:120px;border-radius:.5rem}.grid{display:grid;gap:1rem}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.grid{gap:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid{gap:1.5rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.menu-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 639px){.menu-grid{grid-template-columns:1fr;gap:.875rem}}@media (min-width: 640px) and (max-width: 1023px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}}@media (min-width: 1024px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.fade-in-up{animation:fadeInUp .4s ease-out}.fade-in-down{animation:fadeInDown .4s ease-out}.fade-in-left{animation:fadeInLeft .4s ease-out}.fade-in-right{animation:fadeInRight .4s ease-out}.scale-in{animation:scaleIn .3s ease-out}.bounce-animation{animation:bounce .6s ease-in-out}.pulse-animation{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}.modal-content{background:var(--card-bg);border-radius:1rem 1rem 0 0;max-width:100%;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width: 640px){.modal-overlay{align-items:center;padding:1rem}.modal-content{border-radius:1rem;max-width:600px;animation:fadeIn .3s ease-out}}.text-mobile-lg{font-size:1.125rem;line-height:1.75rem}@media (min-width: 768px){.text-mobile-lg{font-size:1.25rem;line-height:1.75rem}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.touch-spacing{margin:.75rem 0}button{-webkit-user-select:none;user-select:none}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fixed-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--card-bg);border-top:1px solid var(--border-color);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:100;box-shadow:var(--shadow-md)}.mobile-header{position:sticky;top:0;z-index:100;background:var(--gradient-primary);color:#fff;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}.heading-1{font-size:1.5rem;font-weight:700;line-height:2rem}.heading-2{font-size:1.25rem;font-weight:700;line-height:1.75rem}.heading-3{font-size:1.125rem;font-weight:600;line-height:1.75rem}@media (min-width: 768px){.heading-1{font-size:1.875rem;line-height:2.25rem}.heading-2{font-size:1.5rem;line-height:2rem}.heading-3{font-size:1.25rem;line-height:1.75rem}}.mobile-only-header{display:flex!important}.mobile-overlay{display:block!important}.close-sidebar-btn{display:flex!important}@media (min-width: 1024px){.mobile-only-header,.mobile-overlay,.close-sidebar-btn{display:none!important}.sidebar{position:sticky!important;left:0!important;top:0;height:100vh}.main-content{margin-left:250px!important;width:calc(100% - 250px)!important}}.theme-toggle-btn:hover{background-color:var(--bg-tertiary)}.sidebar{background-color:#1f2937!important}[data-theme=dark] .sidebar{background-color:#0f172a!important;border-right:1px solid var(--border-color)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}@media (max-width: 640px){.toast-container{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom));left:1rem;right:1rem;max-width:none}}.toast{background:var(--card-bg);border-radius:.75rem;padding:1rem 1.25rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;min-width:300px;pointer-events:auto;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}@media (max-width: 640px){.toast{min-width:auto;animation:slideInUp .3s ease-out}}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor}.toast-success{color:var(--color-success)}.toast-error{color:var(--color-danger)}.toast-warning{color:var(--color-warning)}.toast-info{color:var(--color-info)}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.toast-message{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-exit{animation:slideOutRight .3s ease-out forwards}@media (max-width: 640px){.toast-exit{animation:slideOutDown .3s ease-out forwards}}@keyframes slideOutRight{to{transform:translate(120%);opacity:0}}@keyframes slideOutDown{to{transform:translateY(120%);opacity:0}}.progress-bar{height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:9999px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:var(--text-primary);color:var(--bg-primary);text-align:center;padding:.5rem .75rem;border-radius:.375rem;position:absolute;z-index:1000;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.875rem;opacity:0;transition:opacity .3s}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--text-primary) transparent transparent transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scroll-to-top{position:fixed;bottom:calc(2rem + env(safe-area-inset-bottom));right:2rem;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:100;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}@media (max-width: 640px){.scroll-to-top{bottom:calc(6rem + env(safe-area-inset-bottom));right:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-slideInRight{animation:slideInRight .4s ease-out}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-item{animation:fadeInUp .5s ease-out backwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.interactive-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.interactive-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.interactive-card:hover:before{transform:translate(100%)}.interactive-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0003}.interactive-card:active{transform:translateY(-4px) scale(.98)}.btn-modern{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modern:after{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-modern:active:after{width:300px;height:300px}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-modern:active{transform:translateY(0)}.glass{background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.glass-dark{background:#0003;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.neumorphic{background:var(--bg-primary);box-shadow:12px 12px 24px #0000001a,-12px -12px 24px #ffffff0d;border-radius:20px;transition:all .3s ease}.neumorphic:hover{box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffff0d}.neumorphic:active{box-shadow:inset 8px 8px 16px #0000001a,inset -8px -8px 16px #ffffff0d}.gradient-animate{background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite}.badge-pulse{position:relative}.badge-pulse:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:inherit;background:inherit;transform:translate(-50%,-50%);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.fab{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));right:1rem;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;box-shadow:0 6px 20px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.fab:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 8px 24px #0006}.fab:active{transform:scale(.95)}.progress-bar{position:relative;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#ffffff80;width:20px;height:20px;animation:ripple .6s ease-out;pointer-events:none}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;position:relative}.status-indicator:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:inherit;animation:pulse-ring 2s infinite}.status-online{background:#10b981}.status-busy{background:#f59e0b}.status-offline{background:#6b7280}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .3s ease}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.icon-bounce{display:inline-block;transition:transform .3s ease}.icon-bounce:hover{animation:bounce .6s ease}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .3s ease-out}.tab-content{animation:fadeInUp .3s ease-out}.notification-enter{animation:slideInRight .4s ease-out}.notification-exit{animation:slideInLeft .4s ease-in reverse}