:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: .5rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-main: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s,color .3s;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-main)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500;transition:opacity .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.flex-col{flex-direction:column}.gap-2{gap:.5rem}.gap-4{gap:1rem}.layout{display:flex;flex-direction:column;min-height:100vh}.header-gradient{background-color:#1a1f71;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-top{padding:.75rem 1.5rem;border-bottom:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:space-between}.header-brand-section{display:flex;align-items:center;gap:1rem}.header-logo{width:2.5rem;height:2.5rem;background:#fff3;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.header-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.header-subtitle{font-size:.875rem;color:#c7d2fe;margin:.25rem 0 0}.header-subtitle span{font-weight:500;color:#fff}.header-user-section{display:flex;align-items:center;gap:.75rem}.header-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;position:relative;z-index:10}.header-user-name{font-weight:500;color:#fff;font-size:.95rem}.header-logout-btn{background:none;border:none;color:#c7d2fe;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s;pointer-events:auto;position:relative;z-index:10}.header-logout-btn:hover{color:#fff}.header-avatar{width:2.5rem;height:2.5rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1f71;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 2px 4px #00000026,0 1px 2px #0000001a;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.header-avatar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff3,#ffffff0d,#0000000d);pointer-events:none}.header-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-avatar span{font-size:.875rem;z-index:1}.header-nav{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-nav-left{display:flex;align-items:center;justify-content:space-between;flex:1}.header-nav-right{display:flex;align-items:center;gap:.75rem}.header-nav-menu{display:flex;align-items:center;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;color:#c7d2fe;text-decoration:none;transition:all .2s;font-size:.875rem}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item-active{background:#fff3;color:#fff}.nav-item svg{width:1.25rem;height:1.25rem}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background .2s}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn svg{width:1.5rem;height:1.5rem}.mobile-menu{display:none;background:#1e3a8a;border-top:1px solid rgba(59,130,246,.3)}.mobile-menu-open{display:block}.mobile-nav{padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.mobile-nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:.5rem;color:#c7d2fe;text-decoration:none;transition:all .2s;font-size:.875rem}.mobile-nav-item:hover,.mobile-nav-active{color:#fff;background:#1e40af}.mobile-nav-item svg{width:1.25rem;height:1.25rem}.header-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#0284c7;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.header-action-btn:hover{background:#f0f9ff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.header-action-btn svg{width:1.25rem;height:1.25rem}.team-add-btn-header{box-shadow:0 1px 2px #0000001a}@media(max-width:768px){.header-nav-right{display:none}}.content{flex:1;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}@media(max-width:768px){.header-nav-menu{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:none}.mobile-menu-open{display:block}.header-title{font-size:1.25rem}.header-user-info{display:none}}@media(min-width:769px){.mobile-menu{display:none!important}}.login-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#312e81);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-main{margin:0 auto;display:flex;min-height:100vh;max-width:1200px;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;padding:3rem 1rem}@media(min-width:1024px){.login-main{flex-direction:row}}.login-form-section{width:100%;max-width:28rem;border-radius:1rem;background:#fffffff2;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease-out}.login-header{text-align:center}.login-brand{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#6366f1;margin:0}.login-title{margin-top:.75rem;font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:0}.login-subtitle{margin-top:.5rem;font-size:.875rem;color:#64748b;line-height:1.5}.status-banner{margin-top:2rem;border-radius:.75rem;border:1px solid;padding:.75rem 1rem;font-size:.875rem}.login-form{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#334155}.form-input{margin-top:.5rem;width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background-color:#f8fafc;padding:.75rem 1rem;font-size:1rem;color:#0f172a;transition:all .2s;box-shadow:inset 0 2px 4px #0000000f}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:#475569;cursor:pointer}.checkbox-input{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #cbd5e1;accent-color:#6366f1;cursor:pointer}.forgot-link{font-weight:600;color:#6366f1;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#4f46e5}.login-button{width:100%;border-radius:.5rem;background-color:#6366f1;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;border:none;transition:background-color .2s;cursor:pointer}.login-button:hover:not(:disabled){background-color:#4f46e5}.login-button:disabled{cursor:not-allowed;opacity:.6}.divider{margin:1.5rem 0;display:flex;align-items:center;text-align:center;color:#94a3b8;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.divider span{padding:0 1rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#0f172a;transition:all .2s;box-shadow:0 1px 2px #0000000d;cursor:pointer}.google-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.google-btn img{width:20px;height:20px}.login-footer{margin-top:2rem;text-align:center;font-size:.875rem;color:#64748b}.verify-link-inline{font-weight:600;color:#6366f1;text-decoration:none;transition:color .2s}.verify-link-inline:hover{color:#4f46e5;text-decoration:underline}.login-info-section{width:100%;max-width:28rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;padding:2.5rem;color:#fff;box-shadow:0 25px 50px -12px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.3em;color:#c7d2fe;margin:0 0 1.5rem}.info-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.25rem;font-size:.875rem;line-height:1.75;color:#e2e8f0}.info-list li{margin:0}.info-link{font-weight:600;color:#fff;text-decoration:underline;transition:opacity .2s}.info-link:hover{opacity:.8}.otp-info{margin-bottom:1.5rem;padding:1rem;background:#f1f5f9;border-radius:.5rem;text-align:center}.otp-info p{margin:.5rem 0;color:#475569;font-size:.875rem}.otp-info p:first-child{font-size:.9375rem;color:#1e293b}.otp-hint{font-size:.8125rem!important;color:#64748b!important}.otp-input{text-align:center;font-size:1.5rem;letter-spacing:.5rem;font-weight:600}.otp-actions{display:flex;gap:1rem;margin-top:1.5rem}.back-button{flex:1;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.back-button:disabled{opacity:.5;cursor:not-allowed}.first-login-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.first-login-main{width:100%;max-width:28rem}.first-login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;animation:slideUp .6s ease-out}.first-login-header{text-align:center;margin-bottom:2rem}.first-login-brand{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#6366f1;margin:0}.first-login-title{margin-top:.5rem;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:0}.first-login-subtitle{margin-top:.5rem;font-size:.875rem;color:#64748b;line-height:1.5}.first-login-form{display:flex;flex-direction:column;gap:1rem}.first-login-form.form-disabled{opacity:.4;pointer-events:none}.first-login-help{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b}.first-login-expiry{margin-top:.5rem;text-align:center;font-size:.75rem;color:#94a3b8}.expiry-link{font-weight:600;color:#6366f1;text-decoration:none;transition:color .2s}.expiry-link:hover{color:#4f46e5}.forgot-password-page{min-height:100vh;background:linear-gradient(135deg,#141e30,#243b55);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.forgot-password-main{width:100%;max-width:28rem}.forgot-password-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem;animation:slideUp .6s ease-out}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-brand{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#6366f1;margin:0}.forgot-password-title{margin-top:.5rem;font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:0}.forgot-password-subtitle{margin-top:.5rem;font-size:.875rem;color:#64748b;line-height:1.5}.status-banner{margin-bottom:1.5rem;border-radius:.75rem;border:1px solid;padding:.75rem 1rem;font-size:.875rem}.status-banner.otp-status{margin-bottom:1rem}.status-success{border-color:#a7f3d0;background-color:#ecfdf5;color:#065f46}.status-error{border-color:#fecdd3;background-color:#fff1f2;color:#991b1b}.status-info{border-color:#bae6fd;background-color:#f0f9ff;color:#0c4a6e}.forgot-password-form{display:flex;flex-direction:column;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:.5rem}.form-input{width:100%;border-radius:.5rem;border:1px solid #e2e8f0;background-color:#f8fafc;padding:.75rem 1rem;font-size:1rem;color:#0f172a;transition:all .2s;box-shadow:inset 0 2px 4px #0000000f}.form-input:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.form-input:disabled{cursor:not-allowed;opacity:.6}.code-input{text-align:center;letter-spacing:.5em;font-size:1.125rem;font-weight:600;padding:.75rem 1rem}.submit-button{width:100%;border-radius:.5rem;background-color:#6366f1;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;border:none;transition:background-color .2s;cursor:pointer;margin-top:.5rem}.submit-button:hover:not(:disabled){background-color:#4f46e5}.submit-button:disabled{cursor:not-allowed;opacity:.6}.otp-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.otp-section-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.otp-section-subtitle{margin-top:.25rem;font-size:.875rem;color:#64748b}.otp-form{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.otp-submit-button{width:100%;border-radius:.5rem;background-color:#10b981;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;border:none;transition:background-color .2s;cursor:pointer;margin-top:.5rem}.otp-submit-button:hover:not(:disabled){background-color:#059669}.otp-submit-button:disabled{cursor:not-allowed;opacity:.6}.forgot-password-help{margin-top:2rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:#64748b}.help-link{font-weight:600;color:#6366f1;text-decoration:none;transition:color .2s}.help-link:hover{color:#4f46e5}.verify-page{min-height:100vh;background:linear-gradient(120deg,#020617,#312e81);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:#0f172a}.verify-main{width:100%;max-width:64rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:1024px){.verify-main{grid-template-columns:repeat(2,1fr)}}.verify-form-section{border-radius:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .6s ease-out}.verify-header{margin-bottom:1.5rem;text-align:center}.verify-brand{font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#6366f1;margin:0 0 .5rem}.verify-title{margin:.5rem 0;font-size:1.5rem;font-weight:700;color:#0f172a}.verify-subtitle{margin:.5rem 0 0;font-size:.875rem;color:#64748b;line-height:1.5}.status-banner{margin-bottom:1.5rem;border-radius:.75rem;border:1px solid;padding:.75rem 1rem;font-size:.875rem;animation:slideUp .3s ease-out}.status-success{border-color:#10b981;background-color:#d1fae5;color:#065f46}.status-error{border-color:#f43f5e;background-color:#fee2e2;color:#991b1b}.status-info{border-color:#0ea5e9;background-color:#e0f2fe;color:#0c4a6e}.status-info-section.status-success{border-color:#10b9814d;background-color:#d1fae54d;color:#fff}.status-info-section.status-error{border-color:#f43f5e4d;background-color:#fee2e24d;color:#fff}.status-info-section.status-info{border-color:#fff6;background-color:#ffffff1a;color:#fff}.verify-form{display:flex;flex-direction:column;gap:1rem}.resend-form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:.5rem}.form-label-light{color:#ffffffe6}.form-input{width:100%;margin-top:.5rem;border-radius:.5rem;border:1px solid #e2e8f0;background-color:#f8fafc;padding:.75rem 1rem;font-size:1rem;color:#0f172a;box-shadow:inset 0 2px 4px #0000000f;transition:all .2s}.form-input:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 2px #6366f11a}.form-input::placeholder{color:#94a3b8}.code-input{text-align:center;letter-spacing:.5em;font-size:1.125rem;font-weight:600}.form-input-light{border-color:#fff6;background-color:#fff3;color:#fff}.form-input-light::placeholder{color:#fff9}.form-input-light:focus{border-color:#fff;background-color:#ffffff4d;box-shadow:0 0 0 2px #fff6}.verify-button{width:100%;border-radius:.5rem;background:#6366f1;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;border:none;cursor:pointer;transition:all .2s}.verify-button:hover:not(:disabled){background:#4f46e5}.verify-button:disabled{cursor:not-allowed;opacity:.6}.verify-button-secondary{width:100%;border-radius:.5rem;border:1px solid rgba(15,23,42,.1);background:#fff;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0f172a;cursor:pointer;transition:all .2s}.verify-button-secondary:hover:not(:disabled){background:#f8fafc}.verify-button-secondary:disabled{cursor:not-allowed;opacity:.6}.resend-button{width:100%;border-radius:.5rem;background:#ffffffe6;padding:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#312e81;border:none;cursor:pointer;transition:all .2s}.resend-button:hover:not(:disabled){background:#fff}.resend-button:disabled{cursor:not-allowed;opacity:.6}.verify-help-text{margin-top:1rem;font-size:.75rem;color:#64748b;line-height:1.5}.verify-divider{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.divider-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .25rem}.divider-subtitle{margin:.25rem 0 1rem;font-size:.875rem;color:#64748b}.verify-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b}.verify-link{font-weight:600;color:#6366f1;text-decoration:none;transition:color .2s}.verify-link:hover{color:#4f46e5}.verify-info-section{border-radius:1rem;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;box-shadow:0 25px 50px -12px #00000040;color:#fff;animation:slideUp .6s ease-out .1s both}.info-title{font-size:1.125rem;font-weight:600;letter-spacing:.025em;margin:0 0 .5rem;color:#fff}.info-subtitle{margin:.5rem 0 0;font-size:.875rem;color:#fffc;line-height:1.5}.info-list{margin-top:1.5rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;color:#fffc;line-height:1.6}.info-list li{padding-left:0}@media(max-width:1023px){.verify-main{grid-template-columns:1fr}.verify-info-section{order:-1}}@media(max-width:640px){.verify-page{padding:1.5rem 1rem}.verify-form-section,.verify-info-section{padding:1.5rem}.verify-title{font-size:1.25rem}.code-input{font-size:1rem;letter-spacing:.3em}}.projects-page{min-height:100vh;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.projects-header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:#1a1f71;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.header-top{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{width:3rem;height:3rem;background:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.header-left h1{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.header-subtitle{font-size:.875rem;color:#fffc;margin:0}.header-right{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-name{font-weight:500;font-size:.95rem;color:#fff}.logout-btn{background:none;border:none;color:#fffc;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:0;transition:color .2s}.logout-btn:hover{color:#fff}.user-avatar{width:2.5rem;height:2.5rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#1a1f71;font-size:.875rem}.header-nav{padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1)}.nav-links{display:flex;gap:.25rem}.nav-item{padding:.5rem 1rem;border-radius:.5rem;color:#fffc;text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:.5rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;border-bottom:3px solid rgba(255,255,255,.7)}.btn-add-project{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.btn-add-project:hover{background:#2563eb;box-shadow:0 6px 8px -1px #00000026}.metrics-section{margin-top:120px;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.metric-card{border-radius:.5rem;padding:1rem;background:linear-gradient(to bottom right,var(--metric-start),var(--metric-end))}.metric-blue{--metric-start: #dbeafe;--metric-end: #bfdbfe}.metric-green{--metric-start: #d1fae5;--metric-end: #a7f3d0}.metric-purple{--metric-start: #e9d5ff;--metric-end: #d8b4fe}.metric-orange{--metric-start: #fed7aa;--metric-end: #fdba74}.metric-content{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:.875rem;font-weight:500;color:#4b5563;margin:0 0 .25rem}.metric-value{font-size:1.5rem;font-weight:700;color:#111827;margin:.25rem 0}.metric-subtext{font-size:.75rem;color:#4b5563;margin:.25rem 0 0}.metric-icon{width:3rem;height:3rem;background:var(--metric-icon-bg);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--metric-icon-color)}.metric-blue .metric-icon{--metric-icon-bg: #3b82f6;--metric-icon-color: white}.metric-green .metric-icon{--metric-icon-bg: #10b981;--metric-icon-color: white}.metric-purple .metric-icon{--metric-icon-bg: #a855f7;--metric-icon-color: white}.metric-orange .metric-icon{--metric-icon-bg: #f59e0b;--metric-icon-color: white}.projects-main{padding:3rem 1.5rem;max-width:1600px;margin:0 auto}.projects-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%}.project-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;transition:all .2s;position:relative;overflow:visible;min-width:0;width:100%}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s;z-index:10}.project-card:hover .project-card-actions{opacity:1}.action-btn{width:2.5rem;height:2.5rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s}.action-edit{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.action-delete{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff}.action-btn:hover{transform:scale(1.1);box-shadow:0 6px 8px -1px #00000026}.project-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-icon{width:3rem;height:3rem;background:linear-gradient(to bottom right,#3b82f6,#2563eb);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.project-title-section{flex:1;min-width:0}.project-title-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.project-description{font-size:.875rem;color:#6b7280;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0}.badge-success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.badge-info{background-color:#dbeafe;color:#0c2d6b;border:1px solid #93c5fd}.badge-warning{background-color:#fed7aa;color:#7c2d12;border:1px solid #fdba74}.badge-danger{background-color:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}.badge-secondary{background-color:#e2e8f0;color:#1e293b;border:1px solid #cbd5e0}.project-progress{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;font-size:.875rem;color:#4b5563;margin-bottom:.5rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(to right,#60a5fa,#a855f7);border-radius:9999px;transition:width .3s}.project-sprint-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.sprint-card{background:#f9fafb;border-radius:.5rem;padding:.75rem}.sprint-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.sprint-value{font-weight:600;color:#111827;font-size:.875rem}.project-footer{display:flex;align-items:center;justify-content:space-between}.team-avatar-overflow{color:#111827;border-color:#cbd5e1;background:#e5e7eb;box-shadow:0 2px 4px #0000001a}.project-budget{text-align:right}.budget-value{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.budget-link{font-size:.75rem;font-weight:500;color:#3b82f6;background:none;border:none;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;padding:0}.budget-link:hover{color:#2563eb}.allocated-hours-indicator{font-size:.75rem;color:#6b7280;margin-top:.25rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:990px!important;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:2rem 2.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.modal-header h2{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 .5rem}.modal-header p{color:#6b7280;font-size:.875rem;margin:0}.project-name-text{font-size:.75rem;color:#9ca3af;margin-top:.5rem}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-form{flex:1;overflow-y:auto;padding:1.25rem 2.5rem}.form-section{background:#f9fafb;border:1px solid #d1d5db;border-radius:1.5rem;padding:2rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.section-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.form-section:nth-of-type(1) .section-icon{background:#3b82f6;color:#fff}.form-section:nth-of-type(2) .section-icon{background:#10b981;color:#fff}.form-section:nth-of-type(3) .section-icon{background:#a855f7;color:#fff}.form-section:nth-of-type(4) .section-icon{background:#f59e0b;color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:1rem}.form-field{display:flex;flex-direction:column;gap:.625rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.875rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.25rem}.required{color:#3b82f6;font-size:.75rem}.form-field input,.form-field select,.form-field textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:#fff;box-shadow:0 1px 2px #0000000d}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#d1d5db}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-field input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-field textarea{resize:vertical;min-height:100px}.form-help{font-size:.75rem;color:#6b7280;margin:.5rem 0 0}.modal-footer{padding:1.5rem 2.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;flex-shrink:0}.btn-secondary,.btn-primary{flex:1;max-width:200px;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#fff;color:#374151;border:2px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 6px -1px #0000001a}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 8px -1px #00000026;transform:translateY(-1px)}.budget-modal{max-width:1000px}.budget-summary{padding:1rem 2.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.budget-summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.summary-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.25rem}.summary-value{font-size:1.125rem;font-weight:600;color:#111827;margin-top:.25rem}.summary-subtext{font-size:.75rem;color:#6b7280;margin-top:.25rem}.budget-utilization-item{grid-column:1 / -1}.utilization-progress-container{margin-top:.5rem}.utilization-progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.utilization-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.utilization-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.utilization-percent{font-weight:600;color:#111827}.utilization-details{color:#6b7280;font-size:.75rem}.utilization-cost{font-size:.75rem;color:#6b7280;margin-top:.25rem}.actual-hours-display{font-weight:500;color:#374151}.member-utilization{display:flex;align-items:center;gap:.5rem}.utilization-progress-bar-small{flex:1;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.utilization-progress-fill-small{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.utilization-percent-small{font-size:.75rem;font-weight:600;color:#111827;min-width:35px;text-align:right}.no-allocation{color:#9ca3af;font-style:italic}.budget-table-container{flex:1;overflow-y:auto;padding:1rem 2.5rem}.budget-table{width:100%;border-collapse:collapse;font-size:.875rem}.budget-table thead{background:#f9fafb}.budget-table th{text-align:left;padding:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.budget-table td{padding:1rem .75rem;border-bottom:1px solid #e5e7eb;color:#374151}.member-info{display:flex;align-items:center;gap:.75rem}.member-avatar-small{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.75rem;text-transform:uppercase}.member-name{font-weight:600;color:#111827}.member-role{font-size:.75rem;color:#6b7280}.hours-input,.notes-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem}.hours-input{width:7rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#111827}.empty-state p{font-size:1rem;color:#6b7280}.loading-state{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem}@media(max-width:1800px){.projects-main{padding:3rem 1.25rem}.projects-grid{gap:1.25rem}.modal-content{max-width:990px!important}}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}}@media(max-width:1024px){.metrics-section{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}@media(max-width:768px){.header-top{flex-direction:column;align-items:flex-start;gap:1rem}.header-nav{flex-direction:column;gap:1rem;align-items:stretch}.nav-links{flex-wrap:wrap}.metrics-section,.projects-grid{grid-template-columns:1fr}.modal-content{max-width:95%!important;margin:1rem}.modal-header,.modal-form{padding:1.5rem}.budget-summary{grid-template-columns:repeat(2,1fr)}}.dashboard-page{min-height:calc(100vh - 140px);background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.2);border-top-color:#818cf8;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;display:flex;gap:2rem}.tab-active,.tab-inactive{padding:.5rem .25rem;border:none;background:none;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;color:#6b7280}.tab-active{color:#1e40af;border-bottom-color:#3b82f6;background:#3b82f60d}.tab-inactive:hover{color:#374151;background:#00000005}.dashboard-content{animation:slideIn .3s ease-out}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out;position:relative}.metric-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;transform:translateY(-1px)}.metric-card:after{content:"";position:absolute;top:-1px;right:-1px;width:6px;height:calc(100% + 2px);background:linear-gradient(180deg,var(--metric-accent, #6366f1),var(--metric-accent-strong, #4f46e5));border-top-right-radius:inherit;border-bottom-right-radius:inherit}.metric-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.metric-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.metric-value{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.metric-caption{font-size:.75rem;color:#94a3b8;margin:.25rem 0 0}.metric-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-amber-100{background-color:#fef3c7}.bg-emerald-100{background-color:#d1fae5}.text-amber-600{color:#d97706}.text-emerald-600{color:#059669}.text-red-600{color:#dc2626}.dual-metric{display:flex;gap:1rem;margin-top:.5rem}.dual-metric__group{flex:1}.dual-metric__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0}.dual-metric__value{font-size:1.4rem;font-weight:600;color:#0f172a;margin:.25rem 0 0}.metric-progress{margin-top:1rem}.metric-progress-track{height:.45rem;background:#e2e8f0;border-radius:999px;overflow:hidden}.metric-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:inherit;transition:width .3s ease}.metric-progress-fill.is-over{background:linear-gradient(90deg,#f97316,#dc2626)}.metric-delta{margin-top:.4rem;font-size:.85rem;font-weight:500}.status-composition{margin-top:1rem}.status-composition-bar{display:flex;height:.5rem;border-radius:999px;overflow:hidden;background:#e2e8f0}.status-segment{height:100%;transition:width .3s ease}.status-segment--track{background:#3b82f6}.status-segment--review{background:#f97316}.status-segment--blocked{background:#dc2626}.status-legend{display:flex;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.status-legend__item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#475569}.status-legend__item strong{font-weight:600;color:#0f172a}.status-dot{width:.5rem;height:.5rem;border-radius:999px}.status-dot--track{background:#3b82f6}.status-dot--review{background:#f97316}.status-dot--blocked{background:#dc2626}.urgency-pills{display:flex;gap:.75rem;margin-top:1.25rem}.urgency-pill{flex:1;padding:.65rem .75rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.urgency-pill__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 .25rem}.urgency-pill__value{font-size:1.2rem;font-weight:600;color:#0f172a;margin:0}.urgency-pill.is-alert{border-color:#fecaca;background:#fef2f2}.urgency-pill.is-warning{border-color:#fde68a;background:#fffbeb}.urgency-pill.is-mellow{border-color:#bfdbfe;background:#eff6ff}.completion-trend{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.completion-trend__row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#475569;margin-bottom:.5rem}.completion-trend__value{font-size:1rem;font-weight:600;color:#0f172a}.completion-trend__delta{margin-top:.6rem;font-size:.85rem;font-weight:500}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out;cursor:pointer}.project-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;transform:translateY(-1px)}.project-card__header{margin-bottom:1rem}.project-card__title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.project-card__description{font-size:.875rem;color:#64748b;margin:0 0 .75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card__progress{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;font-size:.875rem;color:#64748b;margin-bottom:.5rem}.progress-bar{width:100%;height:.5rem;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#2563eb;border-radius:inherit;transition:width .3s ease}.project-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#64748b;margin-bottom:1rem}.project-card__date{display:flex;align-items:center;gap:.5rem}.project-card__tasks{font-weight:500}.project-card__team{margin-top:1rem}.team-avatars{display:flex;gap:-.5rem;flex-wrap:wrap}.team-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fffffff2;border:2px solid rgba(255,255,255,.95);background:radial-gradient(circle at 30% 25%,#ffffff8c,#fff0 45%);box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -2px 4px #0000002e,0 6px 14px #0f172a2e;position:relative;margin-left:-.5rem}.team-avatar:first-child{margin-left:0}.bg-blue-300{background-color:#60a5fa}.bg-purple-300{background-color:#a78bfa}.bg-pink-300{background-color:#f472b6}.bg-green-300{background-color:#86efac}.bg-yellow-300{background-color:#facc15}.team-avatar.bg-blue-300,.team-avatar.bg-purple-300,.team-avatar.bg-pink-300,.team-avatar.bg-green-300,.team-avatar.bg-yellow-300{background-blend-mode:overlay}.tasks-content{max-width:1200px;margin:0 auto}.tasks-filter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.tasks-filter-header span{font-size:.9rem;color:#64748b}.tasks-filter-header strong{color:#0f172a;font-weight:600}.clear-filter-btn{padding:.5rem 1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.clear-filter-btn:hover{background:#e2e8f0;color:#0f172a}.tasks-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:1rem;gap:.75rem}.tasks-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.4rem .6rem;box-shadow:0 8px 14px #0f172a0f}.tasks-search input{border:none;outline:none;font-size:.85rem;min-width:220px;color:#0f172a;background:transparent}.tasks-search-clear{border:none;background:#eef2ff;color:#4f46e5;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.5rem;cursor:pointer}.tasks-search-clear:hover{background:#e0e7ff}.tasks-log-filter{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.35rem .6rem;box-shadow:0 8px 14px #0f172a0f}.tasks-log-filter input[type=date]{border:none;outline:none;font-size:.85rem;color:#0f172a;background:transparent}.tasks-log-download{border:none;background:#2563eb;color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .65rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.tasks-log-download:hover{background:#1d4ed8}.tasks-log-download:disabled{cursor:not-allowed;opacity:.6}.tasks-container{display:flex;flex-direction:column;gap:.75rem}.no-tasks-message{padding:3rem 1.5rem;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b}.no-tasks-message p{margin:0;font-size:1rem}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out}.task-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.task-card__header{display:flex;flex-direction:column;gap:0}.task-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.375rem}.task-card__title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;line-height:1.3;flex:1}.task-actions-inline{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.task-card__description{font-size:.875rem;color:#64748b;margin:0 0 .875rem;line-height:1.4}.task-hierarchy-row{display:flex;flex-wrap:wrap;gap:0;margin-bottom:.75rem;align-items:center;padding:.5rem .625rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0}.hierarchy-item-inline{display:flex;align-items:center;gap:.375rem;padding:0 .75rem;border-right:1px solid #e2e8f0}.hierarchy-item-inline:last-child{border-right:none}.hierarchy-item-inline:first-child{padding-left:0}.hierarchy-item{display:flex;flex-direction:column;gap:.25rem}.hierarchy-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.hierarchy-value{font-size:.875rem;color:#0f172a;font-weight:500}.hierarchy-item-inline .hierarchy-label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:none;letter-spacing:normal}.hierarchy-item-inline .hierarchy-value{font-size:.8125rem;color:#1e293b;font-weight:600}.task-logs-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.task-logs-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.task-logs-download{margin-left:auto;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.2rem .45rem;border-radius:.45rem}.task-logs-download:hover{background:#e2e8f0}.task-card-toggle{border:none;background:#f8fafc;color:#475569;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.25rem .5rem;border-radius:.45rem;border:1px solid #e2e8f0}.task-card-toggle:hover{background:#f1f5f9;color:#1f2937}.task-logs-icon{width:1rem;height:1rem;color:#64748b}.task-logs-title{font-size:.8125rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.task-logs-container{display:flex;flex-direction:column;gap:.375rem;max-height:calc(3*(56px + .375rem));overflow-y:auto;padding-right:.25rem}.task-log-item{display:flex;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;transition:all .2s ease}.task-log-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.task-log-icon-wrapper{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;background:#f1f5f9}.task-log-icon{width:1rem;height:1rem}.task-log-icon-start{color:#10b981}.task-log-icon-pause{color:#f59e0b}.task-log-icon-stop{color:#ef4444}.task-log-icon-default{color:#64748b}.task-log-content{flex:1;min-width:0}.task-log-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.task-log-action{font-size:.875rem;font-weight:600;color:#0f172a}.task-log-reason{font-weight:400;color:#64748b;font-size:.8125rem}.task-log-time{display:flex;flex-direction:column;gap:.15rem;font-size:.7rem;color:#94a3b8;white-space:nowrap;flex-shrink:0;text-align:right}.task-log-time-ago{color:#cbd5f5;font-size:.65rem}.task-log-user{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;margin-top:.125rem}.task-log-user-icon{width:.875rem;height:.875rem;color:#94a3b8}.task-log-details{font-size:.75rem;color:#475569;margin-top:.375rem;padding-top:.375rem;border-top:1px solid #f1f5f9;line-height:1.4}.task-complete-label{font-size:.75rem;font-weight:600;color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;padding:.2rem .45rem;border-radius:.5rem;text-transform:uppercase;letter-spacing:.04em}.task-logs-container::-webkit-scrollbar{width:6px}.task-logs-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.task-logs-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.task-logs-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.task-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#64748b;margin-top:.75rem}.task-meta__item{display:flex;align-items:center;gap:.5rem}.task-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.task-actions-inline .timer-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.timer-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.action-buttons,.task-actions-inline .action-buttons{display:flex;gap:.5rem;align-items:center}.btn-start,.btn-pause,.btn-stop{padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-start{background:#10b981;color:#fff}.btn-start:hover:not(:disabled){background:#059669}.btn-start:disabled{opacity:.6;cursor:not-allowed}.btn-pause{background:#f59e0b;color:#fff}.btn-pause:hover{background:#d97706}.btn-stop{background:#ef4444;color:#fff}.btn-stop:hover:not(:disabled){background:#dc2626}.btn-stop--disabled,.btn-stop:disabled{opacity:.6;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid}.status-todo{background:#f3f4f6;color:#374151;border-color:#d1d5db}.status-in-progress{background:#dbeafe;color:#1e40af;border-color:#3b82f6}.status-review{background:#fef3c7;color:#92400e;border-color:#fbbf24}.status-completed{background:#d1fae5;color:#065f46;border-color:#10b981}.status-blocked{background:#fee2e2;color:#991b1b;border-color:#ef4444}.status-paused{background:#fef3c7;color:#92400e;border-color:#facc15}.status-stopped{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.status-yet{background:#e0f2fe;color:#0c4a6e;border-color:#38bdf8}.empty-state{text-align:center;padding:3rem;color:#64748b}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:28rem;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-subtitle{font-size:.875rem;color:#64748b;margin:.5rem 0 0}.modal-body{padding:1.5rem}.modal-body label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.modal-body textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical}.modal-body textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary,.btn-submit,.btn-complete{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-submit{background:#2563eb;color:#fff}.btn-submit:hover{background:#1d4ed8}.btn-complete{background:#16a34a;color:#fff}.btn-complete:hover{background:#15803d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.pause-reasons-list{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.pause-reason-btn{width:100%;text-align:left;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s}.pause-reason-btn:hover{background:#f8fafc;border-color:#cbd5e1}.pause-reason-btn.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.pause-reason-content{display:flex;align-items:center;gap:.75rem}.pause-reason-icon{width:2rem;height:2rem;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#475569;flex-shrink:0}.pause-reason-name{font-weight:500;color:#0f172a;margin-bottom:.25rem}.pause-reason-desc{font-size:.875rem;color:#64748b}.required-indicator{color:#ef4444;font-weight:600;margin-left:2px}.custom-pause-note{padding:0 1.5rem 1.5rem}.custom-pause-note label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.custom-pause-note textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s}.custom-pause-note textarea.invalid{border-color:#ef4444;outline:none}.custom-pause-note textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.custom-pause-note .required-indicator{color:#ef4444;font-size:.75rem;font-weight:400}.custom-pause-note .word-count{margin-top:.5rem;font-size:.75rem;font-weight:500}.custom-pause-note .word-count.valid{color:#10b981}.custom-pause-note .word-count.invalid{color:#ef4444}@media(max-width:768px){.metrics-grid,.projects-grid{grid-template-columns:1fr}.task-card__header{flex-direction:column}.task-actions{align-items:stretch;width:100%}.action-buttons{width:100%}.task-hierarchy-row{flex-direction:column;align-items:flex-start;gap:.5rem}.hierarchy-item-inline{border-right:none;border-bottom:1px solid #e2e8f0;padding:.5rem 0;width:100%}.hierarchy-item-inline:last-child{border-bottom:none}.hierarchy-item-inline:first-child{padding-left:0}.btn-start,.btn-pause,.btn-stop{flex:1}}.milestones-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.milestones-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.milestones-error,.milestones-empty{text-align:center;padding:48px 24px;color:#64748b;font-size:18px}.milestones-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.milestones-header-left{flex:1;min-width:200px}.milestones-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.milestones-subtitle{font-size:14px;color:#64748b;margin:0}.milestones-header-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-primary-sm,.btn-secondary-sm{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0}.btn-primary-sm{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.btn-primary-sm:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.btn-secondary-sm{background:#fff;color:#3b82f6;border:1px solid #dbeafe}.btn-secondary-sm:hover{background:#eff6ff}.milestones-container{max-width:98%;margin:0 auto}.milestone-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0;margin-bottom:16px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.milestone-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.milestone-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(to right,#f9fafb,#fff);border-radius:8px 8px 0 0;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.milestone-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.milestone-icon{display:flex;align-items:center;color:#3b82f6;flex-shrink:0}.milestone-name-section{min-width:0;flex-shrink:0}.milestone-title-text{font-size:16px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-separator{width:1px;height:24px;background:#d1d5db;flex-shrink:0}.milestone-separator.separator-1{display:none}@media(min-width:640px){.milestone-separator.separator-1{display:block}}.milestone-description-section{flex:1;min-width:0;display:none}@media(min-width:640px){.milestone-description-section{display:block}}.milestone-description-text{font-size:14px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.milestone-separator.separator-2{display:none}@media(min-width:768px){.milestone-separator.separator-2{display:block}}.milestone-date-section{display:none;flex-direction:column;gap:4px;flex-shrink:0;align-items:flex-start}@media(min-width:768px){.milestone-date-section{display:flex}}.milestone-date-text,.milestone-owner-text{font-size:12px;font-weight:500;color:#374151;white-space:nowrap;margin:0;display:flex;align-items:center;gap:4px}.milestone-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.milestone-status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.milestone-status-pending{background:#fef3c7;color:#b45309}.milestone-status-in-progress{background:#bfdbfe;color:#1e40af}.milestone-status-review{background:#e9d5ff;color:#6b21a8}.milestone-status-completed{background:#d1fae5;color:#065f46}.milestone-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-edit-sm,.btn-add-task-sm,.btn-delete-sm{padding:6px 12px;font-size:12px;border-radius:6px;border:none;cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap}.btn-edit-sm{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.btn-edit-sm:hover{background:#bfdbfe;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.btn-add-task-sm{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.btn-add-task-sm:hover{background:#bbf7d0;transform:translateY(-1px);box-shadow:0 2px 4px #22c55e33}.btn-delete-sm{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-delete-sm:hover{background:#fecaca;transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.major-tasks-container{padding:12px 16px;margin-top:0}.task-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(to right,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;transition:all .2s;flex-wrap:wrap}.task-item:hover{background:#f3f4f6;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.task-item-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.task-name-section{flex-shrink:0;min-width:fit-content}.task-name{font-size:16px;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;cursor:pointer;transition:color .2s}.task-name:hover{color:#3b82f6}.task-separator{width:1px;height:20px;background:#d1d5db;flex-shrink:0}.task-description-section{flex:1;min-width:0}.task-description-text{font-size:14px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-date-section,.task-owner-section,.task-progress-section{flex-shrink:0;min-width:fit-content}.task-date-text,.task-owner-text,.task-progress-text{font-size:14px;font-weight:500;color:#374151;white-space:nowrap;display:flex;align-items:center;gap:4px}.task-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.task-status{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.task-actions{display:flex;gap:4px}.btn-edit-xs,.btn-delete-xs{padding:6px 10px;font-size:12px;border-radius:4px;border:none;cursor:pointer;transition:all .2s;font-weight:500}.btn-edit-xs{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.btn-edit-xs:hover{background:#bfdbfe}.btn-delete-xs{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-delete-xs:hover{background:#fecaca}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.modal-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s;padding:4px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#1f2937}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end}.btn{padding:10px 18px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media(max-width:768px){.milestones-page{padding:16px}.milestone-header{flex-direction:column;align-items:flex-start}.milestone-header-right{width:100%;justify-content:space-between}.task-item{flex-direction:column;align-items:flex-start}.task-item-right{width:100%;justify-content:space-between}}.scrum-board-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.scrum-board-page.kanban-full-screen{position:fixed;inset:0;z-index:1000;overflow:hidden}.scrum-recurring-block{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc}.scrum-recurring-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.scrum-recurring-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#475569}.scrum-recurring-options{display:grid;gap:12px}.scrum-recurring-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:6px}.scrum-recurring-day{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;border:1px solid #e2e8f0;border-radius:6px;padding:6px 4px;background:#fff}.scrum-recurring-cycles-row{display:flex;align-items:center;gap:12px}.scrum-recurring-warning{margin:6px 0 0;font-size:12px;color:#b45309}.scrum-recurring-note{margin:0;font-size:12px;color:#64748b}.scrum-recurring-badge{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;width:22px;height:22px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;flex-shrink:0}.scrum-board-loading,.scrum-board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scrum-board-error{text-align:center;padding:48px 24px;color:#64748b;font-size:18px}.scrum-board-header{background-color:#1a1f71;color:#fff;box-shadow:0 4px 6px #0000001a}.scrum-board-header-top{padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:16px}.scrum-board-header-left{display:flex;align-items:center;gap:16px;flex:1}.scrum-board-breadcrumb{cursor:pointer;transition:all .2s ease}.scrum-board-breadcrumb:hover{opacity:.8}.scrum-board-icon{width:40px;height:40px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scrum-board-title{font-size:24px;font-weight:700;margin:0 0 4px;color:#fff}.scrum-board-subtitle{font-size:14px;color:#fffc;margin:0}.scrum-board-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.scrum-board-toggle-btn,.scrum-board-add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;color:#fff}.scrum-board-toggle-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.35)}.scrum-board-toggle-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.scrum-board-toggle-btn.active{background:#fff;color:#1e3a8a;border-color:#1e3a8a73;box-shadow:0 6px 18px #1e40af40}.scrum-board-add-btn{background:linear-gradient(135deg,#1e40af,#3b82f6)}.scrum-board-add-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #1e40af4d}.scrum-sprint-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px;background:#fff;border-bottom:1px solid #e5e7eb}.scrum-metric-card{padding:16px;border-radius:8px;border-left:4px solid;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out}.scrum-metric-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;transform:translateY(-1px)}.scrum-progress-card{background:#f8fafc;border-left-color:#3b82f6}.scrum-metric-blue{background:#fff;border-left-color:#3b82f6}.scrum-metric-green{background:#fff;border-left-color:#10b981}.scrum-metric-orange{background:#fff;border-left-color:#f59e0b}.scrum-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scrum-metric-header h3{font-size:14px;font-weight:600;color:#374151;margin:0}.scrum-progress-percentage{font-size:24px;font-weight:700;color:#3b82f6}.scrum-sprint-badge{display:inline-block;background:linear-gradient(to bottom,#3b82f6,#1e40af);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:9999px;margin-bottom:12px;box-shadow:inset 0 1px #ffffff4d,0 4px 12px #00000040}.scrum-progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.scrum-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .8s ease-in-out,background .5s ease-in-out}.scrum-metric-content{display:flex;justify-content:space-between;align-items:center}.scrum-metric-label{font-size:14px;color:#6b7280;margin:0 0 4px}.scrum-metric-value{font-size:24px;font-weight:700;color:#1f2937;margin:0;transition:all .3s ease-in-out}.scrum-metric-value.updated{transform:scale(1.1);color:#3b82f6}.scrum-metric-sublabel{font-size:12px;color:#9ca3af;margin:4px 0 0}.scrum-metric-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.scrum-icon-blue{background:#dbeafe;color:#3b82f6}.scrum-icon-green{background:#d1fae5;color:#10b981}.scrum-icon-orange{background:#fed7aa;color:#f59e0b}.scrum-board-main{flex:1;padding:24px;overflow:hidden;display:flex;flex-direction:column}.scrum-board-container{flex:1;overflow-x:auto;overflow-y:auto;padding-bottom:16px}.scrum-board-columns{display:flex;gap:24px;min-width:max-content;height:100%}.scrum-board-column{width:320px;display:flex;flex-direction:column;flex-shrink:0}.scrum-column-header{padding:16px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid}.scrum-column-gray{background:#e5e7eb;border-bottom-color:#9ca3af}.scrum-column-yellow{background:#fef3c7;border-bottom-color:#f59e0b}.scrum-column-blue{background:#dbeafe;border-bottom-color:#3b82f6}.scrum-column-purple{background:#e9d5ff;border-bottom-color:#8b5cf6}.scrum-column-green{background:#d1fae5;border-bottom-color:#10b981}.scrum-column-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.scrum-column-count{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:700;color:#fff}.scrum-badge-gray{background:#6b7280}.scrum-badge-yellow{background:#f59e0b}.scrum-badge-blue{background:#3b82f6}.scrum-badge-purple{background:#8b5cf6}.scrum-badge-green{background:#10b981}.scrum-column-content{flex:1;background:#f9fafb;border-radius:0 0 8px 8px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:400px;transition:all .2s}.scrum-column-content.scrum-drag-over{background:#dbeafe;border:2px dashed #3b82f6}.scrum-task-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out;cursor:grab;position:relative}.scrum-task-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;transform:translateY(-1px)}.scrum-task-card:active{cursor:grabbing}.scrum-task-card.scrum-card-gray{border-left-color:#6b7280}.scrum-task-card.scrum-card-yellow{border-left-color:#f59e0b}.scrum-task-card.scrum-card-blue{border-left-color:#3b82f6}.scrum-task-card.scrum-card-purple{border-left-color:#8b5cf6}.scrum-task-card.scrum-card-green{border-left-color:#10b981}.scrum-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.scrum-task-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;flex:1}.scrum-task-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.scrum-task-edit-btn{padding:4px;font-size:12px;color:#6b7280;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.scrum-task-card:hover .scrum-task-edit-btn{opacity:1;visibility:visible}.scrum-task-edit-btn:hover{background:#f3f4f6;color:#374151}.scrum-task-log-btn{padding:4px 8px;font-size:12px;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0}.scrum-task-log-btn:hover{background:#e5e7eb;color:#374151}.scrum-task-reopen-btn{padding:4px 8px;font-size:12px;font-weight:600;color:#1d4ed8;background:#eef2ff;border:1px solid #c7d2fe;border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0}.scrum-task-reopen-btn:hover{background:#e0e7ff;color:#1e40af}.scrum-task-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.scrum-task-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.scrum-task-status-group{display:inline-flex;align-items:center;gap:6px}.scrum-task-reopen-badge{padding:3px 8px;border-radius:9999px;font-size:10px;font-weight:700;color:#1f2937;background:#fef3c7;border:1px solid #fcd34d;white-space:nowrap}.scrum-task-assignee{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.scrum-task-status{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.scrum-status-gray{background:#f3f4f6;color:#374151}.scrum-status-yellow{background:#fef3c7;color:#92400e}.scrum-status-blue{background:#dbeafe;color:#1e40af}.scrum-status-purple{background:#e9d5ff;color:#6b21a8}.scrum-status-green{background:#d1fae5;color:#065f46}.scrum-task-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280;padding-top:12px;border-top:1px solid #f3f4f6}.scrum-task-hours{display:flex;flex-direction:column;gap:4px}.scrum-task-points{background:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600}.scrum-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scrum-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;display:flex;flex-direction:column}.scrum-log-modal{max-width:800px}.scrum-modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.scrum-modal-title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.scrum-modal-subtitle{font-size:14px;color:#6b7280;margin:4px 0 0}.scrum-modal-close{background:none;border:none;color:#9ca3af;cursor:pointer;transition:color .2s;padding:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.scrum-modal-close:hover{color:#1f2937}.scrum-modal-body{padding:24px;flex:1;overflow-y:auto}.scrum-form-group{margin-bottom:16px}.scrum-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.scrum-form-group input,.scrum-form-group textarea,.scrum-form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.scrum-form-group input:focus,.scrum-form-group textarea:focus,.scrum-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.scrum-form-group textarea{resize:vertical;min-height:80px}.scrum-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.scrum-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;background:#f9fafb}.scrum-modal-footer-right{display:flex;gap:12px}.scrum-btn{padding:10px 18px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.scrum-btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.scrum-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.scrum-btn-secondary{background:#e5e7eb;color:#374151}.scrum-btn-secondary:hover{background:#d1d5db}.scrum-btn-danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.scrum-btn-danger:hover{background:#fecaca}.scrum-log-content{padding:24px}.scrum-log-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.scrum-log-table table{width:100%;border-collapse:collapse}.scrum-modal-header-actions{display:flex;align-items:center;gap:.75rem}.scrum-log-download-btn{border:1px solid #d1d5db;background:#f8fafc;color:#1f2937;font-size:.75rem;font-weight:600;padding:.35rem .6rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.scrum-log-download-btn:hover:not(:disabled){background:#e2e8f0}.scrum-log-download-btn:disabled{opacity:.6;cursor:not-allowed}.scrum-log-status{display:flex;flex-direction:column;gap:.25rem}.scrum-log-reason{font-size:.75rem;color:#64748b;line-height:1.4}.scrum-log-table thead{background:#f9fafb}.scrum-log-table th{text-align:left;font-weight:600;font-size:14px;color:#374151;padding:12px 16px;border-bottom:1px solid #e5e7eb}.scrum-log-table td{padding:12px 16px;font-size:14px;color:#6b7280;border-top:1px solid #f3f4f6}.scrum-log-empty{text-align:center;color:#9ca3af;font-style:italic;padding:24px!important}.scrum-notification{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:slideInRight .3s ease-out;max-width:400px;font-size:14px;font-weight:500}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.scrum-notification-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.scrum-notification-error{background:#fee2e2;color:#7f1d1d;border-left:4px solid #ef4444}.scrum-notification-info{background:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6}.scrum-notification-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.scrum-floating-add-btn{position:fixed;bottom:32px;right:24px;z-index:55;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 24px #1e40af40;transition:all .2s}.scrum-floating-add-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1e40af4d}.scrum-exit-fullscreen-btn{position:fixed;top:24px;right:24px;z-index:60;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0f172ad9;color:#f8fafc;border:1px solid rgba(148,163,184,.35);border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 10px 30px #0f172a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.scrum-exit-fullscreen-btn:hover{transform:translateY(-1px);opacity:.95}.scrum-board-container::-webkit-scrollbar,.scrum-column-content::-webkit-scrollbar,.scrum-modal-body::-webkit-scrollbar{width:8px;height:8px}.scrum-board-container::-webkit-scrollbar-track,.scrum-column-content::-webkit-scrollbar-track,.scrum-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.scrum-board-container::-webkit-scrollbar-thumb,.scrum-column-content::-webkit-scrollbar-thumb,.scrum-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.scrum-board-container::-webkit-scrollbar-thumb:hover,.scrum-column-content::-webkit-scrollbar-thumb:hover,.scrum-modal-body::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@media(max-width:768px){.scrum-sprint-overview{grid-template-columns:1fr}.scrum-board-columns{flex-direction:column}.scrum-board-column{width:100%}.scrum-form-row{grid-template-columns:1fr}}body.kanban-full-screen{overflow:hidden;background:#f1f5f9}body.kanban-full-screen .scrum-board-page{height:100vh;overflow:hidden}body.kanban-full-screen .scrum-sprint-overview{display:none}body.kanban-full-screen .scrum-board-main{padding-top:24px;padding-bottom:24px}body.kanban-full-screen .scrum-board-container{overflow-x:auto;overflow-y:auto;padding-bottom:16px}body.kanban-full-screen #kanban-board-container{min-height:calc(100vh - 220px)}.corporate-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:1.5rem}.corporate-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .2s ease-in-out}.corporate-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;transform:translateY(-1px)}.analytics-page{width:100%;max-width:100%}.analytics-tabs{display:inline-flex;align-items:center;background:#fff;border-radius:9999px;border:1px solid rgba(148,163,184,.4);padding:.25rem;gap:.5rem;margin-bottom:1.5rem}.analytics-tab{border:none;background:transparent;border-radius:9999px;padding:.45rem 1.5rem;font-weight:600;font-size:.9rem;color:#475569;cursor:pointer;transition:all .2s ease}.analytics-tab.is-active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 20px #2563eb40}.tab-panel{display:none}.tab-panel.is-active{display:block}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.custom-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;background-color:#fff!important;color:#1e293b!important;appearance:none}.summary-cards-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}@media(max-width:768px){.summary-cards-row{grid-template-columns:1fr;grid-auto-flow:row}}.chart-container,.chart-container-small{position:relative;height:300px;width:100%}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.text-slate-500{color:#64748b}.block{display:block}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.w-3{width:.75rem}.w-6{width:1.5rem}.w-12{width:3rem}.h-3{height:.75rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.bg-blue-100{background-color:#dbeafe}.bg-orange-100{background-color:#fed7aa}.bg-green-100{background-color:#dcfce7}.bg-violet-100{background-color:#ede9fe}.bg-slate-100{background-color:#f1f5f9}.text-blue-600{color:#2563eb}.text-orange-600{color:#ea580c}.text-green-600{color:#16a34a}.text-violet-600{color:#7c3aed}.text-slate-700{color:#334155}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-slate-300{border-color:#cbd5e1}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:border-transparent:focus{border-color:transparent}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-slate-200:hover{background-color:#e2e8f0}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.pause-chart-container{position:relative;height:320px;width:100%}.heatmap-row{display:grid;grid-template-columns:60px repeat(6,minmax(0,1fr));gap:.5rem;align-items:center;margin-bottom:.35rem}.heatmap-row--header{margin-bottom:.6rem}.heatmap-day-label{font-size:.75rem;color:#64748b;text-align:center;font-weight:600}.heatmap-cell-stack{width:4.84rem;height:3.74rem;display:flex;flex-direction:column;justify-content:space-between;gap:.25rem}.heatmap-block{flex:1;min-height:1.65rem;border-radius:.35rem;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:600;letter-spacing:.01em;color:#fff;box-shadow:inset 0 1px #ffffff40;text-shadow:0 1px 2px rgba(0,0,0,.35)}.heatmap-block.is-empty{background:#e2e8f0;color:#475569;text-shadow:none;box-shadow:none}.heatmap-block.planned.intensity-0{background:#dbeafe;color:#1e40af}.heatmap-block.planned.intensity-1{background:#60a5fa}.heatmap-block.planned.intensity-2{background:#2563eb}.heatmap-block.planned.intensity-3{background:#1e3a8a}.heatmap-block.actual.intensity-0{background:#dcfce7;color:#166534}.heatmap-block.actual.intensity-1{background:#4ade80}.heatmap-block.actual.intensity-2{background:#16a34a}.heatmap-block.actual.intensity-3{background:#166534}.heatmap-legend{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#475569;margin-top:1rem}.heatmap-legend__swatches{display:flex;gap:.25rem}.heatmap-legend__swatches span{width:.75rem;height:.75rem;border-radius:.125rem}.utilisation-table{width:100%;border-collapse:collapse}.utilisation-panel .metrics-grid{gap:1.25rem}.utilisation-filters-card{border:1px solid rgba(148,163,184,.25);box-shadow:0 8px 24px #0f172a0f}.utilisation-filters-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.8)}.utilisation-filter-actions{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap}.utilisation-reset-btn{border:1px solid rgba(37,99,235,.25);background:#2563eb14;color:#1d4ed8;font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:.65rem;transition:all .2s ease}.utilisation-reset-btn:hover{background:#2563eb29;border-color:#2563eb66}.utilisation-input{font-weight:500;color:#0f172a}.utilisation-panel .filters-grid select,.utilisation-panel .filters-grid input[type=date]{height:2rem;padding:.25rem .5rem}.utilisation-table thead{background:#f8fafc}.utilisation-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;color:#475569;border-bottom:2px solid #e2e8f0}.utilisation-table td{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#1e293b}.utilisation-table th:nth-child(3),.utilisation-table th:nth-child(4),.utilisation-table th:nth-child(5),.utilisation-table th:nth-child(6),.utilisation-table th:nth-child(7),.utilisation-table td:nth-child(3),.utilisation-table td:nth-child(4),.utilisation-table td:nth-child(5),.utilisation-table td:nth-child(6),.utilisation-table td:nth-child(7){text-align:center}.utilisation-table tbody tr:hover{background:#f8fafc}.text-right{text-align:right}.text-left{text-align:left}.task-load-table{width:100%;border-collapse:collapse}.task-load-table thead{background:#f8fafc}.task-load-table th{padding:.5rem;text-align:center;font-weight:600;font-size:.75rem;color:#475569;border:1px solid #e2e8f0}.task-load-table td{padding:.5rem;border:1px solid #e2e8f0;font-size:.75rem;text-align:center}.task-load-table tbody tr:hover{background:#f8fafc}.gantt-scroll{overflow:auto;-webkit-overflow-scrolling:touch;max-height:65vh}.gantt-table{min-width:840px}.gantt-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-top:1px solid rgba(148,163,184,.25)}.gantt-row:first-child{border-top:none}.gantt-label{width:280px;min-width:280px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-weight:600;font-size:.875rem}.gantt-timeline{position:relative;height:28px;border-radius:10px;background:repeating-linear-gradient(to right,rgba(226,232,240,.9),rgba(226,232,240,.9) 1px,transparent 1px,transparent 110px);border:1px solid rgba(148,163,184,.25);flex:1;min-width:0;overflow:hidden}.gantt-label__meta{display:block;margin-top:.1rem;font-size:.75rem;color:#64748b;font-weight:500}.gantt-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid rgba(148,163,184,.25)}.gantt-header__spacer{width:280px;min-width:280px;max-width:280px}.gantt-weeks{display:grid;gap:0}.gantt-week{text-align:center;font-size:.75rem;color:#475569;padding:0;border-left:1px solid rgba(148,163,184,.25);line-height:1.1;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;gap:.15rem;box-sizing:border-box;margin-left:0;transform:translate(5mm)}.gantt-week__box{width:100%;border:1px solid rgba(148,163,184,.35);background:#f8fafce6;border-radius:.4rem;padding:.25rem;font-weight:700;color:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;box-sizing:border-box}.gantt-week:first-child{border-left:none}.gantt-project{border:1px solid rgba(148,163,184,.25);border-radius:.75rem;background:#fff;overflow:hidden;margin-bottom:.75rem}.gantt-project summary{cursor:pointer;list-style:none;padding:.9rem 1rem;background:linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;align-items:center;justify-content:space-between;gap:1rem}.gantt-project--milestone summary{background:linear-gradient(135deg,#f8fafc,#fff7ed)}.gantt-project--major summary{background:linear-gradient(135deg,#f8fafc,#ecfdf5)}.gantt-project summary::-webkit-details-marker{display:none}.gantt-project__title{font-weight:700;color:#0f172a}.gantt-legend{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:#475569;padding:.6rem .9rem;border:1px solid rgba(226,232,240,.9);border-radius:9999px;background:#f8fafc}.gantt-legend__swatch{display:inline-block;width:18px;height:10px;border-radius:9999px;border:1px solid rgba(15,23,42,.15);box-shadow:inset 0 1px #fff9;margin-right:.15rem}.gantt-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:3mm}.gantt-card{padding:1.1rem 1.25rem 0}#analyticsGanttPanel .gantt-toolbar{margin-bottom:0}#analyticsGanttPanel #ganttRoot:empty{display:none}.gantt-toolbar__title h3{display:flex;align-items:center;gap:.5rem}.gantt-toolbar__controls{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.gantt-filter{background:#f8fafc;border:1px solid rgba(226,232,240,.8);padding:.6rem .9rem;border-radius:.75rem;box-shadow:inset 0 1px #ffffffb3}.gantt-filter label{font-size:.95rem;font-weight:600;color:#475569;margin-bottom:2mm}.gantt-filter select{background-color:#fff;width:280px;height:2.6rem}.gantt-legend span{display:inline-flex;align-items:center;gap:.45rem}.gantt-legend{padding:.5rem .75rem;border:1px solid rgba(226,232,240,.9);border-radius:9999px;background:#f8fafc}.gantt-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.75rem;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-weight:600;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.gantt-action-btn:hover{background:#1e40af;border-color:#1e40af}@media(max-width:960px){.gantt-toolbar__controls{justify-content:flex-start}.gantt-filter select{width:220px}}#analyticsGanttPanel:fullscreen{background:#f8fafc;overflow:auto;padding:1rem;width:100vw;height:100vh;box-sizing:border-box}#analyticsGanttPanel:fullscreen .space-y-6{height:100%}#analyticsGanttPanel:fullscreen .corporate-card{height:100%;display:flex;flex-direction:column}#analyticsGanttPanel:fullscreen #ganttRoot{flex:1;min-height:0;display:flex;flex-direction:column}#analyticsGanttPanel:fullscreen .gantt-scroll{flex:1;min-height:0;max-height:none}#analyticsGanttPanel:-webkit-full-screen{background:#f8fafc;overflow:auto;padding:1rem;width:100vw;height:100vh;box-sizing:border-box}#analyticsGanttPanel:-webkit-full-screen .space-y-6{height:100%}#analyticsGanttPanel:-webkit-full-screen .corporate-card{height:100%;display:flex;flex-direction:column}#analyticsGanttPanel:-webkit-full-screen #ganttRoot{flex:1;min-height:0;display:flex;flex-direction:column}#analyticsGanttPanel:-webkit-full-screen .gantt-scroll{flex:1;min-height:0;max-height:none}.gantt-bar{position:absolute;top:50%;transform:translateY(-50%);height:14px;border-radius:9999px}.gantt-bar--plan{background:#1d4ed8eb;border:1px solid rgba(29,78,216,.92)}.gantt-bar--actual-good{background:#10b981e6}.gantt-bar--actual-warn{background:#eab308f2}.gantt-bar--actual-late{background:#ef4444f2}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.metric-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.table-wrapper{position:relative;overflow-x:auto}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10}.filters-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.task-load-actions{display:flex;gap:.75rem}.task-load-card{border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 26px #0f172a0f}.task-load-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.9)}.task-load-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.1rem;border-radius:.75rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.875rem;border:none;box-shadow:0 10px 20px #2563eb2e;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.task-load-primary-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 12px 24px #1e40af40;transform:translateY(-1px)}.task-load-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.6);color:#334155;font-weight:600;font-size:.875rem;background:#f8fafc;transition:all .2s ease}.task-load-secondary-btn:hover{background:#f1f5f9;border-color:#94a3b8cc}.task-load-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}#analyticsTaskLoadPanel .task-load-filter-grid select,#analyticsTaskLoadPanel .task-load-filter-grid input[type=date]{height:2rem;padding:.25rem .5rem}.task-load-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.task-load-legend{display:flex;gap:1rem;font-size:.875rem}.task-load-table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}@media(max-width:960px){.task-load-table-header{flex-direction:column;align-items:flex-start}}.task-load-legend span{display:flex;align-items:center;gap:.5rem}.task-load-legend b{display:inline-block;width:1rem;height:1rem;border-radius:.25rem}.task-load-empty-state{padding:3rem;text-align:center;color:#64748b;font-size:.875rem}.corporate-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.settings-page{min-height:100vh;display:flex;flex-direction:column}.settings-breadcrumb{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.breadcrumb-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.875rem;color:#64748b}.breadcrumb-link{color:#64748b;text-decoration:none;display:flex;align-items:center;transition:color .2s}.breadcrumb-link:hover{color:#2563eb}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{font-weight:500;color:#2563eb}.settings-container{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:20rem;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;box-shadow:2px 0 4px #0000001a;overflow-y:auto}.sidebar-content{padding:1.5rem}.sidebar-title{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.sidebar-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-nav-list .nav-item{width:100%;text-align:left;padding:.75rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.75rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s;font-size:.875rem}.sidebar-nav-list .nav-item:hover{background:#ffffff1a;transform:translate(4px)}.sidebar-nav-list .nav-item-active{background:#fff3;border-bottom:2px solid white}.settings-panel{flex:1;padding:2rem;overflow-y:auto;margin-top:4rem}.corporate-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:.5rem;padding:2rem;transition:all .2s}.corporate-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.section-header{margin-bottom:2rem;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1.5rem}.section-header-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.section-header>div:first-child{flex:1}.section-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.section-header p{color:#64748b;font-size:.875rem;margin:0}.section-header .btn-primary{align-self:flex-start;margin:0;font-size:1rem;font-weight:500;padding:.625rem 1.25rem;gap:.625rem;white-space:nowrap;align-items:center;justify-content:center;flex-shrink:0}.section-header .btn-primary svg{width:1.25rem!important;height:1.25rem!important;flex-shrink:0}.section-title-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title-bar h3,.section-title-bar h4{font-size:1.125rem;font-weight:600;color:#1e293b}.section-title-bar .btn-primary{font-size:.875rem;font-weight:500;padding:.5rem 1rem;gap:.5rem;white-space:nowrap;display:inline-flex;align-items:center}.section-title-bar .btn-primary svg{width:.75rem!important;height:.75rem!important;flex-shrink:0}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1}.btn-success{background:#059669;color:#fff}.btn-success:hover{background:#047857}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-icon{padding:.25rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;width:1.5rem;height:1.5rem}.btn-icon:hover{color:#475569;background:#f1f5f9;border-radius:.25rem}.btn-icon-danger{color:#ef4444}.btn-icon-danger:hover{color:#dc2626;background:#fee2e2;border-radius:.25rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;border-color:#cbd5e1}.template-card-selected{border-color:#3b82f6;border-width:2px;background:#f8fafc}.template-card-content{display:flex;align-items:flex-start;gap:1rem}.template-icon{width:2.5rem;height:2.5rem;background:#3b82f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.template-info{flex:1;min-width:0}.template-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.template-header-row h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.template-actions-row{display:flex;align-items:center;gap:.5rem}.template-delete-btn{padding:.25rem;background:transparent;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;opacity:.7}.template-delete-btn:hover{opacity:1;color:#dc2626}.template-badges{display:flex;gap:.5rem}.badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#d1fae5;color:#065f46}.badge-purple{background:#e9d5ff;color:#6b21a8}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.template-description{font-size:.875rem;color:#64748b;margin-bottom:.75rem;line-height:1.5}.template-footer{display:flex;align-items:center;justify-content:space-between}.template-colors{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.color-dot{width:.75rem;height:.75rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.color-dot-more{font-size:.75rem;color:#94a3b8}.template-steps-count{font-size:.75rem;color:#64748b;font-weight:500}.selected-template-config{margin-top:2rem}.template-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.banner-content{display:flex;align-items:center;gap:.75rem}.banner-icon{width:2.5rem;height:2.5rem;background:#2563eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.banner-content h4{font-weight:600;color:#1e40af;margin:0}.banner-content p{font-size:.875rem;color:#2563eb;margin:0}.banner-close{background:transparent;border:none;color:#93c5fd;cursor:pointer;padding:.25rem}.banner-close:hover{color:#2563eb}.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;min-height:100px}.step-card{background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;padding:1rem;transition:all .2s;cursor:grab;position:relative}.step-card:active{cursor:grabbing}.step-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.step-card-dragging{opacity:.5;transform:scale(.95)}.step-card-drag-over{border-color:#10b981;background:#f0fdfa;transform:scale(1.02)}.step-drag-handle{display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:grab;padding:.25rem;margin-right:.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.step-drag-handle:active{cursor:grabbing}.step-card:hover .step-drag-handle{color:#64748b}.steps-grid{pointer-events:auto}.step-card .btn-icon,.step-card .btn-icon-danger{pointer-events:auto;cursor:pointer}.step-card .step-drag-handle{pointer-events:auto;cursor:grab}.step-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.step-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.step-color-indicator{width:1rem;height:1rem;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.step-info h5{font-size:.875rem;font-weight:500;color:#1e293b;margin:0}.step-actions{display:flex;gap:.25rem;flex-shrink:0;align-items:center}.step-description{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.step-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8}.card-shape-section{margin-bottom:1.5rem}.card-shape-section h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.card-shape-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.card-shape-info-content{display:flex;align-items:flex-start;gap:.75rem}.card-info-icon{width:1.25rem;height:1.25rem;color:#2563eb;flex-shrink:0;margin-top:.125rem}.card-info-title{font-size:.875rem;font-weight:500;color:#1e40af;margin:0 0 .25rem}.card-info-subtitle{font-size:.75rem;color:#2563eb;margin:0}.card-shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.card-shape-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid #cbd5e1;border-radius:.5rem;cursor:pointer;transition:all .2s}.card-shape-option:hover{background:#f8fafc}.card-shape-option.selected{border-color:#10b981;border-width:2px;background:#f0fdfa;box-shadow:0 2px 4px #10b9811a}.card-shape-option input[type=radio]{width:1.25rem;height:1.25rem;accent-color:#10b981;cursor:pointer}.shape-label{font-weight:500;color:#1e293b}.shape-description{font-size:.875rem;color:#64748b}.card-preview-section{background:#f8fafc;padding:1.5rem;border-radius:.5rem;margin-top:1rem}.card-preview-header{text-align:center;margin-bottom:1rem}.card-preview-header p{font-size:.875rem;color:#64748b;margin:0}.card-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.card-preview-item{text-align:center}.card-preview-item h5{font-size:.875rem;font-weight:500;color:#475569;margin:0 0 .5rem}.card-preview-card{background:#fff;padding:.75rem;box-shadow:0 1px 2px #0000000d;border-left:4px solid}.card-preview-header-inner{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.card-preview-task{font-size:.75rem;font-weight:500;color:#1e293b}.card-preview-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:.25rem}.card-preview-description{font-size:.75rem;color:#64748b;margin:0 0 .5rem}.card-preview-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#94a3b8}.template-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.roles-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.role-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.role-card-content h4{font-size:1rem;font-weight:500;color:#1e293b;margin:0 0 .25rem}.role-card-content p{font-size:.875rem;color:#64748b;margin:.25rem 0}.role-permissions-summary{font-size:.75rem;color:#94a3b8}.role-card-actions{display:flex;gap:.5rem}.pause-reasons-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.pause-reason-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.pause-reason-content h4{font-size:1rem;font-weight:500;color:#1e293b;margin:0 0 .25rem}.pause-reason-content p{font-size:.875rem;color:#64748b;margin:0}.pause-reason-actions{display:flex;gap:.5rem}.pause-settings{margin-top:2rem}.pause-settings h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;cursor:pointer}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#0d9488;margin-top:.125rem}.checkbox-label span{font-size:.875rem;color:#475569}.archive-toggle-section{margin-bottom:2rem}.toggle-card{padding:1.5rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#f8fafc;display:flex;flex-direction:column;gap:1rem}.toggle-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.toggle-card p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.toggle-controls{display:flex;align-items:center;gap:.75rem}.toggle-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-switch input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:#0d9488}.archive-cleanup-section{margin-top:1.5rem}.cleanup-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cleanup-header h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.cleanup-header p{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.cleanup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card{padding:1rem;background:#f8fafc;border-radius:.5rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.stat-value{font-size:1rem;font-weight:600;color:#1e293b;margin-top:.25rem}.stat-context{font-size:.75rem;color:#64748b;margin-top:.25rem}.recurring-tasks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.recurring-tasks-form{border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;background:#fff}.recurring-tasks-form h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.recurring-tasks-info{border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem;background:#f8fafc}.recurring-tasks-info h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.recurring-tasks-info ul{list-style:disc;padding-left:1.5rem;color:#475569;font-size:.875rem}.recurring-tasks-info li{margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.form-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-help{font-size:.75rem;color:#6b7280;margin-top:.25rem}.permissions-section{border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;background:#f8fafc;margin-top:.5rem}.permissions-info{margin-bottom:1.5rem}.permissions-info p{font-size:.875rem;color:#64748b;margin:0}.permissions-group{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.permissions-group:last-of-type{border-bottom:none;margin-bottom:1rem}.permissions-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.permissions-group-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.permissions-group-desc{font-size:.875rem;color:#64748b;margin:0}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;background:#fff;border:1px solid #0d9488;border-radius:.375rem;font-size:.875rem;font-weight:600;color:#0d9488;white-space:nowrap;transition:all .2s;flex-shrink:0}.select-all-checkbox:hover{background:#f0fdfa;border-color:#14b8a6}.select-all-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#0d9488;flex-shrink:0}.select-all-checkbox span{-webkit-user-select:none;user-select:none}.permissions-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:background-color .2s;font-size:.875rem;color:#374151}.permission-checkbox:hover{background-color:#f1f5f9}.permission-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#0d9488;flex-shrink:0}.permission-checkbox span{-webkit-user-select:none;user-select:none}.page-permissions-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.page-permission-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.25rem}.page-permission-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.page-permission-header>div:first-child{flex:1}.page-permission-header h5{font-size:.9375rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.page-permission-desc{font-size:.8125rem;color:#64748b;margin:0}.permissions-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;background:#fff;padding:1rem;border-radius:.5rem}.permissions-summary strong{display:block;font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.permissions-summary p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.custom-color-picker{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.custom-color-picker input[type=color]{width:3rem;height:2.5rem;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer}.custom-color-picker input[type=text]{flex:1}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:32rem;width:100%;max-height:90vh;overflow-y:auto}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem}.modal-close:hover{color:#475569}.modal-form{padding:1.5rem}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.settings-notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;z-index:100;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease-out}.settings-notification-success{background:#059669;color:#fff;border-left:4px solid #047857}.settings-notification-error{background:#dc2626;color:#fff;border-left:4px solid #b91c1c}.settings-notification-warning{background:#d97706;color:#fff;border-left:4px solid #b45309}.settings-notification-info{background:#2563eb;color:#fff;border-left:4px solid #1e40af}.settings-loading,.settings-error{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.125rem;color:#64748b}.settings-error{color:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{width:100%;max-height:200px}.settings-panel{margin-top:0}.templates-grid,.steps-grid,.form-grid,.recurring-tasks-grid,.cleanup-stats,.card-shape-options{grid-template-columns:1fr}}.team-page.corporate-bg{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;min-height:100vh;padding:0!important;display:block!important;width:100%!important;position:relative!important}.content>.team-page,.content>.team-page.corporate-bg{display:block!important;width:100%!important;height:auto!important}.team-page .corporate-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-radius:.5rem;transition:all .2s;display:block!important}.team-page .corporate-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.team-page{min-height:100vh;padding:0;max-width:100%;overflow-x:hidden;width:100%;box-sizing:border-box;display:block!important}.team-header-section{padding:1.5rem 1.5rem 0;display:block!important}.team-main{padding:3rem 1.5rem!important;max-width:1600px!important;margin:0 auto!important;width:100%!important;box-sizing:border-box!important;display:block!important}.team-loading{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.125rem;color:#64748b}.team-notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;z-index:1000;animation:slideIn .3s ease-out}.team-notification-success{background:#10b981;color:#fff}.team-notification-error{background:#ef4444;color:#fff}.team-breadcrumb{margin-bottom:1.5rem}.breadcrumb-list{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.breadcrumb-link{display:flex;align-items:center;color:#64748b;transition:color .2s}.breadcrumb-link:hover{color:#0ea5e9}.breadcrumb-separator{display:flex;align-items:center;color:#94a3b8}.breadcrumb-current{font-weight:500;color:#0ea5e9}.team-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.team-stat-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;border-radius:.5rem;transition:all .2s}.team-stat-card:hover{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.stat-card-content{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.stat-value{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0}.stat-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.stat-icon-sky{background:#e0f2fe;color:#0284c7}.stat-icon-emerald{background:#d1fae5;color:#059669}.stat-icon-blue{background:#dbeafe;color:#2563eb}.stat-icon-amber{background:#fef3c7;color:#d97706}#team-grid-container,.team-page .team-main .team-grid,.team-page .team-main div.team-grid,div.team-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%!important;margin-bottom:2rem!important;box-sizing:border-box!important;max-width:100%!important;position:relative!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important}.team-page .team-main{display:block!important;width:100%!important;max-width:1600px!important}@media(max-width:1024px){#team-grid-container,.team-page .team-main .team-grid,.team-page .team-main div.team-grid,div.team-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){#team-grid-container,.team-page .team-main .team-grid,.team-page .team-main div.team-grid,div.team-grid{grid-template-columns:1fr!important}}.team-page .team-main .team-grid>.team-member-card{background:#fff!important;border-radius:.75rem!important;padding:1.5rem!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important;cursor:pointer!important;transition:all .2s!important;position:relative!important;overflow:visible!important;min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;flex:none!important;flex-shrink:0!important;flex-grow:0!important;grid-column:auto!important;grid-row:auto!important}.team-page .team-main .team-grid>.team-member-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.member-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.member-avatar-section{display:flex;align-items:center;gap:.75rem;flex:1}.member-avatar{width:3rem;height:3rem;background:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.875rem;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003,0 2px 4px #00000026,0 1px 2px #0000001a;border:1px solid rgba(0,0,0,.1);position:relative}.member-avatar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff3,#ffffff0d,#0000000d);pointer-events:none}.member-info{flex:1}.member-name{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.member-designation{font-size:.875rem;color:#64748b;margin:0 0 .25rem}.member-employee-id{font-size:.75rem;color:#94a3b8;margin:0}.member-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.group:hover .member-actions{opacity:1}.member-action-btn{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.member-edit-btn{background:#f1f5f9;color:#475569}.member-edit-btn:hover{background:#e2e8f0}.member-delete-btn{background:#fee2e2;color:#dc2626}.member-delete-btn:hover{background:#fecaca}.member-role-badge{margin-bottom:1rem}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-lead{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.role-manager{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.role-developer{background:#d1fae5;color:#065f46;border:1px solid #10b981}.role-administrator{background:#fce7f3;color:#9f1239;border:1px solid #ec4899}.member-details{margin-bottom:1rem}.member-function{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.member-skills{display:flex;flex-wrap:wrap;gap:.25rem}.skill-tag{background:#e0f2fe;color:#0369a1;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center}.skill-tag button{background:none;border:none;color:#0369a1;font-weight:700;cursor:pointer;padding:0;margin-left:.25rem;line-height:1}.skill-tag button:hover{color:#dc2626}.member-contact{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.member-contact .contact-item{margin-bottom:.25rem}.member-contact .contact-item:last-child{margin-bottom:0}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.contact-item svg{width:1rem!important;height:1rem!important;flex-shrink:0;min-width:1rem;max-width:1rem}.currency-badge{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:#e0f2fe;color:#0284c7;font-size:.75rem;font-weight:600}.member-projects{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.projects-label{font-size:.875rem;font-weight:500;color:#475569;margin:0 0 .5rem}.projects-tags{display:flex;flex-wrap:wrap;gap:.25rem}.project-tag{background:#d1fae5;color:#065f46;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.project-tag-empty{color:#94a3b8;font-size:.75rem;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.team-modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:42rem;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#64748b}.team-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-group label{font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.tooltip-icon{color:#94a3b8;cursor:help}.form-group input,.form-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-hint{font-size:.75rem;color:#64748b;margin:.25rem 0 0}.password-input-group{display:flex;gap:.75rem}.password-input-group input{flex:1}.generate-password-btn{padding:.5rem 1rem;background:#1e293b;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:background .2s}.generate-password-btn:hover{background:#334155}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.checkbox-group label{font-size:.875rem;color:#64748b;margin:0;cursor:pointer}.tag-input-container{min-height:2.625rem;border:1px solid #d1d5db;border-radius:.5rem;padding:.375rem;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;background:#fff;cursor:text;transition:all .2s}.tag-input-container:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.skill-tags-container{display:flex;flex-wrap:wrap;gap:.25rem}.tag-input{border:none;outline:none;flex:1;min-width:100px;padding:.25rem;font-size:.875rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.btn-secondary{padding:.5rem 1rem;background:#fff;color:#475569;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc}.btn-primary{padding:.5rem 1rem;background:#0284c7;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#0369a1}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}