@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-container{height:100vh;min-height:100vh;max-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,#1e3a8aeb,#2563ebe0,#3b82f6d1),url(/background.jpg),url(/background.png),linear-gradient(135deg,#1e3a8a,#2563eb,#3b82f6);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;animation:backgroundZoom 30s ease-in-out infinite alternate}@keyframes backgroundZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:float 25s infinite ease-in-out}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(96,165,250,.6) 0%,transparent 70%);top:-300px;right:-300px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(147,197,253,.5) 0%,transparent 70%);bottom:-250px;left:-250px;animation-delay:8s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.6) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:16s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-60px) scale(1.15)}50%{transform:translate(-30px,40px) scale(.9)}75%{transform:translate(30px,60px) scale(1.1)}}.login-card{position:relative;z-index:1;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3 inset;padding:2.5rem 2.5rem 2rem;width:100%;max-width:440px;animation:cardSlideUp .6s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.3)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:1.75rem}.logo-container{display:inline-flex;padding:1.25rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border-radius:18px;margin-bottom:1rem;box-shadow:0 10px 30px #2563eb4d,0 0 0 1px #ffffff1a inset;animation:logoFloat 3s ease-in-out infinite;position:relative;overflow:hidden}.logo-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmerEffect 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmerEffect{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}.logo{height:64px;width:auto;filter:brightness(0) invert(1);position:relative;z-index:1}.login-title{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.375rem;letter-spacing:-.025em}.login-subtitle{font-size:1.0625rem;color:var(--primary-600);font-weight:600}.login-form{margin-bottom:0}.input-group{margin-bottom:1.125rem}.input-group:last-of-type{margin-bottom:1.25rem}.input-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.password-input-wrapper{position:relative;width:100%}.input{width:100%;padding:1rem 1.125rem;font-size:.9375rem;border:2px solid var(--gray-200);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 2px #0000000d}.input-password{padding-right:3.5rem}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gray-500);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.password-toggle:hover{background:var(--gray-100);color:var(--primary-600)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.input:hover{border-color:var(--primary-300);box-shadow:0 2px 4px #2563eb1a}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-50),0 4px 8px #2563eb26;outline:none;transform:translateY(-1px)}.input:disabled{background:var(--gray-50);cursor:not-allowed;opacity:.6}.btn-login{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #2563eb66,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s}.btn-login:hover:not(:disabled):before{transform:translate(100%)}.btn-login:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #2563eb80,0 0 0 1px #fff3 inset;background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%)}.btn-login:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb66,0 0 0 1px #ffffff1a inset}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-demo{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--primary-700);background:var(--primary-50);border:2px solid var(--primary-200);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.75rem;cursor:pointer}.btn-demo:hover:not(:disabled){background:var(--primary-100);border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.btn-demo:active:not(:disabled){transform:translateY(0)}.btn-demo:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.demo-credentials{background:linear-gradient(135deg,var(--primary-50) 0%,rgba(219,234,254,.5) 100%);border:2px solid var(--primary-100);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #2563eb1a,0 0 0 1px #fffc inset}.demo-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.demo-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;box-shadow:0 2px 8px #2563eb4d,0 0 0 1px #fff3 inset;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #2563eb4d,0 0 0 1px #fff3 inset}50%{transform:scale(1.05);box-shadow:0 4px 12px #2563eb66,0 0 0 1px #ffffff4d inset}}.demo-title{font-size:.875rem;font-weight:600;color:var(--primary-900)}.demo-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.875rem;padding:.875rem 1rem;background:#fff;border:2px solid var(--primary-200);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;margin-bottom:0;box-shadow:0 2px 4px #0000000d}.demo-button:hover:not(:disabled){border-color:var(--primary-400);transform:translate(6px);box-shadow:0 6px 16px #2563eb26,0 0 0 1px #2563eb1a inset;background:linear-gradient(135deg,#fff,#eff6ff)}.demo-button:active:not(:disabled){transform:translate(3px)}.demo-user{display:flex;align-items:center;gap:.75rem}.demo-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;box-shadow:0 4px 12px #2563eb4d,0 0 0 3px #fffc,0 0 0 4px #2563eb33;transition:all .3s;flex-shrink:0}.demo-button:hover .demo-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #2563eb66,0 0 0 3px #fff,0 0 0 5px #2563eb4d}.demo-info{display:flex;flex-direction:column;align-items:flex-start}.demo-name{font-size:.875rem;font-weight:600;color:var(--gray-900)}.demo-role{font-size:.75rem;color:var(--primary-600);font-weight:500}.demo-email{font-size:.75rem;color:var(--gray-600);font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-note{font-size:.6875rem;color:var(--gray-600);text-align:center;margin:.75rem 0 0}.login-footer{text-align:center;padding-top:1.5rem;margin-top:1.5rem;border-top:2px solid var(--gray-100);position:relative}.login-footer:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-400),transparent)}.demo-info{font-size:.75rem;color:var(--gray-600);margin:.25rem 0;font-weight:500}.demo-info strong{color:var(--primary-700);font-weight:700}.copyright{font-size:.75rem;color:var(--gray-500);margin:1rem 0 0;font-weight:500}.login-container:before,.login-container:after{content:"";position:absolute;width:2px;height:2px;background:#fff9;border-radius:50%;box-shadow:0 0 4px #fffc,20px 30px #fff6,40px 70px #ffffff80,-30px 50px #ffffff4d,60px 20px #fff9,-50px 80px #fff6,80px 100px #ffffff4d,-70px 120px #ffffff80;animation:floatingParticles 20s linear infinite}.login-container:after{animation-delay:-10s;left:50%}@keyframes floatingParticles{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-20vh) rotate(360deg);opacity:0}}@media (max-width: 640px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:1rem}.logo{height:60px}.logo-container{padding:1.25rem}.demo-button{padding:.875rem 1rem}.demo-avatar{width:38px;height:38px;font-size:.8125rem}.btn-login{padding:1rem 1.25rem}}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-panel{position:fixed;top:70px;right:20px;width:420px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;z-index:1501;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px) translateY(-10px)}to{opacity:1;transform:translate(0) translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-50) 0%,white 100%)}.notification-title-section{display:flex;align-items:center;gap:.75rem}.notification-title-section svg{color:var(--primary-600)}.notification-title-section h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0}.notification-count-badge{background:var(--primary-600);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .5rem;border-radius:999px;min-width:24px;text-align:center}.notification-actions{display:flex;align-items:center;gap:.5rem}.notification-action-btn{background:transparent;border:none;padding:.5rem;border-radius:var(--radius);color:var(--gray-600);transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}.notification-action-btn:hover{background:var(--gray-100);color:var(--gray-900)}.notification-body{flex:1;overflow-y:auto;min-height:200px;max-height:calc(100vh - 200px)}.notification-body::-webkit-scrollbar{width:8px}.notification-body::-webkit-scrollbar-track{background:var(--gray-50)}.notification-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:999px}.notification-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1rem}.notification-empty svg{color:var(--gray-300)}.notification-empty h4{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin:0}.notification-empty p{font-size:.875rem;color:var(--gray-500);margin:0}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.notification-loading p{color:var(--gray-600);font-size:.875rem;margin:0}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;gap:.875rem;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:all .2s;position:relative;background:#fff}.notification-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--notification-color, var(--primary-600));opacity:0;transition:opacity .2s}.notification-item.unread{background:linear-gradient(90deg,#6366f108,#fff)}.notification-item.unread:before{opacity:1}.notification-item:hover{background:var(--gray-50)}.notification-item:last-child{border-bottom:none}.notification-item-icon{font-size:1.75rem;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#6366f10d);border-radius:50%}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.notification-item-header h4{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.4}.notification-item-time{font-size:.75rem;color:var(--gray-500);white-space:nowrap;flex-shrink:0}.notification-item-content>p{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin:0 0 .5rem}.notification-task-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;margin-top:.5rem;padding:.5rem;background:var(--gray-50);border-radius:var(--radius)}.notification-task-label{color:var(--gray-500);font-weight:500}.notification-task-title{color:var(--gray-700);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-actions{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.notification-item-btn{background:transparent;border:none;padding:.375rem;border-radius:var(--radius);color:var(--gray-500);transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}.notification-item-btn:hover{background:var(--gray-100);color:var(--primary-600)}.notification-item-btn.delete:hover{background:#fef2f2;color:var(--error)}@media (max-width: 768px){.notification-panel{top:60px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 80px)}.notification-header{padding:1rem 1.25rem}.notification-item{padding:.875rem 1.25rem}.notification-item-icon{width:36px;height:36px;font-size:1.5rem}}.custom-select-wrapper{position:relative;display:inline-block}.custom-select-button{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:#fff3;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:.875rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;overflow:hidden;min-width:200px}.custom-select-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.custom-select-button:hover:before{left:100%}.custom-select-button:hover{background:#ffffff40;box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff26;transform:translateY(-1px)}.custom-select-button svg:first-child{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.custom-select-button span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-button .chevron{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-select-button .chevron.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;overflow:hidden;z-index:1000;animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:#fff;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#3b82f64d;padding-left:1.25rem}.custom-select-option.selected{background:#3b82f633;font-weight:600;color:#60a5fa}.custom-select-option.selected:hover{background:#3b82f659}.check-icon{font-size:1rem;font-weight:700;color:#60a5fa;animation:checkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.custom-select-button{min-width:100%}}.header{background:linear-gradient(135deg,#2563eb,#1e40af,#3b82f6);box-shadow:0 8px 32px #2563eb59;position:sticky;top:0;z-index:1000;animation:slideDown .3s ease-out;border-bottom:1px solid rgba(255,255,255,.15)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:2rem}.header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;padding:.5rem;border-radius:var(--radius);transition:background .2s}.mobile-menu-btn:hover{background:#ffffff1a}.logo-section{display:flex;align-items:center;gap:1rem}.header-logo{height:40px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text h1{color:#fff;font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.025em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.logo-text span{color:#ffffffe6;font-size:.8125rem;font-weight:500}.header-nav{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:center}.header-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .2s;white-space:nowrap;box-shadow:0 4px 12px #0000001a}.header-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.header-btn:disabled{opacity:.6}.btn-create{background:#fff;color:#2563eb;font-weight:600;box-shadow:0 6px 20px #ffffff4d}.btn-create:hover{background:#fff;color:#1e40af;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px #fff6}.header-right{display:flex;align-items:center;gap:1rem}.notification-btn{position:relative;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.625rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .2s;box-shadow:0 4px 12px #0000001a;cursor:pointer}.notification-btn:hover{background:#ffffff4d;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0003}.notification-btn:active{transform:translateY(0) scale(.98)}.notification-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;min-width:20px;text-align:center;box-shadow:0 2px 8px #ef444480,0 0 0 3px #ffffff4d;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444480,0 0 0 3px #ffffff4d}50%{transform:scale(1.15);box-shadow:0 4px 16px #ef4444cc,0 0 0 4px #ffffff80}}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .2s;box-shadow:0 4px 12px #0000001a}.user-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;box-shadow:0 2px 8px #00000026}.user-avatar.large{width:48px;height:48px;font-size:1.125rem}.user-name{font-size:.875rem;font-weight:600}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;animation:dropdownSlide .2s ease-out;z-index:1001}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--primary-50)}.user-dropdown-name{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.user-dropdown-email{font-size:.8125rem;color:var(--gray-600);margin:0}.user-dropdown-divider{height:1px;background:var(--gray-200)}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:var(--gray-700);font-size:.875rem;font-weight:500;text-align:left;transition:background .2s}.user-dropdown-item:hover{background:var(--gray-50)}.user-dropdown-item.logout{color:var(--error)}.user-dropdown-item.logout:hover{background:#fef2f2}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}@media (max-width: 1024px){.header-content{gap:1rem}.header-btn span{display:none}.filter-select{min-width:120px}}@media (max-width: 768px){.mobile-menu-btn{display:block}.logo-text h1{font-size:1.125rem}.logo-text span{display:none}.header-nav{position:absolute;top:100%;left:0;right:0;background:var(--primary-700);flex-direction:column;padding:1rem;gap:.75rem;box-shadow:var(--shadow-lg);display:none}.header-nav.show{display:flex;animation:slideDown .3s ease-out}.header-btn{width:100%;justify-content:center}.header-btn span{display:inline}.filter-section{width:100%}.filter-select{min-width:auto;flex:1}.user-name{display:none}}.task-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:1rem;box-shadow:0 2px 8px #0000000a,0 1px 2px #00000005,inset 0 0 0 1px #fffc;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border-left:4px solid var(--primary-400);animation:cardSlideIn .5s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;overflow:visible;cursor:pointer;width:100%;word-wrap:break-word;word-break:break-word}.task-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.02) 100%);opacity:0;transition:opacity .3s ease}.task-card:hover:not(.dragging):before{opacity:1}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-card:hover:not(.dragging){transform:translateY(-2px);box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a,inset 0 0 0 1px #fff;border-left-color:var(--primary-600)}.task-card.dragging{opacity:.95;transform:rotate(3deg) scale(1.03);box-shadow:0 20px 48px #00000026,0 8px 16px #0000001a;cursor:grabbing;border:2px solid var(--primary-400)}.task-card.overdue{border-left-color:var(--error);background:linear-gradient(to right,#fef2f2,#fff 20%)}.task-card.needs-update{border-left-color:var(--warning);background:linear-gradient(to right,#fffbeb,#fff 20%)}.overdue-badge,.update-badge{position:absolute;top:-8px;right:1rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;box-shadow:var(--shadow-md);animation:badgePulse .4s ease-out}@keyframes badgePulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.overdue-badge{background:var(--error);color:#fff}.update-badge{background:var(--warning);color:#fff}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.task-title{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.5;flex:1;transition:color .2s;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.task-card:hover:not(.dragging) .task-title{color:var(--primary-700)}.priority-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:6px;color:#fff;flex-shrink:0;animation:badgeRotate .3s ease-out}@keyframes badgeRotate{0%{transform:rotate(-90deg) scale(0)}to{transform:rotate(0) scale(1)}}.task-description{font-size:.8125rem;color:var(--gray-600);line-height:1.6;margin:0 0 .875rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.875rem}.task-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-600);padding:.25rem .625rem;background:var(--gray-50);border-radius:var(--radius);transition:all .2s}.task-meta-item:hover{background:var(--gray-100);color:var(--gray-900)}.task-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--gray-200)}.task-stats{display:flex;gap:.75rem}.task-stat{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-600);padding:.25rem .5rem;background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius);font-weight:600;transition:all .2s}.task-stat:hover{background:var(--primary-100);transform:scale(1.05)}.last-update{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-500);font-weight:500}@media (max-width: 768px){.task-card{padding:.875rem;border-radius:12px}.task-title{font-size:.875rem;line-height:1.4}.task-description{font-size:.75rem;-webkit-line-clamp:2}.task-meta{gap:.5rem}.task-meta-item{font-size:.75rem;padding:.25rem .5rem}.task-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.task-stats{width:100%}.last-update{font-size:.6875rem}}@media (max-width: 480px){.task-card{padding:.75rem}.task-card-header{gap:.5rem}.task-title{font-size:.8125rem}.priority-badge{min-width:20px;height:20px}.overdue-badge,.update-badge{font-size:.625rem;padding:.1875rem .5rem}}.board{padding:1.5rem;height:calc(100vh - 72px);overflow-x:auto;overflow-y:hidden}.board::-webkit-scrollbar{height:10px}.board::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px;margin:0 1rem}.board::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;border:2px solid #f1f5f9}.board::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.board-columns{display:flex;gap:1.25rem;height:100%;min-width:fit-content}.board-column{display:flex;flex-direction:column;flex:0 0 360px;min-width:360px;max-width:360px;background:#ffffffe6;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.5);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0000000a,0 2px 8px #00000005,inset 0 0 0 1px #ffffff80}.board-column:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 48px #00000014,0 8px 16px #0000000a,inset 0 0 0 1px #fffc}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.board-column:nth-child(1){border-top-color:#f59e0b}.board-column:nth-child(2){border-top-color:#3b82f6}.board-column:nth-child(3){border-top-color:#10b981}.board-column:nth-child(4){border-top-color:#ef4444}.board-column:nth-child(2){animation-delay:.1s}.board-column:nth-child(3){animation-delay:.2s}.board-column:nth-child(4){animation-delay:.3s}.column-header{padding:1.5rem 1.25rem;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.column-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;transition:opacity .3s ease}.board-column:hover .column-header:before{opacity:.8}.board-column:nth-child(1) .column-header:before{background:radial-gradient(circle at 30% 20%,rgba(251,191,36,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(245,158,11,.3) 0%,transparent 50%),linear-gradient(135deg,#fef3c7,#fde68a)}.board-column:nth-child(2) .column-header:before{background:radial-gradient(circle at 30% 20%,rgba(96,165,250,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.3) 0%,transparent 50%),linear-gradient(135deg,#dbeafe,#bfdbfe)}.board-column:nth-child(3) .column-header:before{background:radial-gradient(circle at 30% 20%,rgba(52,211,153,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(16,185,129,.3) 0%,transparent 50%),linear-gradient(135deg,#d1fae5,#a7f3d0)}.board-column:nth-child(4) .column-header:before{background:radial-gradient(circle at 30% 20%,rgba(248,113,113,.4) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(239,68,68,.3) 0%,transparent 50%),linear-gradient(135deg,#fee2e2,#fecaca)}.column-header-content{display:flex;align-items:center;gap:.75rem}.column-header h2{font-size:1rem;font-weight:700;color:#1e293b;margin:0;flex:1}.task-count{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;color:#fff;font-size:.8125rem;font-weight:700;border-radius:8px;animation:countPulse .3s ease-out}.board-column:nth-child(1) .task-count{background:#f59e0b}.board-column:nth-child(2) .task-count{background:#3b82f6}.board-column:nth-child(3) .task-count{background:#10b981}.board-column:nth-child(4) .task-count{background:#ef4444}@keyframes countPulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.column-content{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem;min-height:200px;max-height:calc(100vh - 220px)}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:transparent}.column-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.column-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.column-content.dragging-over{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #3b82f6;border-radius:16px;margin:.5rem;box-shadow:inset 0 0 20px #3b82f61a;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:inset 0 0 20px #3b82f61a}50%{box-shadow:inset 0 0 30px #3b82f633}}.empty-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;color:#94a3b8;text-align:center}.empty-icon{opacity:.4}.empty-column p{font-size:.875rem;font-weight:500;margin:0;color:#64748b}@media (max-width: 1600px){.board-column{flex:0 0 340px;min-width:340px;max-width:340px}}@media (max-width: 1400px){.board-column{flex:0 0 320px;min-width:320px;max-width:320px}.column-content{max-height:calc(100vh - 240px)}}@media (max-width: 1024px){.board{padding:1rem}.board-column{flex:0 0 300px;min-width:300px;max-width:300px}.board-columns{gap:1rem}}@media (max-width: 768px){.board{padding:1rem;height:auto;min-height:calc(100vh - 72px);overflow-x:hidden;overflow-y:auto}.board-columns{flex-direction:column;gap:1rem;height:auto;min-width:auto}.board-column{flex:1 1 auto;min-width:100%;max-width:100%;max-height:600px;min-height:300px}.column-content{max-height:500px}.column-header{padding:1.25rem 1rem}.column-header h2{font-size:.9375rem}.task-count{min-width:24px;height:24px;font-size:.75rem}}@media (max-width: 480px){.board{padding:.75rem}.board-columns{gap:.75rem}.board-column{border-radius:16px}.column-header{padding:1rem .875rem}.column-content{padding:.75rem;gap:.75rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal{max-width:600px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.modal-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.modal-close-btn{background:none;border:none;color:var(--gray-500);padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.task-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:.9375rem;color:var(--gray-900);transition:all .2s;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.priority-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.priority-option{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background:#fff;position:relative;overflow:hidden}.priority-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--priority-color);opacity:.1;transition:opacity .2s}.priority-option:hover{border-color:var(--gray-300);transform:translateY(-2px)}.priority-option.selected{border-color:var(--priority-color);background:#fff}.priority-option.selected:before{opacity:.15}.priority-option input[type=radio]{display:none}.priority-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #0000001a;animation:indicatorPulse .3s ease-out}@keyframes indicatorPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.priority-option span{font-size:.875rem;font-weight:600;color:var(--gray-700);transition:color .2s}.priority-option.selected span{color:var(--gray-900)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:1.5rem}@media (max-width: 768px){.modal-content{max-height:95vh}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.task-form{padding:1.5rem}.form-row,.priority-options{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.task-detail-modal{max-width:800px;max-height:90vh}.task-detail-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem 2rem;border-bottom:2px solid var(--gray-100);background:linear-gradient(to bottom,white 0%,var(--gray-50) 100%)}.task-detail-modal .header-title-section{flex:1;min-width:0}.header-title-section h2{margin-bottom:.875rem;font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1.3}.task-detail-modal .header-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.task-detail-modal .btn-icon{width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:11px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;z-index:10}.task-detail-modal .btn-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.task-detail-modal .btn-icon:hover:before{left:100%}.task-detail-modal .btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.task-detail-modal .btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 10px #3b82f659}.task-detail-modal .btn-edit:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f673}.task-detail-modal .btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 3px 10px #ef444459}.task-detail-modal .btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444473}.task-detail-modal .btn-cancel{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 3px 10px #6b728059}.task-detail-modal .btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 6px 16px #6b728073}.task-detail-modal .btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 3px 10px #10b98159}.task-detail-modal .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98173}.task-detail-modal .spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.task-detail-modal .modal-close-btn{background:none;border:none;color:var(--gray-500);padding:.5rem;border-radius:var(--radius);cursor:pointer;transition:all .2s;flex-shrink:0;z-index:10}.task-detail-modal .modal-close-btn:hover{background:var(--gray-200);color:var(--gray-900);transform:rotate(90deg)}.task-badges{display:flex;gap:.625rem;flex-wrap:wrap}.status-badge,.priority-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:12px;font-size:.8125rem;font-weight:600;letter-spacing:.02em;animation:badgeSlideIn .3s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.status-badge:before,.priority-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.status-badge:hover:before,.priority-badge:hover:before{left:100%}.status-badge:hover,.priority-badge:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1)}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.priority-badge{animation-delay:.1s}.modal-body{padding:1.75rem 2rem 2rem;max-height:calc(90vh - 180px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.overdue-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid var(--error);border-radius:var(--radius-lg);margin-bottom:1.5rem;animation:alertPulse .5s ease-out}@keyframes alertPulse{0%{transform:scale(.95)}50%{transform:scale(1.02)}to{transform:scale(1)}}.overdue-alert svg{color:var(--error);flex-shrink:0}.overdue-alert strong{display:block;color:var(--error);font-size:.9375rem;margin-bottom:.25rem}.overdue-alert p{color:#991b1b;font-size:.875rem;margin:0}.task-details{margin-bottom:2rem}.detail-section{margin-bottom:1.75rem}.detail-section h3{font-size:.875rem;font-weight:700;color:var(--primary-700);margin:0 0 .875rem;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.5rem}.detail-section h3:before{content:"";width:4px;height:16px;background:var(--primary-500);border-radius:2px}.detail-section p{font-size:.9375rem;color:var(--gray-700);line-height:1.7;margin:0;white-space:pre-wrap;padding:1rem;background:var(--gray-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-200)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.detail-item{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:2px solid var(--gray-100);transition:all .3s cubic-bezier(.4,0,.2,1);animation:itemSlideIn .4s ease-out;box-shadow:0 1px 3px #0000000d}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-item:nth-child(2){animation-delay:.1s}.detail-item:nth-child(3){animation-delay:.2s}.detail-item:nth-child(4){animation-delay:.3s}.detail-item:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-3px)}.detail-item svg{color:var(--primary-600);flex-shrink:0;width:20px;height:20px}.detail-item label{display:block;font-size:.75rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-item p{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.4}.text-error{color:var(--error)!important}.edit-title-input,.edit-description-textarea,.edit-date-input,.edit-select-input{width:100%;padding:1rem 1.125rem;border:2px solid var(--primary-300);border-radius:12px;font-size:.9375rem;color:var(--gray-900);font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.edit-select-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:3rem}.edit-title-input{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;padding:1rem 1.125rem}.edit-title-input:focus,.edit-description-textarea:focus,.edit-date-input:focus,.edit-select-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.priority-options-edit{display:flex;gap:1rem;margin-top:1rem}.priority-options-edit .priority-option{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.priority-options-edit .priority-option:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.priority-options-edit .priority-option.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 4px 16px #2563eb26}.priority-options-edit .priority-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.priority-options-edit .priority-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0003}.priority-options-edit .priority-option span:last-child{font-weight:600;font-size:.9375rem}.form-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:700;color:var(--primary-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.form-label svg{color:var(--primary-600)}.edit-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--gray-100)}.comments-section{border-top:3px solid var(--primary-100);padding-top:2rem;background:linear-gradient(to bottom,transparent 0%,var(--gray-50) 100%);padding:2rem;margin:2rem -2rem -2rem}.comments-header{margin-bottom:1.75rem}.comments-header h3{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0}.comments-header h3 svg{color:var(--primary-600)}.comment-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.comment-input{width:100%;padding:1rem 1.125rem;border:2px solid var(--gray-200);border-radius:12px;font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000000d}.comment-input::placeholder{color:var(--gray-400)}.comment-input:hover{border-color:var(--primary-300)}.comment-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100),0 4px 8px #2563eb1a;transform:translateY(-2px)}.btn{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden;letter-spacing:.01em}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-200);box-shadow:0 1px 3px #0000000d}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:0 4px 12px #2563eb40;border:2px solid transparent}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-3px);box-shadow:0 8px 20px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-sm{padding:.75rem 1.5rem;font-size:.875rem;align-self:flex-end}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.comments-list{display:flex;flex-direction:column;gap:1rem}.empty-comments{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--gray-400);text-align:center}.empty-icon{margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-comments p{font-size:1rem;font-weight:600;color:var(--gray-600);margin:0 0 .25rem}.empty-comments span{font-size:.875rem;color:var(--gray-500)}.comment-item{display:flex;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:2px solid var(--gray-100);transition:all .3s cubic-bezier(.4,0,.2,1);animation:commentSlideIn .3s ease-out;box-shadow:0 1px 3px #0000000d}@keyframes commentSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.comment-item:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.comment-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.comment-content{flex:1}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.comment-header strong{font-size:1rem;font-weight:700;color:var(--gray-900)}.comment-time{font-size:.8125rem;font-weight:500;color:var(--gray-500)}.comment-content p{font-size:.9375rem;color:var(--gray-700);line-height:1.6;margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.modal-body{padding:1.5rem}.detail-grid{grid-template-columns:1fr;gap:1rem}.edit-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.btn-sm{align-self:stretch}.comment-item{flex-direction:column;gap:.75rem}.comment-avatar{width:36px;height:36px}}.report-modal{max-width:1200px;max-height:95vh}.modal-subtitle{font-size:.875rem;color:var(--gray-600);margin:.5rem 0 0}.report-filters{display:flex;justify-content:flex-end;margin-bottom:2rem}.filter-group{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--primary-700)}.report-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);font-weight:600;margin-bottom:2rem;animation:fadeIn .3s ease-out}.report-user-info svg{flex-shrink:0}.report-filter-select{background:transparent;border:none;font-size:.9375rem;font-weight:600;color:var(--gray-900);cursor:pointer;outline:none;min-width:200px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--stat-color);transition:all .3s;animation:cardSlideUp .4s ease-out}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--stat-color);color:#fff;flex-shrink:0;animation:iconRotate .5s ease-out}@keyframes iconRotate{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.stat-content{display:flex;flex-direction:column;justify-content:center}.stat-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.stat-value-row{display:flex;align-items:baseline;gap:.5rem;margin-top:.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--gray-900);line-height:1}.stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:999px}.stat-trend.positive{background:#dcfce7;color:#16a34a}.stat-trend.negative{background:#fee2e2;color:#dc2626}.completion-section{padding:1.5rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:var(--radius-lg);margin-bottom:2rem;animation:sectionFadeIn .5s ease-out}@keyframes sectionFadeIn{0%{opacity:0}to{opacity:1}}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.completion-header h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0}.completion-percentage{font-size:2rem;font-weight:700;color:var(--primary-700);animation:numberCountUp 1s ease-out}@keyframes numberCountUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.progress-bar{height:40px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);display:flex;align-items:center;padding:0 1rem;transition:width 1s ease-out;animation:progressFill 1.5s ease-out;position:relative;overflow:hidden}@keyframes progressFill{0%{width:0!important}}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-label{font-size:.875rem;font-weight:700;color:#fff;position:relative;z-index:1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s}.chart-card:hover{box-shadow:var(--shadow-xl)}.chart-card h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--gray-900);margin:0 0 1.5rem}.status-chart{display:flex;height:40px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.status-bar{transition:width .8s ease-out;position:relative}.status-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.status-bar.completed{background:var(--success)}.status-bar.in-progress{background:var(--primary-500)}.status-bar.pending{background:var(--warning)}.status-bar.not-done{background:var(--error)}.chart-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-dot.completed{background:var(--success)}.legend-dot.in-progress{background:var(--primary-500)}.legend-dot.pending{background:var(--warning)}.legend-dot.not-done{background:var(--error)}.priority-bars{display:flex;flex-direction:column;gap:1.25rem}.priority-bar-item{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:1rem}.priority-bar-item label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.bar-container{height:32px;background:var(--gray-100);border-radius:var(--radius-md);overflow:hidden}.bar{height:100%;border-radius:var(--radius-md);transition:width .8s ease-out;animation:barGrow 1s ease-out;position:relative;overflow:hidden}@keyframes barGrow{0%{width:0!important}}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.bar.high{background:var(--error)}.bar.medium{background:var(--warning)}.bar.low{background:var(--success)}.priority-bar-item span{font-size:.875rem;font-weight:700;color:var(--gray-900);text-align:right}.alerts-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);border-left:4px solid;animation:alertSlideIn .4s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.alert svg{flex-shrink:0}.alert strong{display:block;font-size:.9375rem;margin-bottom:.25rem}.alert p{font-size:.875rem;margin:0}.alert-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:var(--error);color:#991b1b}.alert-danger svg{color:var(--error)}.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:var(--warning);color:#92400e}.alert-warning svg{color:var(--warning)}.users-performance{padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.users-performance h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0 0 1.5rem}.users-table{display:flex;flex-direction:column;gap:1rem}.user-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:all .2s;animation:userRowSlideIn .4s ease-out}@keyframes userRowSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-row:nth-child(2){animation-delay:.1s}.user-row:nth-child(3){animation-delay:.2s}.user-row:nth-child(4){animation-delay:.3s}.user-row:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translate(4px)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-md)}.user-info span{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.user-stats{display:flex;align-items:center;gap:1.5rem}.user-stat-item{font-size:.875rem;color:var(--gray-600)}.user-completion-rate{font-size:1.125rem;font-weight:700;color:var(--primary-700);min-width:60px;text-align:right}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.modal-body{padding:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.chart-legend{grid-template-columns:1fr}.user-row{flex-direction:column;align-items:flex-start;gap:1rem}.user-stats{width:100%;justify-content:space-between}}.profile-modal{max-width:600px;max-height:90vh;overflow-y:auto}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--gray-200);margin-bottom:2rem}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;box-shadow:0 10px 40px #2563eb4d;border:4px solid white}.avatar-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:not-allowed;transition:all .2s}.avatar-upload-btn:not(:disabled){cursor:pointer;background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.avatar-upload-btn:not(:disabled):hover{background:var(--primary-100);border-color:var(--primary-300)}.profile-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.25rem}.form-section h3{font-size:1.125rem;font-weight:700;color:var(--gray-900);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--primary-500)}.form-help{font-size:.875rem;color:var(--gray-600);margin:-.5rem 0 0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-group label svg{color:var(--primary-500)}.form-group input{padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;color:var(--gray-900);background:#fff;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:var(--gray-400)}.role-badge{padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;color:var(--primary-700);display:inline-flex;align-items:center;gap:.5rem}.form-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);margin-top:1rem}.btn-cancel,.btn-save{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid}.btn-cancel{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-cancel:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-save{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb4d}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.profile-modal{max-width:calc(100vw - 2rem)}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.dashboard{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.08) 0%,transparent 50%),linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);background-attachment:fixed;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}.dashboard-main{flex:1;position:relative;z-index:1}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1.5rem;background:linear-gradient(135deg,#f0f4f8,#e2e8f0)}.loading-spinner{width:56px;height:56px;border:5px solid rgba(37,99,235,.1);border-top-color:var(--primary-600);border-right-color:var(--primary-500);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 4px 12px #2563eb26}.dashboard-loading p{font-size:1rem;color:var(--gray-700);font-weight:600;letter-spacing:.02em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.refresh-indicator{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fff,#f9fafb);border-radius:16px;box-shadow:0 8px 24px #2563eb26,0 2px 8px #0000000d;font-size:.9375rem;font-weight:600;color:var(--primary-700);animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55);z-index:100;border:2px solid rgba(37,99,235,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-indicator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.spin{animation:spin 1s linear infinite}@keyframes slideInRight{0%{transform:translate(120%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@media (max-width: 768px){.dashboard{background:linear-gradient(135deg,#f0f4f8,#e2e8f0)}.refresh-indicator{bottom:1rem;right:1rem;font-size:.875rem;padding:.875rem 1.25rem;border-radius:14px}.loading-spinner{width:48px;height:48px;border-width:4px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{outline:none;ring:2px solid var(--primary-500)}a{color:var(--primary-600);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-700)}