.signup-container{min-height:100vh;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.header-section{text-align:left;margin-bottom:2rem}.title{font-size:1.875rem;font-weight:600;color:var(--grey-100);margin-bottom:.5rem}.password-toggle-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--grey-50);padding:0;display:flex;align-items:center}.password-icon{width:20px;height:20px}.form-input{width:100%;padding:.75rem 1rem;background-color:#fff;border:1px solid var(--grey-30);border-radius:.5rem;font-size:.8rem;transition:all .2s;outline:none}.submit-button{width:100%;padding:.75rem;background-color:var(--primary-10);color:var(--primary-50);font-weight:500;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s}.submit-button:hover{background-color:var(--primary-50)!important;color:#fff!important}.submit-button:active{background-color:var(--primary-70)!important;color:#fff!important}.divider-text{color:var(--grey-80);font-size:.875rem;width:100%}.divider{display:flex;align-items:center;justify-content:center}.divider-line{width:100%;height:1px;background-color:var(--grey-0)}.social-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:#fff;border:1px solid var(--grey-10);border-radius:.5rem;cursor:pointer;transition:background-color .2s;font-size:1rem}:root{--color-background: #F1F5F9;--color-white: #ffffff;--color-black: #000000;--primary-0: #E1D9F4;--primary-10: #CDBFED;--primary-20: #B49FE4;--primary-30: #9B80DB;--primary-40: #8260D2;--primary-50: #6940C9;--primary-60: #5735A7;--primary-70: #462B86;--primary-80: #342064;--primary-90: #231543;--primary-100: #150D28;--grey-0: #F8FAFC;--grey-10: #F1F5F9;--grey-20: #E2E8F0;--grey-30: #CBD5E1;--grey-40: #D1D5DB;--grey-50: #64748B;--grey-60: #475569;--grey-70: #334155;--grey-80: #1E293B;--grey-90: #0F172A;--grey-100: #020617;--success-0: #E6F4EA;--success-10: #BFE1C8;--success-20: #99CCA5;--success-30: #73B782;--success-40: #4CA35F;--success-50: #3FA668;--success-60: #33994F;--success-70: #2A7D40;--success-80: #206030;--success-90: #154221;--success-100: #0C2915;--warning-0: #FFF4E6;--warning-10: #FFDDC0;--warning-20: #FFC799;--warning-30: #FFB272;--warning-40: #FF9B4C;--warning-50: #FF7C00;--warning-60: #E66F00;--warning-70: #CC6200;--warning-80: #B35900;--warning-90: #994C00;--warning-100: #803F00;--error-0: #FDEAEA;--error-10: #F9C2C2;--error-20: #F39B9B;--error-30: #ED7373;--error-40: #E74C4C;--error-50: #FF0C0C;--error-60: #D40A0A;--error-70: #B20808;--error-80: #8F0606;--error-90: #6C0404;--error-100: #3D0202}[data-theme=dark]{--color-background: #1E293B;--color-white: #141A1F;--color-black: #f3f4f6;--primary-0: #2d225a;--primary-10: #3a2d6d;--primary-20: #4a3a8a;--primary-30: #5a47a7;--primary-40: #6a54c4;--primary-50: #7a61e1;--primary-60: #8a6efe;--primary-70: #a78bfa;--primary-80: #c4b5fd;--primary-90: #ede9fe;--primary-100: #f5f3ff;--grey-0: #020617;--grey-10: #0F172A;--grey-20: #1E293B;--grey-30: #334155;--grey-40: #475569;--grey-50: #64748B;--grey-60: #94A3B8;--grey-70: #CBD5E1;--grey-80: #E2E8F0;--grey-90: #F1F5F9;--grey-100: #F8FAFC;--success-0: #0C2915;--success-10: #154221;--success-20: #206030;--success-30: #2A7D40;--success-40: #33994F;--success-50: #3FA668;--success-60: #4CA35F;--success-70: #73B782;--success-80: #99CCA5;--success-90: #BFE1C8;--success-100: #E6F4EA;--warning-0: #803F00;--warning-10: #994C00;--warning-20: #B35900;--warning-30: #CC6200;--warning-40: #E66F00;--warning-50: #f59e42;--warning-60: #FF9B4C;--warning-70: #FFB272;--warning-80: #FFC799;--warning-90: #FFDDC0;--warning-100: #FFF4E6;--error-0: #3D0202;--error-10: #6C0404;--error-20: #8F0606;--error-30: #B20808;--error-40: #D40A0A;--error-50: #ef4444;--error-60: #E74C4C;--error-70: #ED7373;--error-80: #F39B9B;--error-90: #F9C2C2;--error-100: #FDEAEA}:root{--color-bg: #fff;--color-text: #111}[data-theme=dark]{--color-bg: #18181b;--color-text: #f3f4f6}body{background:var(--color-bg);color:var(--color-text);transition:background .2s,color .2s}*{margin:0;padding:0;box-sizing:border-box;font-family:Geist,sans-serif;background-color:var(--color-white)}.signup-container{min-height:100vh;display:flex}.left-panel{display:none;width:50%;overflow:hidden;justify-content:center;border-radius:16px;margin:1rem}.right-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.form-wrapper{width:100%;max-width:28rem}.header-section{text-align:left;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--grey-20)}.logo-container{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;object-fit:contain;margin-bottom:1rem}.logo-icon{width:100%;height:100%;object-fit:contain}.title{font-size:1.875rem;font-weight:600;color:var(--grey-100);margin-bottom:.3rem}.subtitle{color:var(--grey-50);font-size:1rem}.form-fields{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--grey-100);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--color-white);border:1px solid var(--grey-10);border-radius:.5rem;font-size:o.8rem;outline:none}.form-input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary-50);color:var(--color-black)}.form-input:not(:placeholder-shown){color:var(--color-black)}.Password-icon{width:20px;height:20px;color:var(--grey-40)}.submit-button{width:100%;padding:.75rem;background-color:var(--primary-10);color:var(--primary-50);font-weight:500;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--primary-20)}.divider{margin:1.5rem 0;text-align:center}.divider-text{color:var(--grey-50);font-size:.875rem}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.social-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:var(--color-white);border:1px solid var(--grey-10);border-radius:.5rem;cursor:pointer;transition:background-color .2s;font-size:1rem}.social-button:hover{background-color:var(--grey-10)}.social-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.social-text{color:var(--grey-100);font-weight:500}.login-link{margin-top:1.5rem;text-align:center;color:var(--grey-50);font-size:.875rem}.login-link a{color:var(--primary-50);font-weight:500;text-decoration:none;transition:color .2s}.login-link a:hover{color:var(--primary-50)}@media(min-width:1024px){.left-panel{display:flex}.right-panel{width:50%}}@media(max-width:767px){.right-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.header-section{margin-bottom:1.2rem;padding-bottom:1.2rem}.logo-container{width:3rem;height:3rem;margin-bottom:.8rem}.title{font-size:1.5rem;margin-bottom:.2rem}.subtitle{font-size:.8rem;margin-bottom:.5rem}.form-fields{gap:1rem}form-label{display:block;font-size:.875rem;font-weight:500;color:var(--grey-100);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--grey-10);border-radius:.5rem;font-size:.8rem}.form-input:focus{box-shadow:0 0 0 1px var(--primary-50)}.Password-icon{width:16px;height:16px}.submit-button{padding:.65rem;font-weight:500;font-size:.8rem;border-radius:.4rem}.divider{margin:1rem 0}.divider-text{font-size:.8rem}.social-buttons{gap:.5rem}.social-button{padding:.5rem;background-color:var(--color-white);border:1px solid var(--grey-10);font-size:.8rem}.social-icon{width:1rem;height:1rem;margin-right:.5rem}.login-link{margin-top:1rem;font-size:.6rem}}[data-theme=dark] .apple-icon{filter:brightness(0) invert(1)}.team-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.team-activity-header h2{margin:0;font-size:20px;font-weight:400;color:var(--color-black);letter-spacing:-1px}.view-switcher{display:flex;gap:8px;padding:2px;background:var(--color-background);border:1px solid var(--grey-20);border-radius:8px}.view-icon{width:16px;height:16px;vertical-align:middle;margin-right:6px;display:inline-block;color:var(--grey-60)}.view-switcher button{border-radius:6px;padding:6px 14px;font-size:14px;line-height:16px;color:var(--grey-50);border:none;font-weight:500;cursor:pointer;align-items:center;transition:all .16s cubic-bezier(.4,0,.2,1)}.view-switcher .active{background:var(--color-white);color:var(--color-black)}.team-activity-board{display:flex;gap:16px;width:100%;align-items:flex-start}.activity-column{background:var(--color-background);border-radius:16px;padding:20px 12px 12px;min-width:340px;flex:1 1 0;display:flex;flex-direction:column;gap:12px}.column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.column-title-icon{display:flex;align-items:center;gap:8px}.column-icon{font-size:24px;display:flex;align-items:center}.column-title{font-size:16px;font-weight:400;color:var(--grey-60);letter-spacing:.2px}.plusicon{width:24px;height:24px;color:var(--grey-50);border:none}.column-add{background:none;border:none;cursor:pointer}.thead{width:100%;display:flex;flex-direction:row;justify-content:space-between;font-size:12px;color:var(--grey-20);background-color:var(--color-background);font-size:12px!important;font-weight:400}.Tableheader{display:flex;flex-direction:row;width:100%}.Task,.Status,.Description,.Assigned,.Date,.Links,.Action{font-weight:400;display:flex;flex-direction:column;text-align:left;width:100%;background-color:none!important}.tbody{width:100%;font-size:12px}.tbody tr{width:100%;padding:12px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-black);border-bottom:1px solid #e5e7eb}@media(max-width:1100px){.team-activity-board{flex-direction:column;gap:24px}.activity-column{min-width:0;max-width:100vw}}@media(max-width:768px){.team-activity-header{flex-direction:column;align-items:flex-start;gap:12px}.team-activity-board{flex-direction:column;gap:16px}.activity-column{min-width:0;max-width:100%;width:100%;padding:16px 6px 8px}.column-header{flex-direction:column;align-items:flex-start;gap:6px}}@media(max-width:500px){.team-activity-header h2{font-size:16px}.activity-column{padding:10px 2px 6px;border-radius:10px}.column-title{font-size:14px}.team-activity-board{gap:10px}}.checkbox-wrapper{position:relative;width:16px;height:16px;margin:0}.header-radius-left{width:100%;height:100%;padding:0;margin:0;display:flex;align-content:center;flex-wrap:wrap;justify-content:center}.table-checkbox{width:16px;height:16px;margin:0;z-index:1;border:1.5px solid var(--grey-30);flex-wrap:nowrap}.checkbox-cell{width:5%!important;min-width:40px;text-align:center;vertical-align:middle}.checkbox-checkmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;color:var(--color-white);stroke-width:2px;pointer-events:none;z-index:2}.editable-table-wrapper{overflow-x:auto}td,th{white-space:normal;word-break:break-word;overflow-wrap:anywhere;overflow:ellipsis}.table-header-cell{color:var(--grey-60);font-weight:500;text-align:left;font-size:12px;letter-spacing:.02em;vertical-align:middle;box-sizing:border-box;padding:0;height:42px;line-height:42px}.img-member-header{width:25%}.checkbox-header{width:5%;min-width:40px;max-width:80px;text-align:center;vertical-align:middle;background:var(--grey-10);height:42px;padding:0;line-height:42px}.email-header{width:25%;min-width:0;max-width:none;width:20%}.status-header{width:15%}.actions-header{width:10%;justify-content:flex-start}.header-main{background:var(--color-background);overflow:hidden;height:100%;display:flex;align-items:center;padding:14px 12px}.header-radius-left{border-top-left-radius:12px;border-bottom-left-radius:12px;background:var(--color-background);overflow:hidden;height:100%;display:flex;align-items:center;padding:14px 12px}.header-radius-right{border-top-right-radius:12px;border-bottom-right-radius:12px;background:var(--color-background);overflow:hidden;height:100%;display:flex;align-items:center;padding:14px 12px}.table-checkbox{margin:0;border-radius:4px;width:16px;height:16px;border:1px solid var(--grey-30);appearance:none;background:var(--color-white);outline:none;cursor:pointer;transition:border-color .2s}.table-checkbox:checked{background:var(--primary-50);border-color:var(--grey-30)}.table-checkbox:checked:after{display:block;color:var(--color-white);font-size:12px;text-align:center;line-height:16px}.col-width-input{margin-left:6px;width:36px;font-size:10px;border:1px solid var(--grey-30);border-radius:4px;background:var(--grey-05);color:var(--grey-60);padding:2px 4px}.table-cell{padding:14px 12px;font-size:12px;color:var(--color-black);border-bottom:1px solid var(--grey-30);align-content:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-cell{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:500;font-size:10px;width:fit-content!important}.activity-task-card{background:var(--color-white);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:28px;width:100%}.task-card-top{display:flex;flex-direction:column;gap:20px}.statusanddot{display:flex;align-items:center;gap:4px}.task-tags-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.task-tag{color:var(--grey-50);font-size:13px;font-weight:500;border:1px solid var(--grey-30);border-radius:8px;padding:2px 12px;display:inline-block}.task-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;margin-left:4px}.task-status-label{font-size:13px;font-weight:500}.task-name{font-size:16px;font-weight:500;color:var(--grey-80);margin-bottom:4px}.task-description{font-size:14px;color:var(--grey-60);font-weight:400}.task-footer-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-background);padding-top:8px;font-size:14px;color:#7b8ca6}.task-footer-user{display:flex;align-items:center;gap:8px}.task-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.task-user-name{font-weight:400;color:var(--color-black)}.task-footer-date,.task-footer-links{display:flex;align-items:center;gap:8px}.task-footer-icon{color:var(--grey-50);width:22px;height:22px;vertical-align:middle;display:inline-block}.custom-dropdown-trigger,.full-width-dropdown{width:100%}.add-links-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.add-link-icon{width:20px;height:20px;stroke:var(--color-white)}.add-link-btn{background:var(--primary-50);color:var(--color-white);border:none;border-radius:12px;padding:.6rem 1rem;font-size:12px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.3rem}.link-input-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.link-input-row .form-input{flex:1}.remove-link-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#ef4444}.remove-link-icon{width:20px;height:20px}.remove-link-btn:hover{color:#dc2626}.custom-dropdown-wrapper{position:relative;display:inline-block;width:auto}.custom-dropdown-trigger{width:auto;background:var(--color-background);color:var(--color-black);border:1px solid var(--grey-20);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;transition:border .2s}.custom-dropdown-trigger.open{border-color:var(--primary-50)}.custom-dropdown-arrow{width:14px;height:14px;stroke-width:1.5px;color:var(--grey-80)}.custom-dropdown-menu{position:absolute;left:0;top:calc(100% + 4px);background:var(--color-background);border:1px solid var(--grey-20);border-radius:8px;z-index:10;min-width:100%;padding:0;overflow:hidden}.custom-dropdown-option{padding:8px 12px;color:var(--color-black);cursor:pointer;font-size:14px;font-weight:500;text-overflow:ellipsis;transition:background .15s}.custom-dropdown-option:hover{background:var(--color-white)}.custom-dropdown-option.selected{background:var(--primary-50);color:var(--color-background)}placeholder{color:var(--grey-50)}.sidebar-chevron-icon{display:inline}.sidebar-hamburger-menu{display:none}@media(max-width:768px){.sidebar-hamburger-menu{display:block}.sidebar-chevron-icon{display:none}}@media(max-width:768px){.sidebar{flex-direction:row;align-items:center;justify-content:space-between;width:100vw;height:64px;padding:0 1rem;position:fixed;top:0;left:0;z-index:1000;border-radius:0;box-shadow:0 2px 8px #0000000a}.sidebar-workspace{flex-direction:row;align-items:center;gap:.5rem;padding:0;border-bottom:none;min-height:unset}.workspace-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle{position:static;margin-left:auto;background-color:transparent;border:none;box-shadow:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;z-index:1001}.sidebar-toggle svg{width:28px;height:28px;color:var(--grey-80)}.workspace-info,.workspace-dropdown,.sidebar-nav,.sidebar-divider,.sidebar-section,.theme-item,.logout-item{display:none!important}}.workspace-dropdown-item{padding:10px 18px;cursor:pointer;background:transparent;transition:background .13s}.workspace-dropdown-item.with-border{border-bottom:1px solid var(--grey-30)}.workspace-dropdown-item.with-border:hover{background:var(--grey-30)}.workspace-dropdown-item:last-child:hover{background:var(--grey-30);border-radius:0 0 12px 12px}.workspace-dropdown-name{font-weight:500;color:var(--color-wblack);font-size:14px}.workspace-dropdown-email{color:var(--grey-50);font-size:12px}*{background-color:transparent}.sidebar{width:280px;height:96vh;background-color:var(--color-background);border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:.8rem;align-self:flex-start;transition:width .3s ease,padding .3s ease}.sidebar.collapsed{width:80px;padding:1.5rem .75rem}.sidebar-toggle{position:absolute;top:1rem;right:-12px;width:28px;height:28px;border-radius:50%;background-color:var(--color-white);border:2px solid var(--color-background);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s}.sidebar-toggle:hover{background-color:var(--color-white);border-color:var(--primary-50)}.sidebar-toggle svg{width:16px;height:16px;color:var(--grey-80)}.sidebar-workspace{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--grey-30);min-height:60px}.workspace-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.grid-square{background-color:var(--color-white);border-radius:1px}.workspace-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden}.workspace-name{font-weight:600;font-size:.875rem;color:var(--grey-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-email{font-size:.75rem;color:var(--grey-70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-dropdown{width:24px;height:24px;display:flex;flex-direction:column;gap:2px;background:none;border:none;cursor:pointer;color:var(--grey-70);padding:.25rem;flex-shrink:0}.workspace-dropdown:hover{color:var(--grey-100)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.side-navs{flex:1;display:flex;flex-direction:column;justify-content:space-between}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:none;border-radius:8px;cursor:pointer;font-size:.875rem;color:var(--grey-50);text-align:left;transition:all .2s;white-space:nowrap;justify-content:flex-start}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.nav-item:hover{background-color:var(--grey-10);color:var(--grey-100)}.nav-item.active{background-color:var(--primary-50);color:var(--color-white)!important}.nav-item.active .nav-icon{color:var(--color-white)}.nav-icon{width:20px;height:20px;color:inherit;flex-shrink:0}.nav-item span{overflow:hidden;text-overflow:ellipsis}.sidebar-divider{height:1px;background-color:var(--grey-30);opacity:60%;margin:.5rem 0}.sidebar-section{display:flex;flex-direction:column;gap:.25rem}.section-title{font-size:.75rem;color:var(--grey-70);padding:.5rem 1rem .25rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden}.theme-item{display:flex;align-items:center;justify-content:space-between}.theme-label{display:flex;align-items:center;gap:.75rem;flex:1}.sidebar.collapsed .theme-item,.sidebar.collapsed .theme-label{justify-content:center}.theme-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.theme-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--grey-60);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);transition:.3s;border-radius:50%}.theme-toggle input:checked+.toggle-slider{background-color:var(--primary-50)}.theme-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.logout-item{color:var(--error-50)!important}.logout-item:hover{background-color:#ff0c0c1a;color:var(--error-50)!important}.logout-item .nav-icon{color:var(--error-50)}@media(max-width:1000px){.sidebar{width:100%;padding:1.5rem .75rem}.sidebar:not(.collapsed){width:80px}.workspace-info,.workspace-dropdown,.section-title,.nav-item span,.theme-toggle{display:none}.nav-item{justify-content:center;padding:.75rem}.theme-item{justify-content:center}.sidebar-toggle{display:none}}@media(max-width:1000px){.sidebar{position:fixed;inset:0;height:64px;border-radius:0;box-shadow:0 -2px 8px #0000000a;padding:0 1rem;flex-direction:row;align-items:center;justify-content:space-between;z-index:1000}}.workspace-dropdown-menu{position:absolute;top:100%;left:0;background:var(--color-background);border:1px solid var(--grey-30);border-radius:0 0 12px 12px;z-index:100;min-width:100%}.sidebar-chevron-icon{display:inline;width:16px;height:16px;background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.sidebar-chevron-icon svg{width:20px;height:20px;margin:0;display:block}.logout-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.logout-modal{display:flex;flex-direction:column;align-items:center;background:var(--color-white);border-radius:16px;padding:2rem 1rem 1rem;min-width:400px;max-width:90vw;text-align:center}.icon-logout{width:64px;height:64px;margin-bottom:1rem;border-radius:50%;background-color:var(--error-0);color:var(--error-50);display:flex;justify-content:center;align-items:center}.icon-logout svg{width:60%;height:60%}.logout-modal-title{font-size:1.25rem;font-weight:600;color:var(--color-black)}.logout-modal-message{font-size:1rem;color:var(--grey-60);margin-bottom:1.5rem}.logout-modal-actions{display:flex;justify-content:center;width:100%;gap:.5rem}.logout-modal-btn{padding:.6rem 1.5rem;border-radius:8px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;width:100%;transition:background .15s}.logout-modal-btn.cancel{background:var(--grey-10);color:var(--grey-60)}.logout-modal-btn.cancel:hover{background:var(--grey-40)}.logout-modal-btn.confirm{background:var(--error-50);color:var(--color-white)}.logout-modal-btn.confirm:hover{background:#dc2626}.notification-modal{background:var(--color-white);color:var(--color-black);border-radius:16px;padding:1rem;max-width:400px;width:100%;height:auto;overflow-y:visible;position:fixed;top:5vh;right:90px;transform:none;transition:right .2s,top .2s,width .2s;z-index:1100}@media(max-width:900px){.notification-modal{max-width:90vw;left:16px}}@media(max-width:600px){.notification-modal{top:4vh;width:95vw;max-width:95vw;border-radius:10px;padding:.5rem;left:0}}@media(max-width:900px){.notification-modal{max-width:90vw}}@media(max-width:600px){.notification-modal{top:4vh;width:95vw;max-width:95vw;border-radius:10px;padding:.5rem}}.notification-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:auto;display:block;align-items:center;justify-content:center;z-index:1000}.notification-modal{background:var(--color-white);color:var(--color-black);border-radius:16px;padding:1rem;max-width:400px;width:100%;height:auto;overflow-y:visible;position:absolute;transition:right .2s,top .2s,width .2s}.notification-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--grey-20)}.notification-header h2{font-size:1rem}.notification-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--color-white);font-size:1.5rem;cursor:pointer}.close-icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--grey-10);cursor:pointer}.notification-close-icon{width:20px;height:20px;color:var(--grey-60)}.notification-list{list-style:none;padding:0;margin:1.5rem 0 0}.notification-item{padding:.75rem 1rem;border-bottom:1px solid #27272a;display:flex;flex-direction:column;gap:.2rem}.notification-item-custom{display:flex;align-items:flex-start;padding-bottom:12px;margin-bottom:8px;width:100%}.notification-item-custom:last-child{padding-bottom:0;margin-bottom:0}.notification-group:last-child{margin-bottom:0}.notification-icon-custom{display:flex;width:48px;height:48px;border-radius:50%;margin-right:12px;align-content:center;justify-content:center;flex-shrink:0;flex-wrap:wrap}.notification-item-custom{display:flex;align-items:flex-start;border-radius:6px;margin-bottom:8px}.notification-item-icon{width:24px;height:24px}.main-notification{display:flex;flex-direction:column;width:88%;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--grey-20)}.notification-item-custom:last-child .main-notification{padding-bottom:0;border-bottom:none}.notification-title-custom{font-weight:500;font-size:16px;color:var(--color-black)}.notification-desc-custom,.notification-time-custom{color:var(--grey-60);font-size:14px}.notification-title{font-weight:600;font-size:1rem;color:#fff}.notification-description{font-size:.95rem;color:#e5e5e5}.notification-time{font-size:.8rem;color:#bdbdbd;align-self:flex-end}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--grey-30);font-size:1rem;padding:2rem 0}.notification-empty-icon{width:48px;height:48px;color:var(--grey-30);margin-bottom:16px}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;padding-right:1rem;border-radius:12px;gap:1.5rem;margin-bottom:1.5rem;width:100%}.header-search{flex:1;max-width:450px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--grey-50);pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background-color:var(--color-background);border:1px solid transparent;border-radius:10px;font-size:.875rem;color:var(--grey-60);outline:none;transition:all .2s;font-family:Geist,sans-serif}.search-input::placeholder{color:var(--grey-50)}.search-input:focus{background-color:var(--color-white);border-color:var(--primary-50)}.header-right{display:flex;align-items:center;gap:1rem}.header-notification{width:40px;height:40px;border-radius:50%;background-color:var(--color-background);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.header-notification:hover{background-color:var(--grey-30)}.header-notification:focus{outline:none;box-shadow:0 0 0 1px var(--primary-50)}.notification-icon{width:24px;height:24px;color:var(--grey-80);border:1px solid transparent}.header-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .2s}.header-profile:hover{transform:scale(1.05)}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}@media(max-width:768px){.header{padding:.75rem 1rem;gap:1rem}.header-search{max-width:none}.search-input{font-size:.8125rem;padding:.625rem .875rem .625rem 2.5rem}.search-icon{width:18px;height:18px;left:.875rem}.header-notification,.header-profile{width:36px;height:36px}.notification-icon{width:18px;height:18px}}.dashboard-content{width:50vw!important}@media(max-width:1000px){.dashboard-container{flex-direction:column}.dashboard-content{border-radius:8px;padding:.5rem;width:100%}}@media(max-width:768px){.dashboard-container{margin-top:64px;gap:.25rem;min-height:100svh}.dashboard-content{border-radius:0;padding:.25rem;width:100vw}}.dashboard-container{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.dashboard-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.Greeting{display:flex;flex-direction:row;justify-content:space-between;width:100%}h2{font-size:20px;font-weight:400}.Add-Task{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--primary-50);color:var(--color-white);font-size:12px;font-weight:500;border:none;border-radius:12px;padding:10px 16px;gap:4px;cursor:pointer;transition:background .2s,box-shadow .2s}.Add-Task:hover,.Add-Task:focus{background-color:var(--primary-70);outline:none}.Add-Task:active{background-color:var(--primary-20)}.Add-Task:disabled{background-color:var(--primary-20);color:var(--color-grey-300);cursor:not-allowed;opacity:.7}.Add-Task-Icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.Add-Task.icon-only{padding:8px;min-width:40px;min-height:40px;border-radius:50%;justify-content:center}.Outline-Button{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:transparent;color:var(--grey-50);font-size:12px;font-weight:500;border:1px solid var(--grey-30);border-radius:12px;padding:10px 16px;gap:4px;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}.Outline-Button:hover,.Outline-Button:focus{background-color:var(--primary-50);color:var(--color-white);outline:none}.Outline-Button:active{background-color:var(--primary-70);color:var(--color-white)}.Outline-Button:disabled{background-color:transparent;color:var(--color-grey-300);border-color:var(--color-grey-300);cursor:not-allowed;opacity:.7}.Outline-Button-Icon{width:20px;height:20px;color:var(--grey-60);display:inline-flex;align-items:center;justify-content:center}.Task-container{background-color:var(--color-background);padding:20px;border-radius:20px;margin-top:28px}.Task-content{display:flex;flex-direction:row}.Task{width:100%}.Task--featured{border-left:1px solid var(--grey-30);padding-left:20px}.Title-Value{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.Title{font-size:14px;font-weight:400;color:var(--grey-60)}.Value{font-size:32px;font-weight:500}.stat-container{display:flex;flex-direction:column;gap:4px}.statDetails{display:flex;flex-direction:row;gap:4px}.statpositive{color:var(--success-50)}.stat-container .statnegative{color:var(--error-50)!important}.ArrowUp{width:24px;color:var(--success-50)}.ArrowDown{width:24px;color:var(--error-50)}.stat-subtext{font-family:14px;font-weight:400}.statuscircle{width:10px;height:10px;border-radius:50%;display:inline-block}.status-container{display:flex;flex-direction:row;align-items:center;gap:8px}.statuss{font-size:14px;font-weight:500;color:var(--grey-80)}.tasks-container{width:100%;margin:32px auto 0;background:var(--color-white);overflow-x:hidden}.tasks-header{display:flex;justify-content:space-between;align-items:center;width:100%}.tasks-header h2{margin:0;font-size:20px;font-weight:400;color:var(--color-black);letter-spacing:-1px}.carousel-controls{display:flex;gap:8px}.carousel-button{background:var(--color-background);border:none;border-radius:100px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);outline:none}.carousel-button:hover{background:var(--primary-20)}.carousel-button:active{transform:scale(.93);background:var(--primary-50);color:var(--color-white);border-color:none}.carousel-control-icon:active{color:var(--color-white)}.carousel-control-icon{width:20px;height:20px;color:var(--grey-60)}.carousel-control-icon:hover{color:var(--primary-50)}.tasks-carousel{position:relative;overflow-x:hidden;width:100%;margin-bottom:8px}.tasks-track{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:none;-ms-overflow-style:none!important;padding:12px 0 12px 2px;width:100%;max-width:100%;scrollbar-width:none}.tasks-track::-webkit-scrollbar{display:none}.tasks-track::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:8px}.task{background:var(--color-background);border-radius:12px;padding:12px;min-width:360px;max-width:400px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.task-body-top{display:flex;flex-direction:column;gap:12px}.tag-status{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:6px}.task-tags{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tag{display:inline-flex;align-items:center;padding:2px 12px;font-size:13px;font-weight:400;border:1px solid var(--grey-30);border-radius:8px;color:var(--grey-50);margin-right:0;line-height:1.6}.tag.report,.tag.proposal,.tag.ux,.tag.api{background:#eaf0fa;color:#4b5c7a}.tag.overdue{background:#fff0f0;color:#e53e3e}.tag.high{background:#fffbe6;color:#d69e2e}.tag.track{background:#e6fff2;color:#38a169}.tag.dot{width:8px;height:8px;border-radius:50%;margin-right:6px;display:inline-block}.deadline-task-title{font-size:16px;font-weight:500;color:var(--grey-80);margin-bottom:2px;letter-spacing:-.2px}.deadline-task-subtitle{font-size:14px;color:var(--grey-60);opacity:1;margin-bottom:0;font-weight:400}.task-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;border-top:1px solid var(--grey-30);padding-top:10px;font-size:14px;color:var(--grey-50)}.footer-left{display:flex;align-items:center;gap:8px}.footer-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-right:6px}.footer-name{font-weight:500;color:#4b5c7a}.footer-date{display:flex;align-items:center;gap:4px;color:#7b8ca6;font-weight:500}.footer-icons{display:flex;align-items:center;gap:12px}.task-title{font-size:20px;font-weight:400;color:var(--color-black);margin-bottom:4px}.task-desc{font-size:14px;font-weight:300;color:var(--grey-50);margin-bottom:0}.profile{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-name{font-size:14px;color:var(--grey-70);font-weight:500;margin-bottom:0rem}.datetime{display:flex;align-items:center;align-content:center;gap:4px;font-size:14px;color:var(--grey-70)}.datetime-icon{width:24px;height:24px;color:var(--grey-50)}.datetime-texts{font-size:14px;margin:0;color:var(--grey-80)}.links{display:flex;align-items:center;gap:12px}.link-amount{font-size:14px;margin:0;color:var(--grey-70)}.tasks-filter-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.tasks-filter-time-switcher{display:flex;width:fit-content;gap:8px;padding:2px;background:var(--color-background);border:1px solid var(--grey-20);border-radius:8px}.tasks-filter-time-switcher button{border-radius:6px;padding:6px 14px;font-size:14px;line-height:16px;color:var(--grey-50);border:none;font-weight:500;cursor:pointer;align-items:center;transition:all .16s cubic-bezier(.4,0,.2,1);background:transparent}.tasks-filter-time-switcher .active{background:var(--color-white);color:var(--color-black)}.my-tasks-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.my-tasks-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.tasks-filter-options{display:flex;gap:.5rem}.activity-column{flex:1;display:flex;flex-direction:column;gap:.5rem;width:100%}.team-activity-board{display:flex;flex-direction:colrowumn;gap:1rem;width:100%}select{padding:6px 12px;border:1px solid var(--grey-30);border-radius:8px;font-size:14px;line-height:16px;color:var(--color-black);background-color:var(--color-background);cursor:pointer}.my-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.my-tasks-header-buttons{display:flex;gap:.5rem}.all-tasks-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.all-tasks-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.all-tasks-container{display:flex;flex-direction:row;justify-content:space-between}.Tasks-top-section{display:flex;flex-direction:column;align-items:end;gap:.4rem;margin-bottom:1.5rem}.tasks-filter-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.all-tasks-container{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-addtask-container{display:flex;flex-direction:row;gap:.5rem}.calendar-container-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.projects-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.projects-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.project-top-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-grid-view{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-list-view{font-size:12px}.project-card{background:var(--color-background);color:var(--color-black);border-radius:16px;padding:1.2rem;text-align:center}.custom-project-card{display:flex;flex-direction:row;align-items:stretch;padding:0;min-height:170px;position:relative;overflow:hidden;text-align:left}.project-card-content{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.project-card-title{font-size:1rem;font-weight:600;margin-bottom:.2rem}.project-card-desc{font-size:.9rem;color:var(--grey-60);margin-bottom:.7rem;line-height:1.3}.project-card-progress-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.project-card-progress-bar{background:var(--primary-10);border-radius:6px;width:120px;height:10px;overflow:hidden;position:relative}.project-card-progress-fill{background:var(--primary-50);height:100%;border-radius:6px;transition:width .3s}.project-card-progress-label{font-size:.95rem;color:var(--primary-50);font-weight:500}.project-card-meta-row{font-size:.97rem;color:var(--grey-60);margin-bottom:.7rem}.project-card-meta-row .overdue{color:var(--error-50);margin-left:.5rem}.project-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem}.project-card-avatars{display:flex;align-items:center}.project-card-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--color-background);object-fit:cover;margin-right:-10px}.project-card-due{font-size:.97rem;color:var(--grey-60);font-weight:500}.header-main{font-weight:500;color:var(--grey-60);line-height:12px}.td{padding:14px 12px;font-size:12px;color:var(--color-black);border-bottom:1px solid var(--grey-30);height:56px;vertical-align:middle;box-sizing:border-box}.project-tasks-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1001}.project-tasks-modal{background:var(--color-white);border-radius:16px;width:650px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.project-tasks-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--grey-20)}.project-tasks-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--grey-90)}.tasks-summary{display:flex;gap:1rem}.summary-item{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.summary-item.completed{background:#22c55e1a;color:#22c55e}.summary-item.in-progress{background:#f59e421a;color:#f59e42}.summary-item.todo{background:#2563eb1a;color:#2563eb}.project-tasks-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--grey-10);cursor:pointer;transition:background .2s}.project-tasks-close:hover{background:var(--grey-20)}.project-tasks-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--grey-10);border-radius:10px;border-left:3px solid transparent;transition:all .2s}.task-item:hover{background:var(--grey-20)}.task-item.completed{border-left-color:#22c55e}.task-item.in-progress{border-left-color:#f59e42}.task-item.todo{border-left-color:#2563eb}.task-item-left{display:flex;align-items:center;gap:.75rem}.task-status-icon{width:20px;height:20px}.task-status-icon.completed{color:#22c55e}.task-status-icon.in-progress{color:#f59e42}.task-status-icon.todo{color:#2563eb}.task-item-info{display:flex;flex-direction:column;gap:.25rem}.task-item-title{font-size:.9rem;font-weight:500;color:var(--grey-80)}.task-item-meta{font-size:.75rem;color:var(--grey-50)}.task-item-right{display:flex;align-items:center;gap:.5rem}.task-priority-badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:4px;text-transform:capitalize}.task-priority-badge.priority-high{background:#ef44441a;color:#ef4444}.task-priority-badge.priority-medium{background:#fbbc051a;color:#fbbc05}.task-priority-badge.priority-low{background:#22c55e1a;color:#22c55e}.task-status-badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:4px}.task-status-badge.completed{background:#22c55e26;color:#22c55e}.task-status-badge.in-progress{background:#f59e4226;color:#f59e42}.task-status-badge.todo{background:#2563eb26;color:#2563eb}.no-tasks{text-align:center;padding:3rem;color:var(--grey-50)}.project-tasks-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--grey-20);background:var(--grey-10);border-radius:0 0 16px 16px}.project-tasks-btn{padding:.6rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.project-tasks-btn.primary{background:var(--primary-50);color:#fff}.project-tasks-btn.primary:hover{background:var(--primary-60)}.project-tasks-btn.secondary{background:var(--color-white);color:var(--grey-70);border:1px solid var(--grey-30)}.project-tasks-btn.secondary:hover{background:var(--grey-10)}@media(max-width:600px){.task-item{flex-direction:column;align-items:flex-start;gap:.75rem}.task-item-right{width:100%;justify-content:flex-start}}.project-detail-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.project-detail-modal{background:var(--color-white);border-radius:16px;width:550px;max-width:90vw;max-height:85vh;overflow-y:auto;padding:.5rem}.project-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background-color:var(--grey-10);padding:.5rem;border-radius:12px}.project-detail-title-section{display:flex;flex-direction:row;gap:.5rem}.project-detail-title-section h2{margin:0;font-size:16px;font-weight:500;color:var(--grey-90)}.project-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;color:#fff;width:fit-content}.project-detail-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--grey-10);cursor:pointer;transition:background .2s}.project-detail-close:hover{background:var(--grey-20)}.close-icon{width:20px;height:20px;color:var(--grey-60)}.project-detail-body{padding:.5rem;display:flex;flex-direction:column;gap:1.2rem}.project-detail-section h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--grey-70);text-transform:uppercase;letter-spacing:.5px}.project-detail-section p{margin:0;color:var(--grey-80);line-height:1.6;font-size:.9rem}.project-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.2rem}.meta-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--grey-10);border-radius:10px}.meta-icon{width:20px;height:20px;color:var(--grey-50);flex-shrink:0}.meta-content{display:flex;flex-direction:column;gap:.125rem}.meta-label{font-size:.7rem;color:var(--grey-50);text-transform:uppercase;letter-spacing:.3px}.meta-value{font-size:.875rem;font-weight:500;color:var(--grey-80)}.project-members-list{display:flex;flex-direction:column;gap:.75rem}.project-member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--grey-10);border-radius:8px}.member-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.member-info{display:flex;flex-direction:column}.member-name{font-size:.875rem;font-weight:500;color:var(--grey-80)}.member-role{font-size:.75rem;color:var(--grey-50)}.project-progress-container{display:flex;flex-direction:column;gap:.5rem}.project-progress-bar{width:100%;height:8px;background:var(--grey-20);border-radius:4px;overflow:hidden}.project-progress-fill{height:100%;background:var(--primary-50);border-radius:4px;transition:width .3s ease}.project-progress-text{font-size:.8rem;color:var(--grey-60);text-align:right}.project-detail-footer{display:flex;flex-direction:row;gap:.5rem;width:100%}.project-detail-btn{background:var(--primary-50);color:var(--color-white);border:none;border-radius:12px;padding:.8rem 1.2rem;font-size:14px;cursor:pointer;font-weight:500;margin-top:.5rem;flex:1}.project-detail-btn.primary{background:var(--primary-50);color:#fff}.project-detail-btn.primary:hover{background:var(--primary-60)}.project-detail-btn.secondary{background:var(--color-white);color:var(--grey-70);border:1px solid var(--grey-30)}.project-detail-btn.secondary:hover{background:var(--grey-10)}@media(max-width:500px){.project-detail-meta{grid-template-columns:1fr}}.task-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background-color:var(--grey-10);padding:.5rem;border-radius:12px}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--color-white);border:1px solid var(--grey-30);border-radius:.5rem;font-size:.8rem;transition:all .2s;outline:none}.teams-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.teams-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.h2{font-size:20px;font-weight:400}.team-top-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.top-buttons{display:flex;gap:.5rem}.users-table{width:100%}.users-table-element{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;font-family:inherit;table-layout:fixed}.users-table{display:flex;flex-direction:row;padding:12px 12px 0;width:100%;box-sizing:border-box;border-radius:20px;border:1px solid var(--grey-30)}thead{width:100%}tr{display:flex;flex-direction:row}.tb-hd-bg{background:var(--grey-10)}.checkbox-header{border-top-left-radius:12px;border-bottom-left-radius:12px;overflow:hidden;padding:0}.actions-header{border-top-right-radius:12px;border-bottom-right-radius:12px;overflow:hidden;padding:0}th{padding:0;box-sizing:border-box}.table-header-cell{color:var(--grey-60);font-weight:500;text-align:left;font-size:12px;letter-spacing:.02em;vertical-align:middle;box-sizing:border-box}.users-table-element tbody tr:last-child td{border-bottom:none}.table-cell{padding:14px 12px;font-size:12px;color:var(--color-black);border-bottom:1px solid var(--grey-30);height:56px;vertical-align:middle;box-sizing:border-box}.table-cell:last-child{display:flex;gap:8px;align-items:center}.img-member{display:flex;align-items:center;gap:8px;height:56px;width:35%}.img-member-header{width:35%}.email,.email-header{width:25%}.role,.role-header,.status,.status-header{width:15%}.actions,.actions-header{width:10%;justify-content:flex-start}.action-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--grey-30);cursor:pointer;border-radius:50%;transition:background-color .2s}.action-button svg{width:20px;height:20px;color:var(--grey-60)}.table-cell img{width:28px;height:28px;border-radius:50%;object-fit:cover;margin:0}.status-circle{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-cell{display:flex;align-items:center;padding:6px 12px;border-radius:20px;font-weight:500;font-size:10px;width:fit-content}.status-cell.active{background:var(--success-0);color:var(--success-50)}.status-circle.active{background:var(--success-50)}.status-cell.invited{background:var(--warning-0);color:var(--warning-50)}.status-circle.invited{background:var(--warning-50)}.status-cell.suspended{background:var(--error-0);color:var(--error-50)}.status-circle.suspended{background:var(--error-50)}.task-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:1000}.task-modal{background:var(--color-white);border-radius:16px;width:500px;max-width:90vw;position:relative;padding:.5rem}.task-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background-color:var(--grey-10);padding:.5rem .5rem .5rem 1rem;border-radius:12px}.task-modal-body{display:flex;flex-direction:column;padding:.5rem}.task-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;font-size:2rem;background-color:var(--color-white);cursor:pointer}.task-modal-close-icon{width:20px;height:20px;color:var(--grey-60)}.task-modal-field{margin-bottom:1rem;display:flex;flex-direction:column;flex:1}.task-modal-field label{font-weight:500;margin-bottom:.3rem}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--color-whiteß);border:1px solid var(--grey-30);border-radius:.5rem;font-size:.8rem;transition:all .2s;outline:none}.form-input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary-50)}.form-input::placeholder{color:var(--grey-50)}.task-profile-picture{margin-bottom:1rem}.profile-img-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--grey-10);border:1px solid var(--grey-30);color:var(--grey-60)}.create-task-button{display:flex;flex-direction:row;gap:.5rem;width:100%}.priority-due-date-assignee{display:flex;gap:1rem}.custom-dropdown-trigger{width:100%}.task-modal-submit{background:var(--primary-50);color:var(--color-white);border:none;border-radius:12px;padding:.8rem 1.2rem;font-size:14px;cursor:pointer;font-weight:500;margin-top:.5rem;flex:1}.close-task-button{background:var(--color-background);color:var(--grey-80)}.calendar-event-card.high-priority{background:var(--primary-0)}.calendar-event-card.high-priority .calendar-event-link a{color:var(--primary-50)}.calendar-time-row:last-child .calendar-slot{border-bottom:none}.calendar-page{display:flex;min-height:100vh;background:var(--color-white);padding:.8rem;gap:1rem}.calendar-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%;background:transparent}.calendar-container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-grid{position:relative;min-height:420px;border-radius:20px;border:1px solid var(--grey-30);overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;margin-top:1rem;max-height:81.5vh}.calendar-grid::-webkit-scrollbar{display:none}.calendar-header-row{display:flex;border-bottom:1px solid var(--grey-30);position:sticky;top:0;z-index:20;background:var(--color-background)}.calendar-day-col{width:18.5%;background-color:var(--color-background);border-left:1px solid var(--grey-30);text-align:center;color:#e5e7eb;font-weight:600;padding:.5rem 0}.calendar-time-row:first-child .calendar-time-col.empty-col{border-top-left-radius:20px}.calendar-header-row .empty-col{border-bottom:none}.calendar-day-label{font-size:12px;color:var(--grey-60);font-weight:500}.calendar-time-col.empty-col{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}.calendar-arrow-btn{width:100%;height:100%;padding:4px;color:var(--color-black);background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}.calendar-arrow-btn:first-child{border-right:1px solid var(--grey-30)}.calendar-date-label{color:var(--grey-80);font-size:12px;font-weight:600;padding-left:4px}.calendar-time-row{display:flex;height:fit-content;min-height:100px}.calendar-time-col{width:7.5%;background:var(--color-background);color:var(--grey-60);border-bottom:1px solid var(--grey-30);font-weight:500;text-align:right;padding-right:.5rem;padding-top:1rem;font-size:12px}.calendar-time-row:last-child .calendar-time-col{border-bottom:none}.calendar-slot{width:18.5%;border:none;border-bottom:1px solid var(--grey-30);border-right:1px solid var(--grey-30);background:transparent}.first-slot{border:none;border-left:1px solid var(--grey-30);border-right:1px solid var(--grey-30);border-bottom:1px solid var(--grey-30)}.last-slot{border:none;border-bottom:1px solid var(--grey-30)}.calendar-slot-inner{padding:8px}.calendar-event-card{border-radius:10px;width:100%;padding:10px;z-index:2;color:var(--color-black);font-family:inherit;font-size:15px;background:var(--color-background);height:fit-content}.calendar-event-card[style*="background: #fde2cf"]{color:#b45309}.calendar-event-title{font-weight:600;font-size:14px;margin-bottom:2px}.calendar-event-time{font-size:13px;color:var(--grey-60)}.calendar-event-participants{margin-top:6px;font-size:13px;color:var(--grey-60)}.calendar-event-participant-count{margin-left:4px}.calendar-event-meeting{margin-left:8px;color:var(--grey-60)}.calendar-event-location{margin-top:6px;font-size:13px;color:var(--primary-50)}.calendar-event-link{margin-top:6px;font-size:13px}.calendar-event-link a{color:var(--primary-50);text-decoration:underline;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.calendar-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.reports-insights-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.reports-insights-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.chat-list-filter-dropdown .custom-dropdown-menu,.custom-dropdown-trigger{background:var(--color-white)!important}.custom-dropdown-option:hover{background:var(--grey-10)!important}.chat-list-item-content{flex:1 1 0%;min-width:0}.chat-list-item-name{font-weight:500;font-size:15px}.chat-list-item-last-message{font-size:14px;color:var(--grey-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding-right:8px;display:block}.chat-last-message-unread{display:flex;justify-content:space-between;align-items:center}.chat-list-item-unread{background:#e74c3c;color:#fff;border-radius:12px;font-size:12px;width:20px!important;height:20px;display:flex;align-items:center;justify-content:center;font-weight:600;padding:0!important}.messages-view{display:flex;height:calc(100vh - 8.5rem)}.chat-list{width:320px;background:var(--color-background);border-radius:12px;padding:1rem .5rem;display:flex;flex-direction:column;gap:8px}.chat-list-header{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;border-bottom:1px solid var(--grey-30)}.chat-list-title{font-weight:500;font-size:18px;margin-left:8px}.chat-list-controls{display:flex;gap:8px;margin-bottom:12px;margin-left:8px}.chat-list-scroll{flex:1;overflow-y:auto}.chat-list-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;cursor:pointer;margin-bottom:2px;transition:background .15s}.chat-list-item.active{background:var(--color-white)}.chat-avatar{width:36px;height:36px;border-radius:50%;background:#e0e7ef;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.chat-avatar-lg{width:40px;height:40px;font-size:18px;margin-right:12px}.chat-area{flex:1;display:flex;flex-direction:column;background:var(--color-background);border-radius:12px;margin-left:16px;padding:0}.chat-header{display:flex;align-items:center;border-bottom:1px solid var(--grey-30);padding:1rem;min-height:64px}.chat-header-title{flex:1;font-weight:600;font-size:16px}.chat-header-status{color:#4ade80;font-size:12px;margin-left:6px}.close-chat-icon{width:24px;height:24px}.chat-header-btn{margin-right:8px;background:#f3f4f6;color:#222;border:none;border-radius:8px;padding:8px 14px;font-weight:500;font-size:14px;cursor:pointer;transition:background .15s}.chat-header-btn-close{display:flex;flex-direction:row;background:var(--color-white);color:var(--grey-60);padding:8px;margin-right:0}.chat-messages{flex:1;overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:12px}.chat-message{display:flex}.chat-message-me{justify-content:flex-end}.chat-message-them{justify-content:flex-start}.chat-message-agent{justify-content:flex-end}.chat-message-bubble{border-radius:12px;padding:10px 16px;max-width:380px;font-size:14px}.chat-message-bubble-me{background:var(--primary-50);color:#fff}.chat-message-bubble-them{background:var(--color-white);color:var(--color-black)}.chat-message-time{font-size:12px;text-align:right;margin-top:4px}.chat-message-time-me{color:#dbeafe}.chat-message-time-them{color:#888}.chat-message-system{text-align:center;color:#888;font-size:13px;margin:8px 0}.chat-input-bar{border-top:1px solid var(--grey-30);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.chat-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;width:100%;color:var(--color-black)}.chat-input::placeholder{color:var(--grey-60)}.chat-input-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;height:64px;gap:8px}.chat-input-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.emoji-attachment{display:flex;gap:8px}.chat-send-btn,.chat-form-btn{border:none;border-radius:8px;padding:12px 16px;font-weight:500;font-size:12px;cursor:pointer;background:var(--color-white);color:var(--color-black);transition:background .15s}.chat-attach-btn,.chat-emoji-btn{background:transparent;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:background .15s}.chat-input-bottom-icon{width:20px;height:20px;padding:0;color:var(--grey-60)}.chat-form-btn{display:inline-flex;align-items:center;gap:6px}.chat-input-bottom-left-icon{width:16px;height:16px;padding:0;color:var(--grey-60)}.chat-send-btn{background:var(--primary-50);color:var(--color-white);padding:8px 18px;font-weight:500;font-size:15px}.messages-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.messages-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.status-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;margin-left:.5rem}.status-badge.connected{background:var(--primary-50);color:var(--color-white);border:none}.status-badge.not-connected{background:var(--grey-20);color:var(--grey-50);border:1px solid var(--grey-30)}.settings-page{display:flex;min-height:100vh;background-color:var(--color-white);padding:.8rem;gap:1rem}.settings-content{flex:1;border-radius:16px;display:flex;flex-direction:column;align-content:flex-start;width:100%}.settings-sidebar{display:flex;width:fit-content;gap:8px;padding:2px;background:var(--color-background);border:1px solid var(--grey-20);border-radius:8px}.settings-sidebar button{border-radius:6px;padding:6px 14px;font-size:14px;line-height:16px;color:var(--grey-50);border:none;font-weight:500;cursor:pointer;align-items:center;transition:all .16s cubic-bezier(.4,0,.2,1);background:transparent}.settings-sidebar .active{background:var(--color-white);color:var(--color-black)}.settings-main{display:flex;flex-direction:column;gap:.6rem}.tab-header,.settings-content-area{display:flex;flex-direction:column;gap:.2rem}.settings-tab-content{display:flex;flex-direction:column;gap:.2rem;border-bottom:1px solid var(--grey-20);padding-bottom:.8rem}.tab-header-section{display:flex;flex-direction:row;justify-content:space-between;margin-top:1.5rem}h3{font-size:16px;font-weight:500;margin:0}.settings-content-area p{font-size:14px;color:var(--grey-60);margin:0}.settings,.personal-info-form{display:flex;flex-direction:column}.personal-info{display:flex;flex-direction:column;gap:1rem}.form-inputs{width:100%;max-width:400px;padding:.75rem 1rem;color:var(--color-black);background-color:var(--color-white);border:1px solid var(--grey-30);border-radius:.5rem;font-size:.8rem;transition:all .2s;outline:none}.form-inputs:focus{border-color:transparent;box-shadow:0 0 0 2px var(--primary-50)}.form-inputs::placeholder{color:var(--grey-50)}.label{display:flex;flex-direction:row;gap:20rem;padding:1.8rem 0;border-bottom:1px solid var(--grey-20)}.task-notifications,.team-notifications,.delivery-notifications{display:flex;flex-direction:column;gap:.6rem;padding:1.2rem 0;border-bottom:1px solid var(--grey-20)}.delivery-notifications{border-bottom:none}.task-notifications span{margin:0;font-size:12px;color:var(--grey-60)}svg.custom-dropdown-arrow{width:12px;height:12px}.notification-option{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:400px}div.smart-settings{display:flex;flex-direction:column;justify-content:start;align-items:start;width:auto;max-width:auto;gap:.5rem}.smart-focus-settings{border-bottom:none}.password ::placeholder{font-size:2rem;letter-spacing:.3rem}.account-security-form{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:13rem}.two-fa-settings{display:flex;flex-direction:row;justify-content:space-between;width:400px;align-items:center}.two-fa-settings p span{font-weight:600;color:var(--color-black)}.sessions-btn{background:var(--error-50);width:auto;max-width:190px}.sessions-btn:hover{background:var(--error-60)}.sessions-btn:focus{background:var(--error-70)}.session-details{display:flex;flex-direction:column;gap:.2rem}.active-now{color:var(--color-black)!important;font-weight:600}.sessions-settings{display:flex;flex-direction:column;gap:1rem}.integrations-list{display:flex;flex-direction:column;gap:1rem;padding:1.2rem 0}.integration-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0;width:600px}.notion-icon{filter:invert(1)}.dark .notion-icon{filter:invert(0)}.item-logo-desc{display:flex;flex-direction:row;gap:1rem;align-items:center}.item-logo-desc img{width:36px}.theme-toggle{width:36px;height:20px}.toggle-slider{width:100%;height:100%;background-color:var(--grey-30)}.toggle-slider:before{width:16px;height:16px;left:2px;bottom:2px}.theme-toggle input:checked+.toggle-slider:before{transform:translate(16px);right:2px}.task-notifications-list{display:flex;flex-direction:column;gap:.5rem}.profile-picture{display:flex;flex-direction:row;gap:16.9rem;padding:1.8rem 0;border-bottom:1px solid var(--grey-20)}.placeholder-img-change{display:flex;flex-direction:row;gap:1rem;flex-shrink:none}.profile-img-preview{width:64px;height:64px;border-radius:50%}.change-pic-btn{height:40px!important;min-height:40px!important;max-height:40px!important;display:flex;align-items:center;justify-content:center}.placeholder-img-change{display:flex;flex-direction:row;gap:1rem;align-items:center}.personal-info-form p{margin:0;font-size:14px;color:var(--grey-60)}.label:last-child{border-bottom:none}.team-notifications span{margin:0;font-size:14px;color:var(--grey-60)}label{font-size:14px;color:var(--grey-60)}.delivery-notifications-list{display:flex;flex-direction:row;gap:2rem}.checkbox-checkmark{width:12px;height:12px}.otp-page{min-height:100vh;background:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}img{background-color:transparent;color:var(--color-white)}.back-img{padding:12px;background-color:var(--primary-50);border-radius:200px;display:flex}.Back-Arrow{position:absolute;top:10rem;left:25rem}.otp-container{width:30%;min-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.otp-inputs{display:flex;gap:10px}.otp-inputs input{width:100%;height:56px;font-size:24px;text-align:center;border-radius:8px;border:none;background:var(--color-white);color:var(--primary-50);outline:1px solid var(--grey-10)}input ::placeholder{font-size:24px;color:green}.otp-inputs input:focus{outline-color:var(--primary-50);background-color:var(--primary-0);color:var(--primary-50)}.otp-inputs input:-webkit-autofill,.otp-inputs input:-webkit-autofill:hover,.otp-inputs input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--grey-20) inset!important;-webkit-text-fill-color:var(--primary-10)!important;background-color:var(--grey-20)!important;color:var(--primary-50)}h2{margin-bottom:.25rem}p{color:var(--grey-20);margin-bottom:1rem}.error{color:#f87171;margin-top:1rem}.Verify-Button{background-color:var(--primary-50);color:var(--color-white);font-size:14px;padding:16px 40px;width:100%;border:none;margin-top:2rem;border-radius:.65rem}