*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100vh}:root{--primary: #007d8e;--primary-dark: #00586f;--primary-light: #0096a8;--secondary: #006a80;--secondary-dark: #004663;--secondary-light: #00899c;--accent: #00586f;--background: #f8fafc;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--ring: #007d8e;--radius: .5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@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 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 scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes cardLift{0%{transform:translateY(0);box-shadow:0 2px 8px #0000001a}50%{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}to{transform:translateY(0);box-shadow:0 8px 24px #00000026}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes taskComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #007d8e80}50%{box-shadow:0 0 20px #007d8ecc}}.page-transition{animation:fadeIn .4s ease-out}.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}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.button-hover{transition:transform .2s ease,box-shadow .2s ease}.button-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.button-hover:active{transform:translateY(0)}html{scroll-behavior:smooth}::selection{background:#007d8e33}*:focus-visible{outline:2px solid #007d8e;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.offline-banner{animation:pulse 2s ease-in-out infinite}.loading-spinner{animation:spin 1s linear infinite}.checkmark{animation:checkmark .3s ease-out forwards}.task-complete-pulse{animation:taskComplete .4s ease-out}.skeleton-shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}.online-indicator{position:relative}.online-indicator:after{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:#10b981;border-radius:50%;border:2px solid white;animation:pulse-ring 2s infinite}.notification-badge{animation:bounce 1s ease-in-out}.error-shake{animation:shake .5s ease-in-out}.input-glow:focus{box-shadow:0 0 0 3px #007d8e33;transition:box-shadow .2s ease}.tooltip-fade{animation:fadeIn .2s ease-out}.menu-slide{animation:slideInRight .3s ease-out}.list-item-enter{animation:fadeInUp .3s ease-out forwards;opacity:0}.avatar-pulse{animation:pulse 2s ease-in-out infinite}.progress-bar{transition:width .6s cubic-bezier(.4,0,.2,1)}.chip-pop{animation:scaleInBounce .4s ease-out}.dialog-slide{animation:fadeInDown .3s ease-out}.toast-slide{animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55)}.sidebar-slide{animation:slideInLeft .3s ease-out}.icon-rotate{animation:spin .5s ease-out}.typing-effect{overflow:hidden;white-space:nowrap;animation:typing 2s steps(40,end)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.5}}.fade-in-out{animation:fadeInOut 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.wave{animation:wave 1s ease-in-out infinite;transform-origin:70% 70%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#007d8e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00586f}*{scrollbar-width:thin;scrollbar-color:#007d8e #f1f5f9}.gradient-primary{background:linear-gradient(135deg,#007d8e,#006a80)}.gradient-accent{background:linear-gradient(135deg,#00586f,#007d8e)}.gradient-water{background:linear-gradient(180deg,#007d8e,#006a80,#00586f 50%,#004663)}.text-gradient-logo{background:linear-gradient(135deg,#007d8e,#00586f,#004663);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}