.toast-container{display:flex;flex-direction:column;gap:8px;max-width:400px;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-family:Segoe UI,sans-serif;font-size:.875rem;gap:12px;justify-content:space-between;padding:14px 18px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast-success{background:linear-gradient(135deg,#27ae60,#1e8449)}.toast-warn{background:linear-gradient(135deg,#f39c12,#d68910)}.toast-info{background:linear-gradient(135deg,#4a90d9,#357abd)}.toast-message{flex:1 1;line-height:1.4}.toast-close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:color .2s}.toast-close:hover{color:#fff}.bell-button,.notification-bell{position:relative}.bell-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.bell-button:hover{background:#ffffff14;color:#fff}.bell-badge{align-items:center;animation:bellBadgePop .4s cubic-bezier(.34,1.56,.64,1),bellBadgePulse 2s ease-in-out .4s infinite;background:linear-gradient(135deg,#e74c3c,#ff6b6b);border:2px solid #1a1a2e;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:0;top:2px}@keyframes bellBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bellBadgePulse{0%,to{box-shadow:0 0 0 0 #e74c3c66}50%{box-shadow:0 0 0 4px #e74c3c00}}.notification-dropdown{animation:dropdownSlide .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:14px;box-shadow:0 12px 40px #0003;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:300}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 18px}.notification-dropdown-header h4{color:#1a1a2e;font-size:15px;margin:0}.mark-all-btn{background:none;border:none;color:#4a90d9;cursor:pointer;font-size:13px;font-weight:500;transition:color .2s}.mark-all-btn:hover{color:#357abd;text-decoration:underline}.notification-list{max-height:380px;overflow-y:auto}.notification-empty{color:#999;font-size:14px;padding:40px 20px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid #f8f8f8;cursor:pointer;display:flex;gap:10px;padding:14px 18px;transition:all .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-left:3px solid #4a90d9}.notification-item.unread:hover{background:linear-gradient(135deg,#e4effc,#dce8f7)}.notification-icon{flex-shrink:0;font-size:18px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-message{color:#333;font-size:13px;line-height:1.4;margin:0}.notification-time{color:#aaa;display:block;font-size:11px;margin-top:3px}.unread-dot{animation:dotPulse 2s ease-in-out infinite;background:#4a90d9;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.navbar{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 20px #0003;display:flex;height:60px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2eeb;box-shadow:0 2px 16px #0000004d;height:52px}.nav-brand-group{display:flex;flex-direction:column;line-height:1}.nav-brand{-webkit-text-fill-color:#0000;animation:navBrandShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#8bb8f0,#a78bfa);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:22px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.nav-company-name{color:#ffffff80;font-size:11px;font-weight:500;letter-spacing:.5px;margin-top:2px}@keyframes navBrandShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.nav-links{display:flex;gap:4px}.nav-link{border-radius:8px;color:#fff9;font-size:13px;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-link:after{background:#4a90d9;border-radius:1px;bottom:4px;content:"";height:2px;left:50%;position:absolute;right:50%;transition:all .25s ease}.nav-link:hover:after{left:16px;right:16px}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.active{background:linear-gradient(135deg,#4a90d9,#357abd);box-shadow:0 2px 8px #4a90d94d;color:#fff}.nav-link.active:after{display:none}.nav-user{align-items:center;display:flex;gap:14px}.user-avatar-float{bottom:24px;left:24px;position:fixed;z-index:200}.avatar-button{align-items:center;background:linear-gradient(135deg,#4a90d9,#a78bfa);border:none;border-radius:50%;box-shadow:0 4px 20px #4a90d966;color:#fff;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:22px;font-weight:700;height:52px;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:52px}.avatar-button:hover{box-shadow:0 6px 28px #4a90d980;transform:scale(1.1)}.avatar-button.active{background:linear-gradient(135deg,#357abd,#8b6fd4);box-shadow:0 6px 28px #4a90d980;transform:scale(1.05)}.avatar-menu{animation:menuSlideUp .25s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;bottom:64px;box-shadow:0 8px 40px #00000026,0 0 0 1px #0000000a;left:0;min-width:220px;padding:8px 0;position:absolute}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-menu-header{align-items:center;display:flex;gap:12px;padding:12px 16px}.avatar-menu-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar-menu-info{display:flex;flex-direction:column;gap:4px;min-width:0}.avatar-menu-name{color:#1a1a2e;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-menu-role{border-radius:4px;font-size:10px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.avatar-menu-divider{background:#f0f0f0;height:1px;margin:4px 0}.avatar-menu-item{align-items:center;background:#0000;border:none;color:#444;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;gap:10px;padding:10px 16px;text-align:left;transition:all .15s ease;width:100%}.avatar-menu-item:hover{background:#f5f7fa;color:#1a1a2e}.avatar-menu-item svg{color:#888;flex-shrink:0;transition:color .15s ease}.avatar-menu-item:hover svg{color:#4a90d9}.avatar-menu-logout{color:#e74c3c}.avatar-menu-logout:hover{background:#fef2f2;color:#c0392b}.avatar-menu-logout svg{color:#e74c3c}.avatar-menu-logout:hover svg{color:#c0392b}.logout-overlay{align-items:center;animation:logoutOverlayIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes logoutOverlayIn{0%{opacity:0}to{opacity:1}}.logout-modal{animation:logoutModalIn .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px 48px;text-align:center}@keyframes logoutModalIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-countdown-ring{height:100px;margin:0 auto 20px;position:relative;width:100px}.logout-countdown-ring svg{height:100%;transform:rotate(-90deg);width:100%}.logout-ring-bg{fill:none;stroke:#f0f0f0;stroke-width:6}.logout-ring-progress{fill:none;stroke:#e74c3c;stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:0;animation:logoutRingDrain 1s linear forwards}@keyframes logoutRingDrain{0%{stroke-dashoffset:0}to{stroke-dashoffset:264}}.logout-countdown-number{align-items:center;animation:logoutNumberPop .3s cubic-bezier(.34,1.56,.64,1);color:#e74c3c;display:flex;font-size:36px;font-weight:800;inset:0;justify-content:center;position:absolute}@keyframes logoutNumberPop{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.logout-text{color:#1a1a2e;font-size:18px;font-weight:600;margin-bottom:20px}.logout-cancel-btn{background:#0000;border:1.5px solid #4a90d9;border-radius:8px;color:#4a90d9;cursor:pointer;font-size:14px;font-weight:600;padding:8px 28px;transition:all .2s ease}.logout-cancel-btn:hover{background:#4a90d9;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-page,body{min-height:100vh}.auth-page{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#4a90d9);background-size:400% 400%;display:flex;overflow:hidden;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-page .floating-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.floating-shape{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;position:absolute}.floating-shape:first-child{animation:float1 8s ease-in-out infinite;border-radius:50%;height:80px;left:5%;top:10%;width:80px}.floating-shape:nth-child(2){animation:float2 10s ease-in-out infinite;background:#4a90d91a;border-radius:30%;height:120px;left:15%;top:60%;width:120px}.floating-shape:nth-child(3){animation:float3 7s ease-in-out infinite;background:#ffffff14;border-radius:50%;height:60px;right:10%;top:25%;width:60px}.floating-shape:nth-child(4){animation:float1 12s ease-in-out infinite reverse;background:#4a90d914;border-radius:20%;bottom:15%;height:100px;right:20%;width:100px}.floating-shape:nth-child(5){animation:float2 9s ease-in-out 2s infinite;background:#ffffff0d;border-radius:50%;height:50px;left:40%;top:45%;width:50px}.floating-shape:nth-child(6){animation:float3 14s ease-in-out infinite;background:#4a90d90f;border:1px solid #ffffff0d;border-radius:40%;bottom:5%;height:140px;left:35%;width:140px}@keyframes float1{0%,to{transform:perspective(500px) translateY(0) rotateX(0deg) rotateY(0deg)}25%{transform:perspective(500px) translateY(-20px) rotateX(5deg) rotateY(10deg)}50%{transform:perspective(500px) translateY(-35px) rotateX(-5deg) rotateY(-5deg)}75%{transform:perspective(500px) translateY(-15px) rotateX(3deg) rotateY(8deg)}}@keyframes float2{0%,to{transform:perspective(500px) translateY(0) translateX(0) rotateX(0deg)}33%{transform:perspective(500px) translateY(-25px) translateX(15px) rotateX(8deg)}66%{transform:perspective(500px) translateY(-40px) translateX(-10px) rotateX(-4deg)}}@keyframes float3{0%,to{transform:perspective(500px) translateY(0) rotateY(0deg) scale(1)}50%{transform:perspective(500px) translateY(-30px) rotateY(15deg) scale(1.05)}}.auth-left{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px 40px;position:relative;z-index:1}.auth-brand{margin-bottom:40px;text-align:center}.auth-brand-icon{align-items:center;animation:iconPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:20px;box-shadow:0 0 30px #4a90d933;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}@keyframes iconPulse{0%,to{box-shadow:0 0 30px #4a90d933;transform:scale(1)}50%{box-shadow:0 0 50px #4a90d966;transform:scale(1.05)}}.auth-brand h1{-webkit-text-fill-color:#0000;animation:brandShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#fff,#8bb8f0 25%,#fff 50%,#a78bfa 75%,#fff);-webkit-background-clip:text;background-clip:text;background-size:300% 100%;filter:drop-shadow(0 0 30px rgba(74,144,217,.3));font-size:52px;font-weight:800;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}@keyframes brandShimmer{0%{background-position:100% 50%}50%{background-position:0 50%}to{background-position:100% 50%}}.auth-brand p{font-size:16px;font-weight:400;letter-spacing:3px;opacity:.7;text-transform:uppercase}.auth-illustration{animation:illustrationFloat 6s ease-in-out infinite;margin-bottom:40px;max-width:340px;width:100%}.auth-illustration svg{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));height:auto;width:100%}@keyframes illustrationFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.auth-features{display:flex;flex-direction:column;gap:14px;list-style:none;max-width:300px;width:100%}.auth-features li{align-items:center;animation:featureFadeIn .6s ease forwards;display:flex;font-size:15px;gap:12px;opacity:.9;opacity:0;transform:translateX(-20px)}.auth-features li:first-child{animation-delay:.3s}.auth-features li:nth-child(2){animation-delay:.5s}.auth-features li:nth-child(3){animation-delay:.7s}@keyframes featureFadeIn{to{opacity:.9;transform:translateX(0)}}.feature-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;font-size:18px;height:36px;width:36px}.auth-right,.feature-icon{align-items:center;display:flex;justify-content:center}.auth-right{flex:1 1;padding:40px;position:relative;z-index:1}.auth-card{animation:cardSlideUp .7s cubic-bezier(.16,1,.3,1) forwards;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a;max-width:480px;opacity:0;padding:44px 40px;transform:translateY(30px);width:100%}.auth-card h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px;text-align:center}.auth-card .subtitle{color:#ffffffa6;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:18px}.form-group label{color:#ffffffd9;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1.5px solid #ffffff26;border-radius:12px;color:#fff;font-size:15px;outline:none;padding:12px 14px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus{background:#ffffff1f;border-color:#4a90d9cc;box-shadow:0 0 20px #4a90d933,0 0 6px #4a90d926}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.6)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group select option{background:#1a1a2e;color:#fff}.company-hint{border-radius:8px;font-size:12px;font-weight:500;margin-top:6px;padding:5px 10px}.hint-new{background:#4a90d926;border:1px solid #4a90d933;color:#8bb8f0}.hint-exists{background:#28a74526;border:1px solid #28a74533;color:#7ae09e}.form-row{display:flex;gap:14px}.form-row .form-group{flex:1 1}.btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#4a90d9,#357abd,#6c5ce7);background-size:200% 200%;box-shadow:0 4px 20px #4a90d966;color:#fff;letter-spacing:.3px}.btn-primary:hover{background-position:100% 0;box-shadow:0 6px 28px #4a90d980;transform:translateY(-1px)}.btn-primary:after{background:linear-gradient(#0000,#ffffff14,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s;width:200%}.btn-primary:hover:after{transform:rotate(45deg) translateX(100%)}.btn-primary:disabled{background:#4a90d94d;box-shadow:none;cursor:not-allowed;transform:none}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 20px #e74c3c4d;color:#fff}.btn-danger:hover{box-shadow:0 6px 28px #e74c3c66;transform:translateY(-1px)}.auth-link{color:#ffffff8c;font-size:14px;margin-top:24px;text-align:center}.auth-link a{color:#8bb8f0;font-weight:600;text-decoration:none;transition:color .2s}.auth-link a:hover{color:#fff;text-decoration:underline}.error-message{animation:errorShake .4s ease;background:#e74c3c26;border:1px solid #e74c3c40;border-radius:10px;color:#f5a8a0}@keyframes errorShake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.field-error{color:#f5a8a0;display:block;font-size:12px;font-weight:500;margin-top:4px}@media (max-width:900px){.auth-left{display:none}.auth-page{justify-content:center}.auth-right{flex:none;margin:0 auto;max-width:520px;width:100%}}@media (max-width:480px){.auth-right{padding:20px}.auth-card{padding:32px 24px}}.welcome-container{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:80px 20px 20px}.welcome-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000001a;max-width:550px;padding:50px 40px;text-align:center;width:100%}.welcome-card h1{color:#1a1a2e;font-size:32px;margin-bottom:10px}.welcome-card .company-badge{background:#e8f0fe;border-radius:20px;color:#4a90d9;display:inline-block;font-size:14px;font-weight:600;margin-bottom:30px;padding:6px 16px}.user-details{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:24px;text-align:left}.user-details .detail-row{border-bottom:1px solid #eee;display:flex;font-size:15px;justify-content:space-between;padding:10px 0}.user-details .detail-row:last-child{border-bottom:none}.user-details .detail-label{color:#888;font-weight:500}.user-details .detail-value{color:#333;font-weight:600}.users-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #0000001a;max-width:650px;padding:40px;text-align:center;width:100%}.users-card h2{color:#1a1a2e;font-size:28px;margin-bottom:10px}.users-card .company-badge{background:#e8f0fe;border-radius:20px;color:#4a90d9;display:inline-block;font-size:14px;font-weight:600;padding:6px 16px}.team-count{color:#888;font-size:14px;margin:10px 0 24px}.users-list{text-align:left}.user-row{align-items:center;border-radius:10px;display:flex;gap:14px;padding:14px 16px;transition:background .15s}.user-row:hover{background:#f8f9fa}.user-avatar{align-items:center;background:#4a90d9;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:42px;justify-content:center;width:42px}.user-info{flex:1 1;min-width:0}.user-name{align-items:center;color:#1a1a2e;display:flex;font-size:15px;font-weight:600;gap:8px}.you-badge{background:#d4edda;border-radius:10px;color:#28a745;font-size:11px;font-weight:600;padding:2px 8px}.user-meta{color:#888;font-size:13px;margin-top:2px}.user-email{color:#666;flex-shrink:0;font-size:13px}.role-badge{padding:1px 6px}.user-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.role-select{background:#fafafa;border:1.5px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;outline:none;padding:6px 10px}.role-select:focus{background:#fff;border-color:#4a90d9}.btn-icon{border-radius:6px;height:32px;transition:all .15s;width:32px}.page-container{animation:pageFadeIn .5s ease forwards;margin:0 auto;max-width:1100px;padding:80px 24px 24px}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-card{color:#888;font-size:16px;padding:40px;text-align:center}.dashboard{width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{color:#1a1a2e;font-size:28px;margin-bottom:8px}.company-badge{background:linear-gradient(135deg,#e8f0fe,#d6e4f7);border-radius:20px;color:#4a90d9;display:inline-block;font-size:13px;font-weight:600;margin-right:8px;padding:4px 14px}.role-badge{border-radius:4px;letter-spacing:.3px;padding:2px 8px}.role-admin{background:#fff3cd;color:#856404}.role-manager{background:#d1ecf1;color:#0c5460}.role-member{background:#e2e3e5;color:#383d41}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stat-card{animation:statCardIn .5s cubic-bezier(.34,1.56,.64,1) backwards;background:#fff;border-left:4px solid #4a90d9;border-radius:14px;box-shadow:0 2px 12px #0000000f;overflow:hidden;padding:24px;position:relative;text-align:center;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.stat-card:first-child{animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}@keyframes statCardIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-card:before{background:linear-gradient(135deg,#0000 60%,#4a90d90a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 30px #4a90d926,0 0 0 1px #4a90d90d;transform:translateY(-4px) scale(1.02)}.stat-card.stat-warning{border-left-color:#f0ad4e}.stat-card.stat-warning:before{background:linear-gradient(135deg,#0000 60%,#f0ad4e0a)}.stat-card.stat-success{border-left-color:#28a745}.stat-card.stat-success:before{background:linear-gradient(135deg,#0000 60%,#28a7450a)}.stat-card.stat-danger{border-left-color:#e74c3c}.stat-card.stat-danger:before{background:linear-gradient(135deg,#0000 60%,#e74c3c0a)}.stat-card.stat-info{border-left-color:#17a2b8}.stat-number{color:#1a1a2e;font-size:36px;font-weight:700;line-height:1;margin-bottom:6px}.stat-label{letter-spacing:.5px;text-transform:uppercase}.quick-actions{animation:sectionFadeIn .5s ease .2s backwards;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:24px}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quick-actions h3{color:#1a1a2e;font-size:16px;margin-bottom:14px}.action-buttons{display:flex;gap:10px}.recent-section{animation:sectionFadeIn .5s ease .3s backwards;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:24px}.recent-section h3{color:#1a1a2e;font-size:16px;margin-bottom:14px}.recent-list{display:flex;flex-direction:column}.recent-item{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;text-decoration:none;transition:all .2s ease}.recent-item:hover{background:#f0f7ff;transform:translateX(4px)}.recent-item-info{display:flex;flex-direction:column;gap:2px}.recent-item-title{color:#1a1a2e;font-size:14px;font-weight:600}.recent-item-project{color:#888;font-size:12px}.recent-item-meta{align-items:center;display:flex;gap:8px}.empty-text{color:#999;padding:16px 0}.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase;transition:transform .15s;white-space:nowrap}.status-badge:hover{transform:scale(1.05)}.status-todo{background:#e2e3e5;color:#383d41}.status-in-progress{background:#cce5ff;color:#004085}.status-in-review{background:#fff3cd;color:#856404}.status-done{background:#d4edda;color:#155724}.status-blocker{background:#f8d7da;color:#721c24}.status-active{background:#d4edda;color:#155724}.status-completed{background:#cce5ff;color:#004085}.status-archived{background:#e2e3e5;color:#383d41}.priority-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;transition:transform .2s;width:10px}.priority-dot:hover{transform:scale(1.4)}.priority-low{background:#28a745}.priority-medium{background:#f0ad4e}.priority-high{animation:priorityPulse 2s ease-in-out infinite;background:#fd7e14}.priority-urgent{animation:priorityPulse 1s ease-in-out infinite;background:#e74c3c}@keyframes priorityPulse{0%,to{box-shadow:0 0 0 0 #e74c3c66}50%{box-shadow:0 0 0 4px #e74c3c00}}.btn-sm{font-size:14px!important;margin-top:0!important;padding:8px 18px!important;width:auto!important}.btn-outline{background:#0000;border:1.5px solid #4a90d9;border-radius:8px;color:#4a90d9;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .25s ease}.btn-outline:hover{background:#4a90d9;box-shadow:0 4px 12px #4a90d94d;color:#fff;transform:translateY(-1px)}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1a1a2e;font-size:28px}.header-subtitle{color:#888;font-size:14px}.back-link{align-items:center;color:#4a90d9;display:inline-flex;font-size:14px;font-weight:500;gap:4px;margin-bottom:16px;text-decoration:none;transition:gap .2s}.back-link:hover{gap:8px;text-decoration:underline}.empty-state{animation:sectionFadeIn .4s ease forwards;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:60px 20px;text-align:center}.empty-state h3{color:#1a1a2e;font-size:20px;margin-bottom:8px}.empty-state p{color:#888;font-size:14px}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c0392b;font-size:14px;margin-bottom:16px;padding:10px 14px}.search-bar{align-items:center;display:flex;gap:10px;margin-bottom:16px}.search-input{background:#fff;border:1.5px solid #ddd;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 16px;transition:all .25s ease}.search-input:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.search-input::placeholder{color:#aaa}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filters-bar select{background:#fff;border:1.5px solid #ddd;border-radius:10px;cursor:pointer;font-size:14px;outline:none;padding:8px 14px;transition:all .2s}.filters-bar select:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.filter-count{color:#888;font-size:13px;margin-left:auto}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;padding:16px 0}.page-info{color:#888;font-size:14px}.section-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px;transition:box-shadow .3s}.section-card:hover{box-shadow:0 4px 20px #00000014}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#1a1a2e;font-size:16px}.detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.detail-header h1{color:#1a1a2e;font-size:26px;margin-bottom:8px}.header-actions{display:flex;flex-shrink:0;gap:8px}.detail-desc{color:#666;font-size:15px;line-height:1.5;margin-bottom:24px}.btn-icon{align-items:center;background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.btn-icon:hover{background:#f0f0f0;color:#333;transform:scale(1.1)}.btn-icon-danger:hover{background:#fee;color:#e74c3c}.section-title{margin-bottom:16px}.section-link{color:#4a90d9;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.section-link:hover{color:#357abd;text-decoration:underline}.dashboard-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.status-bar-container{display:flex;flex-direction:column;gap:14px}.status-bar-item{display:flex;flex-direction:column;gap:6px}.status-bar-header{align-items:center;display:flex;justify-content:space-between}.status-bar-count{color:#1a1a2e;font-size:14px;font-weight:700}.status-bar-track{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;min-width:2px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.status-fill-todo{background:#8e8e93}.status-fill-in-progress{background:linear-gradient(90deg,#4a90d9,#6ca6e0)}.status-fill-in-review{background:linear-gradient(90deg,#f0ad4e,#f5c77e)}.status-fill-done{background:linear-gradient(90deg,#28a745,#5ec278)}.status-fill-blocker{background:linear-gradient(90deg,#e74c3c,#f06464)}.overdue-badge{animation:overduePulse 2s ease-in-out infinite;background:#e74c3c;border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}@keyframes overduePulse{0%,to{opacity:1}50%{opacity:.7}}.overdue-item{border-left:3px solid #e74c3c;margin-bottom:2px}.overdue-days{color:#e74c3c;font-size:12px;font-weight:700;white-space:nowrap}.overdue-date{color:#999;font-size:11px;white-space:nowrap}.project-progress-list{display:flex;flex-direction:column;gap:16px}.progress-item{border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px;text-decoration:none;transition:all .2s ease}.progress-item:hover{background:#f0f7ff;transform:translateX(4px)}.progress-item-header{align-items:center;display:flex;justify-content:space-between}.progress-item-name{color:#1a1a2e;font-size:14px;font-weight:600}.progress-item-pct{color:#4a90d9;font-size:14px;font-weight:700}.progress-bar-track{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#4a90d9,#28a745);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.progress-item-footer{align-items:center;color:#888;display:flex;font-size:12px;justify-content:space-between}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;gap:12px}.filters-bar,.page-header{flex-direction:column}.filters-bar select{width:100%}.dashboard-columns{grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 16px 48px #0003;max-height:calc(100vh - 60px);max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #eee;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h3{color:#1a1a2e;font-size:18px;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:all .25s;width:100%}.modal-body .form-group textarea{resize:vertical}.modal-body .form-group input::placeholder,.modal-body .form-group textarea::placeholder{color:#aaa}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{background:#fff;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.modal-body .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.modal-body .form-group select option{background:#fff;color:#333}.modal-body .form-row{display:flex;gap:14px}.modal-body .form-row .form-group{flex:1 1}.modal-body .error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c0392b;font-size:14px;margin-bottom:16px;padding:10px 14px}.modal-body .btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .25s;width:100%}.modal-body .btn-primary{background:linear-gradient(135deg,#4a90d9,#357abd);box-shadow:0 4px 14px #4a90d94d;color:#fff}.modal-body .btn-primary:hover{box-shadow:0 6px 20px #4a90d966;transform:translateY(-1px)}.modal-body .btn-primary:disabled{background:#b0c4de;box-shadow:none;cursor:not-allowed;transform:none}.checkbox-list{margin-bottom:16px;max-height:250px;overflow-y:auto}.checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s}.checkbox-item:hover{background:#f0f7ff}.checkbox-item input[type=checkbox]{accent-color:#4a90d9;height:16px;width:16px}.checkbox-meta{color:#888;font-size:13px;margin-left:auto}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{animation:cardSlideUp .4s ease backwards;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.project-card:first-child{animation-delay:.03s}.project-card:nth-child(2){animation-delay:.06s}.project-card:nth-child(3){animation-delay:.09s}.project-card:nth-child(4){animation-delay:.12s}.project-card:nth-child(5){animation-delay:.15s}.project-card:nth-child(6){animation-delay:.18s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.project-card:before{background:linear-gradient(90deg,#4a90d9,#a78bfa);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.project-card-header h3{color:#1a1a2e;font-size:17px;margin:0}.project-desc{color:#888;flex:1 1;font-size:13px;line-height:1.4;margin-bottom:16px}.project-card-footer{border-top:1px solid #f0f0f0;color:#aaa;display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.project-meta{color:#999}.members-list{display:flex;flex-direction:column}.member-row{align-items:center;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.member-row:hover{background:#f0f7ff;transform:translateX(4px)}.member-info{flex:1 1;min-width:0}.member-name{align-items:center;color:#1a1a2e;display:flex;font-size:14px;font-weight:600;gap:6px}.member-meta{color:#888;font-size:12px}.task-mini-list{display:flex;flex-direction:column}.task-mini-item{align-items:center;border-radius:8px;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.task-mini-item:hover{background:#f0f7ff;transform:translateX(4px)}.task-mini-title{color:#1a1a2e;flex:1 1;font-size:14px;font-weight:500}.view-all-link{color:#4a90d9;display:block;font-size:13px;font-weight:500;padding:12px;text-align:center;text-decoration:none;transition:color .2s}.view-all-link:hover{color:#357abd;text-decoration:underline}.project-link-badge{background:#f0f2f5;border-radius:12px;color:#4a90d9;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-decoration:none;transition:all .2s}.project-link-badge:hover{background:#e8f0fe;transform:scale(1.05)}.kanban-board{animation:boardFadeIn .4s ease forwards;display:flex;gap:16px;min-height:500px;overflow-x:auto;padding-bottom:16px}@keyframes boardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kanban-column{background:#f5f6f8;border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:300px;min-width:240px}.kanban-column-header{align-items:center;background:#fff;border-radius:12px 12px 0 0;border-top:3px solid #888;display:flex;justify-content:space-between;padding:14px 16px}.kanban-column-title{color:#1a1a2e;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.kanban-column-count{background:#888;border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:22px;padding:2px 8px;text-align:center}.kanban-column-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:100px;padding:8px;transition:background .2s}.kanban-column-body.dragging-over{background:#4a90d914;border-radius:0 0 12px 12px}.kanban-card.is-dragging .kanban-card-inner{box-shadow:0 8px 24px #0000002e;transform:rotate(3deg)}.kanban-card-inner{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;display:flex;overflow:hidden;text-decoration:none;transition:box-shadow .2s}.kanban-card-inner:hover{box-shadow:0 4px 12px #0000001f}.kanban-card-priority-bar{flex-shrink:0;width:4px}.kanban-card-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding:12px}.kanban-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1a2e;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.kanban-card-project{color:#888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.kanban-card-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#6c5ce7);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.kanban-card-unassigned{color:#ccc;font-size:12px;font-style:italic}.kanban-card-due{color:#888;font-size:11px;font-weight:500}.kanban-card-due.overdue{color:#e74c3c;font-weight:700}.view-toggle{background:#f0f2f5;border-radius:8px;display:flex;gap:2px;padding:2px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1a1a2e}.view-toggle-btn:hover:not(.active){color:#555}.page-container.board-view{max-width:1400px}@media (max-width:1024px){.kanban-column{min-width:220px}}@media (max-width:768px){.kanban-board{flex-direction:column}.kanban-column{max-width:100%;min-width:100%}.kanban-column-body{min-height:60px}}.tasks-table{animation:tableFadeIn .4s ease forwards;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;overflow:hidden}@keyframes tableFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tasks-header-row{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.task-row,.tasks-header-row{display:grid;grid-template-columns:36px 1fr 140px 160px 110px 90px}.task-row{align-items:center;border-bottom:1px solid #f0f0f0;padding:14px 20px;text-decoration:none;transition:all .2s ease}.task-row:last-child{border-bottom:none}.task-row:hover{background:#f0f7ff;transform:translateX(2px)}.col-title{color:#1a1a2e;font-size:14px;font-weight:600}.col-project,.col-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-project{color:#888}.col-assignee,.col-due,.col-project,.col-status{font-size:13px}.col-due{color:#888}.col-priority{align-items:center;display:flex;justify-content:center}.assignee-chip{color:#333;font-size:13px;gap:6px}.assignee-avatar,.assignee-chip{align-items:center;display:inline-flex}.assignee-avatar{background:linear-gradient(135deg,#4a90d9,#6c5ce7);border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.unassigned{color:#ccc;font-size:13px;font-style:italic}.task-detail{grid-gap:24px;align-items:flex-start;display:grid;gap:24px;grid-template-columns:1fr 280px}.task-detail-main{min-width:0}.task-detail-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.task-detail-header h1{color:#1a1a2e;font-size:24px}.task-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.priority-badge{border-radius:12px;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.priority-badge.priority-low{background:#d4edda;color:#155724}.priority-badge.priority-medium{background:#fff3cd;color:#856404}.priority-badge.priority-high{background:#ffe0cc;color:#a04000}.priority-badge.priority-urgent{animation:urgentGlow 2s ease-in-out infinite;background:#f8d7da;color:#721c24}@keyframes urgentGlow{0%,to{box-shadow:0 0 0 0 #e74c3c4d}50%{box-shadow:0 0 0 6px #e74c3c00}}.task-description{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;padding:24px}.task-description h3{color:#1a1a2e;font-size:15px;margin-bottom:10px}.task-description p{color:#555;font-size:14px;line-height:1.6;white-space:pre-wrap}.task-detail-sidebar{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:20px;transition:box-shadow .3s}.task-detail-sidebar:hover{box-shadow:0 4px 20px #00000014}.sidebar-section{border-bottom:1px solid #f0f0f0;padding:14px 0}.sidebar-section:first-child{padding-top:0}.sidebar-section:last-child{border-bottom:none;padding-bottom:0}.sidebar-section h4{color:#888;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sidebar-value{color:#333;font-size:14px}.sidebar-select{background:#fafafa;border:1.5px solid #ddd;border-radius:8px;font-size:13px;outline:none;padding:8px 10px;transition:all .2s;width:100%}.sidebar-select:focus{background:#fff;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.status-actions{display:flex;flex-direction:column;gap:6px}.btn-status{background:#fff;border:1.5px solid #ddd;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;overflow:hidden;padding:8px 12px!important;position:relative;text-align:left;transition:all .2s ease;width:100%!important}.btn-status:hover{background:#f0f7ff;border-color:#4a90d9;transform:translateX(2px)}.status-btn-in-progress{color:#004085}.status-btn-in-review{color:#856404}.status-btn-done{color:#155724}.status-btn-todo{color:#383d41}.status-btn-blocker{color:#721c24}.comments-section{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:24px}.comments-section h3{color:#1a1a2e;font-size:16px;margin-bottom:16px}.comments-list{margin-bottom:16px;max-height:400px;overflow-y:auto}.comment-item{animation:commentFadeIn .3s ease forwards;background:#f8f9fa;border-radius:10px;margin-bottom:10px;padding:14px;transition:all .2s ease}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comment-item:hover{background:#f0f4f8}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;display:flex;gap:8px}.user-avatar.small{font-size:13px;height:28px;width:28px}.comment-name{color:#1a1a2e;font-size:13px;font-weight:600}.comment-meta{align-items:center;display:flex;gap:8px}.comment-time{color:#aaa;font-size:12px}.comment-text{color:#444;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.mention-highlight{color:#4a90d9;font-weight:700}.comment-form{display:flex;flex-direction:column;gap:10px}.comment-form textarea{background:#fafafa;border:1.5px solid #ddd;border-radius:10px;font-family:inherit;font-size:14px;outline:none;padding:12px 14px;resize:vertical;transition:all .25s;width:100%}.comment-form textarea:focus{background:#fff;border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a}.comment-form .btn{align-self:flex-end}.mention-wrapper{position:relative}.mention-dropdown{animation:mentionSlide .15s ease;background:#fff;border:1px solid #e0e0e0;border-radius:10px;bottom:100%;box-shadow:0 8px 30px #00000026;left:0;margin-bottom:6px;overflow:hidden;position:absolute;right:0;z-index:50}@keyframes mentionSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mention-option{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s}.mention-option.active,.mention-option:hover{background:#f0f7ff}.mention-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#6c5ce7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.mention-info{display:flex;flex-direction:column;min-width:0}.mention-name{color:#1a1a2e;font-size:14px;font-weight:600}.mention-email{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.task-detail{grid-template-columns:1fr}.tasks-header-row{display:none}.task-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px}.col-due,.col-project{display:none}}.timeline{padding-left:36px;position:relative}.timeline:before{background:linear-gradient(180deg,#4a90d9,#e0e0e0);bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{animation:timelineItemIn .4s ease backwards;display:flex;gap:16px;padding-bottom:24px;position:relative}.timeline-item:first-child{animation-delay:.05s}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.15s}.timeline-item:nth-child(4){animation-delay:.2s}.timeline-item:nth-child(5){animation-delay:.25s}@keyframes timelineItemIn{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.timeline-item:last-child{padding-bottom:0}.timeline-marker{align-items:center;background:#fff;border:2px solid #4a90d9;border-radius:50%;display:flex;height:32px;justify-content:center;left:-36px;position:absolute;transition:all .2s;width:32px;z-index:1}.timeline-item:hover .timeline-marker{box-shadow:0 0 0 4px #4a90d926;transform:scale(1.15)}.timeline-icon{font-size:14px}.timeline-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;flex:1 1;padding:16px 20px;transition:all .2s ease}.timeline-content:hover{box-shadow:0 4px 20px #00000014;transform:translateX(4px)}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.timeline-action{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-time{color:#aaa;font-size:12px}.timeline-description{color:#444;font-size:14px;line-height:1.5;margin:0}.timeline-footer{color:#999;display:flex;font-size:12px;gap:12px;margin-top:8px}.timeline-actor{font-weight:500}.profile-page{animation:profileFadeIn .5s ease;margin:0 auto;max-width:1100px;padding:20px 0}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:20px;color:#fff;display:flex;gap:28px;margin-bottom:24px;overflow:hidden;padding:36px 40px;position:relative}.profile-header:before{background:radial-gradient(circle,#4a90d926,#0000 70%);height:400px;right:-20%;top:-50%;width:400px}.profile-header:after,.profile-header:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.profile-header:after{background:radial-gradient(circle,#a78bfa1a,#0000 70%);bottom:-30%;height:300px;left:10%;width:300px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#4a90d9,#a78bfa);border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 24px #4a90d966;color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:800;height:88px;justify-content:center;width:88px}.profile-avatar-large,.profile-info{position:relative;z-index:1}.profile-name{font-size:28px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.profile-designation{color:#ffffffb3;font-size:15px;font-weight:400;margin:0 0 12px}.profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.profile-company{background:#ffffff1a;border-radius:6px;color:#fff9;font-size:13px;padding:3px 10px}.profile-since{color:#ffffff80;font-size:13px}.profile-rating-summary{align-items:center;display:flex;gap:8px;margin-top:12px}.profile-stars .star{font-size:18px}.profile-rating-number{color:#f59e0b;font-size:18px;font-weight:700}.profile-rating-count{color:#ffffff80;font-size:13px}.role-badge{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.role-admin{background:#f59e0b33;color:#f59e0b}.role-manager{background:#4a90d933;color:#8bb8f0}.role-member{background:#ffffff1a;color:#ffffffb3}.profile-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.profile-stat-card{background:#fff;border-left:4px solid #0000;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.profile-stat-card:after{border-radius:50%;content:"";height:80px;opacity:.06;position:absolute;right:0;top:0;transform:translate(20px,-20px);width:80px}.profile-stat-card:hover{box-shadow:0 8px 30px #0000001a;transform:translateY(-3px)}.stat-completed{border-left-color:#10b981}.stat-completed:after{background:#10b981}.stat-completed .stat-icon{color:#10b981}.stat-ontime{border-left-color:#4a90d9}.stat-ontime:after{background:#4a90d9}.stat-ontime .stat-icon{color:#4a90d9}.stat-projects{border-left-color:#a78bfa}.stat-projects:after{background:#a78bfa}.stat-projects .stat-icon{color:#a78bfa}.stat-contributions{border-left-color:#f59e0b}.stat-contributions:after{background:#f59e0b}.stat-contributions .stat-icon{color:#f59e0b}.stat-icon{margin-bottom:12px;opacity:.9}.stat-value{color:#1a1a2e;font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.stat-label{color:#888;font-size:13px;font-weight:500}.profile-section-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:24px;padding:28px}.section-title{align-items:center;color:#1a1a2e;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0 0 20px}.section-title svg{color:#4a90d9}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header-row .section-title{margin-bottom:0}.empty-text{color:#aaa;font-size:14px;padding:20px 0;text-align:center}.heatmap-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px;position:relative}.heatmap-months{display:flex;gap:3px;margin-bottom:4px}.heatmap-day-label-spacer{flex-shrink:0;width:32px}.heatmap-month-cell{color:#888;flex-shrink:0;font-size:11px;font-weight:500;white-space:nowrap;width:13px}.heatmap-grid-wrapper{display:flex;gap:4px}.heatmap-day-labels{color:#888;display:flex;flex-direction:column;flex-shrink:0;font-size:11px;font-weight:500;gap:3px;width:32px}.heatmap-day-labels span{height:13px;line-height:13px}.heatmap-grid,.heatmap-week{display:flex;gap:3px}.heatmap-week{flex-direction:column}.heatmap-cell{border-radius:3px;cursor:pointer;height:13px;outline:1px solid #1b1f230a;transition:outline-color .15s ease;width:13px}.heatmap-cell:hover{outline:2px solid #1a1a2e;outline-offset:-1px}.heatmap-level-0{background-color:#ebedf0}.heatmap-level-1{background-color:#9be9a8}.heatmap-level-2{background-color:#40c463}.heatmap-level-3{background-color:#30a14e}.heatmap-level-4{background-color:#216e39}.heatmap-level-future{background-color:initial;cursor:default;outline:none}.heatmap-level-future:hover{outline:none}.heatmap-legend{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:12px}.heatmap-legend .heatmap-cell{cursor:default;height:11px;width:11px}.heatmap-legend .heatmap-cell:hover{outline:1px solid #1b1f230a;outline-offset:0}.heatmap-legend-label{color:#888;font-size:11px;font-weight:500}.heatmap-tooltip{background:#1a1a2e;border-radius:8px;box-shadow:0 4px 16px #0000004d;color:#fff;font-size:12px;line-height:1.4;padding:8px 12px;white-space:nowrap;z-index:1000}.heatmap-tooltip strong{display:block;font-weight:600}.heatmap-tooltip span{color:#fff9;font-size:11px}.goals-list{display:flex;flex-direction:column;gap:14px}.goal-card{background:#fafbfc;border:1px solid #f0f0f0;border-radius:12px;padding:16px;transition:all .2s ease}.goal-card:hover{background:#f8faff;border-color:#e0e7ff}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.goal-project{color:#1a1a2e;font-size:14px;font-weight:600}.goal-description{background:#f8fafc;border-left:3px solid #e0e7ff;border-radius:8px;color:#555;font-size:13px;line-height:1.5;margin:0 0 10px;padding:8px 12px}.goal-month{color:#888;font-size:12px;font-weight:500}.goal-progress-text{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-count{color:#666;font-size:13px}.goal-percent{color:#4a90d9;font-size:13px;font-weight:700}.goal-complete{color:#10b981}.goal-bar-track{background:#e8ecf1;border-radius:4px;height:8px;overflow:hidden}.goal-bar-fill{background:linear-gradient(90deg,#4a90d9,#6fa8e8);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.goal-bar-complete{background:linear-gradient(90deg,#10b981,#34d399)}.profile-feedback-section{margin-bottom:24px}.feedback-overall{align-items:center;display:flex;gap:8px}.feedback-overall-stars .star{font-size:18px}.feedback-overall-number{color:#888;font-size:14px;font-weight:600}.feedback-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.feedback-card{background:#fafbfc;border:1px solid #f0f0f0;border-radius:14px;padding:20px;transition:all .2s ease}.feedback-card:hover{border-color:#e0e7ff;box-shadow:0 4px 16px #0000000f}.feedback-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.feedback-project-name{color:#1a1a2e;font-size:14px;font-weight:600}.feedback-stars .star{font-size:14px}.feedback-comment{color:#555;font-size:13px;line-height:1.5;margin:0 0 12px}.feedback-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.feedback-by{color:#888;font-size:12px;font-weight:500}.feedback-timeline-badge{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px}.feedback-timeline-badge.on-time{background:#d1fae5;color:#059669}.feedback-timeline-badge.delayed{background:#fee2e2;color:#dc2626}.feedback-date{color:#aaa;font-size:12px;margin-left:auto}.star{line-height:1}.star-filled{color:#f59e0b}.star-empty{color:#d1d5db}.section-count{background:#e8f0fe;border-radius:10px;color:#4a90d9;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}.profile-loading{color:#888;padding:80px 0;text-align:center}.profile-loading-spinner{animation:profileSpin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#4a90d9;height:40px;margin:0 auto 16px;width:40px}@keyframes profileSpin{to{transform:rotate(1turn)}}.profile-error{color:#e74c3c;font-size:15px;padding:80px 0;text-align:center}@media (max-width:900px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.feedback-list{grid-template-columns:1fr}}@media (max-width:600px){.profile-header{flex-direction:column;padding:28px 20px;text-align:center}.profile-meta,.profile-rating-summary{justify-content:center}.profile-stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:24px}}.settings-page{animation:settingsFadeIn .5s ease;margin:0 auto;max-width:700px;padding:20px 0}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-title{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 24px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:16px;padding:24px 28px;transition:all .2s ease}.settings-card:hover{box-shadow:0 4px 20px #00000014}.settings-card-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.settings-card-header svg{color:#4a90d9}.settings-card-header h3{color:#1a1a2e;font-size:16px;font-weight:600;margin:0}.settings-coming-soon{color:#aaa;font-size:14px;margin:0;padding:8px 0 4px 30px}.goals-page{animation:goalsFadeIn .4s ease;margin:0 auto;max-width:1100px;padding:0}@keyframes goalsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.goals-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.goals-header-left{min-width:0}.goals-page-title{color:#1a1a2e;font-size:24px;font-weight:700;line-height:1.2;margin:0}.goals-page-subtitle{color:#999;font-size:13px;margin:2px 0 0}.goals-tabs{background:#f0f2f5;border-radius:10px;display:flex;flex-shrink:0;gap:3px;padding:3px}.goals-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;gap:5px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.goals-tab:hover{background:#ffffff80;color:#1a1a2e}.goals-tab-active{background:#fff;box-shadow:0 2px 8px #00000014;color:#4a90d9}.goals-tab svg{flex-shrink:0}.goals-form-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;max-width:720px;padding:32px}.goals-form-row{display:flex;gap:16px;margin-bottom:22px}.goals-form-group{flex:1 1;min-width:0}.goals-form-full{margin-bottom:22px}.goals-label{color:#1a1a2e;display:block;font-size:13px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.goals-optional{color:#aaa;font-weight:400;letter-spacing:0;text-transform:none}.goals-input,.goals-select{background:#fafbfc;border:1.5px solid #e0e7ff;border-radius:10px;box-sizing:border-box;color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.goals-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.goals-input:focus,.goals-select:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a;outline:none}.goals-select:disabled{cursor:not-allowed;opacity:.5}.goals-empty-hint{color:#aaa;font-size:13px;margin:0;padding:10px 0}.goals-textarea{background:#fafbfc;border:1.5px solid #e0e7ff;border-radius:10px;box-sizing:border-box;color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;min-height:72px;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.goals-textarea:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a;outline:none}.goals-preview{background:#f0f5ff;border:1px solid #e0e7ff;border-radius:10px;color:#555;font-size:13px;line-height:1.5;margin-bottom:18px;padding:12px 16px}.goals-preview strong{color:#1a1a2e}.goals-preview-label{color:#4a90d9;font-weight:600;margin-right:4px}.goals-submit-btn{background:linear-gradient(135deg,#4a90d9,#357abd);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.goals-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2a6aaa);box-shadow:0 4px 16px #4a90d94d;transform:translateY(-1px)}.goals-submit-btn:disabled{cursor:not-allowed;opacity:.5}.goals-history-layout{display:flex;gap:20px;min-height:480px}.goals-members-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;flex-shrink:0;padding:20px;width:300px}.goals-panel-title{color:#1a1a2e;font-size:14px;font-weight:700;letter-spacing:.4px;margin:0 0 16px;text-transform:uppercase}.goals-panel-empty,.goals-panel-loading{color:#aaa;font-size:13px;padding:32px 0;text-align:center}.goals-members-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.goals-member-card{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:12px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.goals-member-card:hover{background:#f5f7fa}.goals-member-active{background:#e8f0fe}.goals-member-active:hover{background:#dce7fb}.goals-member-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.goals-member-active .goals-member-avatar{box-shadow:0 0 0 2px #4a90d9}.goals-member-info{flex:1 1;min-width:0}.goals-member-name{color:#1a1a2e;font-size:14px;font-weight:600}.goals-member-designation,.goals-member-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goals-member-designation{color:#888;font-size:12px;margin-top:1px}.goals-member-badge{align-items:center;background:#4a90d9;border-radius:11px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.goals-detail-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;min-width:0;padding:24px}.goals-detail-empty,.goals-detail-panel{display:flex;flex:1 1;flex-direction:column}.goals-detail-empty{align-items:center;color:#bbb;gap:12px;justify-content:center}.goals-detail-empty svg{opacity:.4}.goals-detail-empty p{font-size:14px;margin:0}.goals-detail-header{border-bottom:1px solid #f0f2f5;justify-content:space-between;margin-bottom:20px;padding-bottom:18px}.goals-detail-header,.goals-detail-member{align-items:center;display:flex;gap:12px}.goals-detail-avatar{align-items:center;background:linear-gradient(135deg,#4a90d9,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:17px;font-weight:700;height:42px;justify-content:center;width:42px}.goals-detail-name{color:#1a1a2e;font-size:16px;font-weight:700;margin:0}.goals-detail-designation{color:#888;display:block;font-size:13px;margin-top:2px}.goals-add-btn{align-items:center;background:linear-gradient(135deg,#4a90d9,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.goals-add-btn:hover{background:linear-gradient(135deg,#357abd,#2a6aaa);box-shadow:0 4px 12px #4a90d94d;transform:translateY(-1px)}.goals-detail-no-goals{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.goals-detail-no-goals p{color:#aaa;font-size:14px;margin:0}.goals-detail-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.goals-detail-card{background:#fafbfc;border:1px solid #eef1f5;border-radius:12px;padding:16px;transition:all .2s ease}.goals-detail-card:hover{background:#f8faff;border-color:#e0e7ff}.goals-detail-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goals-detail-project{color:#1a1a2e;font-size:14px;font-weight:600}.goals-detail-target{background:#e8f0fe;border-radius:8px;color:#4a90d9;font-size:13px;font-weight:700;padding:3px 10px}.goals-detail-description{background:#f4f6f9;border-left:3px solid #e0e7ff;border-radius:8px;color:#555;font-size:13px;line-height:1.5;margin:0 0 10px;padding:10px 14px}.goals-detail-card-footer{align-items:center;display:flex;justify-content:space-between}.goals-detail-month{color:#555;font-size:13px;font-weight:500}.goals-detail-time{color:#aaa;font-size:12px}.goal-fb-existing{background:#f0faf4;border:1px solid #d4edda;border-radius:10px;margin-top:12px;padding:12px 14px}.goal-fb-existing-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.goal-fb-existing-header svg{color:#28a745;flex-shrink:0}.goal-fb-existing-label{color:#28a745;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.goal-fb-existing-stars{display:flex;gap:1px;margin-left:4px}.gfb-star{font-size:14px}.gfb-star-filled{color:#f5a623}.gfb-star-empty{color:#ddd}.goal-fb-timeline-badge{border-radius:12px;font-size:11px;font-weight:600;margin-left:auto;padding:2px 10px}.goal-fb-timeline-badge.on-time{background:#d4edda;color:#155724}.goal-fb-timeline-badge.delayed{background:#f8d7da;color:#721c24}.goal-fb-existing-comment{color:#555;font-size:13px;line-height:1.5;margin:8px 0 0}.goal-fb-trigger-btn{align-items:center;background:#0000;border:1.5px solid #e0e7ff;border-radius:8px;color:#4a90d9;cursor:pointer;display:inline-flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;gap:6px;margin-top:12px;padding:7px 16px;transition:all .2s ease}.goal-fb-trigger-btn:hover{background:#f0f5ff;border-color:#4a90d9}.goal-fb-trigger-btn svg{flex-shrink:0}.goal-fb-form{animation:goalsFadeIn .25s ease;background:#fafbfc;border:1.5px solid #e0e7ff;border-radius:10px;margin-top:12px;padding:16px}.goal-fb-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.goal-fb-form-title{color:#1a1a2e;font-size:13px;font-weight:700}.goal-fb-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;padding:2px;transition:all .15s ease}.goal-fb-close-btn:hover{background:#fef2f2;color:#e74c3c}.goal-fb-field{margin-bottom:12px}.goal-fb-label{color:#555;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.goal-fb-star-row{align-items:center;display:flex;gap:4px}.goal-fb-star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:22px;line-height:1;padding:0 2px;transition:transform .15s ease,color .15s ease}.goal-fb-star-btn:hover{transform:scale(1.2)}.goal-fb-star-active{color:#f5a623}.goal-fb-rating-text{color:#f5a623;font-size:13px;font-weight:600;margin-left:8px}.goal-fb-toggle-group{display:flex;gap:8px}.goal-fb-toggle{background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;color:#888;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;padding:6px 18px;transition:all .15s ease}.goal-fb-toggle:hover{border-color:#ccc}.goal-fb-toggle-yes{background:#d4edda;border-color:#28a745;color:#155724}.goal-fb-toggle-no{background:#f8d7da;border-color:#e74c3c;color:#721c24}.goal-fb-textarea{background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;box-sizing:border-box;color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.goal-fb-textarea:focus{border-color:#4a90d9;box-shadow:0 0 0 3px #4a90d91a;outline:none}.goal-fb-submit-btn{background:linear-gradient(135deg,#4a90d9,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease;width:100%}.goal-fb-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2a6aaa);box-shadow:0 4px 12px #4a90d94d}.goal-fb-submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.goals-history-layout{flex-direction:column}.goals-members-panel{max-height:240px;width:100%}.goals-members-list{flex-direction:row;gap:8px;overflow-x:auto}.goals-member-card{flex-shrink:0;min-width:160px;width:auto}}@media (max-width:600px){.goals-header{align-items:flex-start;flex-direction:column;gap:12px}.goals-tabs{width:100%}.goals-tab{flex:1 1;justify-content:center}.goals-form-card{padding:20px}.goals-form-row{flex-direction:column;gap:0}.goals-form-group{margin-bottom:22px}.goals-detail-header{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.a7b7741f.css.map*/