html,body{overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}.dark ::-webkit-scrollbar-track{background:#374151}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#6b7280}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fadeInScale{animation:fadeInScale .3s ease-out}.notification-banner{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:12px 16px;text-align:center;font-size:14px}.notification-banner button{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:6px;margin-left:8px;color:#fff;font-weight:500;transition:all .2s}.notification-banner button:hover{background:#ffffff4d}.task-item{transition:transform .2s ease,box-shadow .2s ease}.task-item:hover{transform:translateY(-1px);box-shadow:0 8px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .task-item:hover{box-shadow:0 8px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes skeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton{animation:skeleton 1.5s ease-in-out infinite}.toast{position:fixed;top:20px;right:20px;background:#10b981;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:640px){.container{padding-left:16px;padding-right:16px}.modal{margin:16px;max-height:calc(100vh - 32px);overflow-y:auto}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dark button:focus-visible,.dark input:focus-visible,.dark select:focus-visible,.dark textarea:focus-visible{outline-color:#60a5fa}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}html{scroll-behavior:smooth}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.landing-gradient-bg{background:linear-gradient(135deg,#0f172a,#581c87,#0f172a)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1)}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #3b82f666}50%{box-shadow:0 8px 24px #3b82f699}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}