.auth-wrapper{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;background-color:var(--auth-bg);font-family:"League Spartan",sans-serif;padding:2rem 1rem}.auth-flashes{width:100%;max-width:900px;margin:0;padding:0;list-style:none;text-align:center;font-size:14px;color:#ef4444}.auth-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2rem;width:100%;max-width:900px}.auth-card{flex:1;min-width:280px;max-width:420px;padding:2rem;border-radius:12px;background-color:var(--auth-card-bg);box-shadow:0 4px 24px rgba(0,0,0,0.3)}.auth-card-header{margin-bottom:1.5rem}.auth-card-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem 0;font-size:28px;font-weight:900;color:var(--auth-text)}.auth-logo-icon{font-size:28px;color:var(--auth-gradient-start)}.auth-card-description{margin:0;font-size:13px;color:var(--auth-text-muted)}.auth-form{display:flex;flex-direction:column;border-radius:9999px;gap:1rem}.auth-form-item{width:100%;border-radius:9999px}.auth-form-input{width:100%;padding:.75rem 1rem;font-size:14px;line-height:1.5;color:var(--auth-text);background-color:var(--auth-input-bg);border:1px solid var(--auth-border);outline:none;box-sizing:border-box}.auth-form-input::placeholder{color:var(--auth-text-muted)}.auth-form-input:focus{border-color:var(--auth-gradient-end);box-shadow:0 0 0 2px rgba(59,130,246,0.2)}.auth-button-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem}.auth-button{width:100%;padding:.75rem 1.5rem;font-size:16px;font-weight:700;color:var(--auth-text);border:none;cursor:pointer;transition:opacity .2s;border-radius:9999px}.auth-button:hover{opacity:.95}.auth-button-gradient{background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end))}.switch-auth-mode{font-size:14px;color:var(--auth-text-muted);text-decoration:none}.switch-auth-mode:hover{color:var(--auth-text)}.flashes{margin:0 0 .5rem 0;padding:0;list-style:none;text-align:center;font-size:13px;color:#ef4444}@media screen and (max-width:639px){.auth-cards{flex-direction:column;align-items:center}.auth-card{width:100%;max-width:100%}.auth-card-title{font-size:20px}.auth-form-input{padding:.6rem 1rem;font-size:16px}}*{float:none;position:static;font-family:"M PLUS 1",sans-serif;font-family:"League Spartan",sans-serif;font-size:16px;box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;width:100%;color:var(--carbon);display:flex;flex-direction:column;background-color:var(--tasks-bg)}.app-main{flex:1;margin-left:220px;margin-top:0;margin-bottom:0;margin-right:0;min-height:100vh;min-width:0}@media screen and (max-width:639px){.app-main{margin-left:0}}.app-flashes{list-style:none;padding:.75rem 1.5rem;margin:0;background-color:rgba(34,197,94,0.15);border-bottom:1px solid rgba(34,197,94,0.3)}.app-flashes li{font-size:14px;color:var(--tasks-text,#e2e8f0)}img{max-width:100%;height:auto}h1{font-size:30px;font-weight:900}input,textarea,button{font-size:inherit;border:none;outline:none;border-radius:9999px}textarea{resize:none;height:100%;width:100%;letter-spacing:.1em;font-size:16px}input{letter-spacing:.1em;border-radius:9999px}li{list-style:none}a{text-decoration:none;color:var(--snow)}input:hover,button:hover{cursor:pointer}button{color:var(--snow);border:none;padding:.7em 3em;letter-spacing:.1rem}.modal-close-btn,.modal-input-date-btn,.chat-panel-add-btn,#add-message-button,.delete-message-button{padding:0}.chat-send-btn{padding:0 .5rem}ion-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;pointer-events:none}:hover{transition:all .5s}.pink,button.pink{background-color:var(--salmon_pink)}.pink,button.pink:hover{background-color:var(--middle_pink)}.main-container{min-height:100vh;width:100%;padding-left:60px;position:relative;display:flex;justify-content:center;align-items:center;overflow-x:hidden}.channel-title{position:fixed;top:0;left:50px;display:flex;align-items:center;gap:24px;background-color:var(--navy_blue);color:var(--snow);padding-left:20px;width:100%;height:11vh;z-index:10}.channel-title h1{margin:10px 0;font-size:38px;letter-spacing:-0.1em}.channel-title button{margin:auto 0;padding:.5em 1em;background-color:var(--salmon_pink);font-size:12px;border:solid 6px var(--navy_blue);border-radius:50%;z-index:10;box-shadow:0 0 0 3px var(--salmon_pink)}.channel-title button:hover{background-color:var(--middle_pink);cursor:pointer}.channel-title-text{margin:auto;font-size:16vh;font-weight:900;color:rgba(255,255,255,0.1);letter-spacing:-0.12em;position:fixed;line-height:.8;top:-1.4vh;left:calc(50%+30px);transform:translateX(-50%);white-space:nowrap}.channel-title-text.detail-title{font-size:13vh;top:-2.3vh;left:calc(50%+30px);transform:translateX(-50%)}#channels-list{padding-top:13vh;display:flex;justify-content:column;align-items:center;min-width:50%}.channel-box{padding:0}.channel-box li{list-style:none;padding:4px 0;display:flex;justify-content:space-between;align-items:center;height:40px}.channel-box li a{color:grey}.channel-box li a:hover{cursor:pointer}.channel-box li:hover a{color:var(--navy_blue);transition:all .5s}.delete-button{font-size:16px;background-color:var(--snow);height:28px;width:28px;padding:3px;border-radius:50%;border:solid 1px var(--salmon_pink)}.delete-button:hover{background-color:var(--navy_blue);border:solid 1px var(--navy_blue)}.delete-button:hover .channel-box li{background-color:var(--snow)!important}#create-channel-button{font-size:22px;padding:4px 0}#create-channel-button:hover{cursor:pointer}#pagination-wrapper{background-color:var(--snow);z-index:6;position:fixed;top:11vh;right:0;width:calc(100% - 60px);padding-top:3vh}#pagination-wrapper>div{margin:auto;width:fit-content}.pagination-container,.pagination{display:flex;align-items:center;justify-content:center}.pagination-container{margin-left:auto;margin-top:5vh}.pagination-container *{margin:0 auto}.pagination{padding-left:0;max-width:50vw}.pagination li{color:grey;width:20px}.pagination li:hover{cursor:pointer;color:var(--salmon_pink)}.pagination li.colored{color:var(--navy_blue);font-weight:700;transition:all .5s}#prev,#next,.pagination li{padding:4px}#prev,#prev span,#next,#next span{font-size:8px;color:var(--carbon);vertical-align:middle}#prev:hover,#next:hover{cursor:pointer;color:var(--salmon_pink)}#prev:hover span,#next:hover span{color:var(--salmon_pink)}#prev span{padding-left:.3rem;padding-right:1rem}#next span{padding-right:.3em;padding-left:1rem}.channel-description-tooltip{position:relative}.tooltip-body{display:none;position:absolute;padding:10px 16px;font-size:12px;line-height:1.6em;color:var(--snow);background:var(--navy_blue);border-top:2px solid var(--snow);box-shadow:0 -3px 0 2px var(--navy_blue);min-width:115px;z-index:8}.tooltip-body:before{content:"";position:absolute;top:100%;left:50%;border:15px solid transparent;border-top:15px solid var(--navy_blue);margin-left:-15px}.channel-description-tooltip:hover .tooltip-body{display:inline-block;top:-60px;left:-20px}#footer{height:38px;position:fixed;bottom:0;right:0;width:100vw;background-color:var(--navy_blue);z-index:1;border-top:15px solid rgba(255,255,255,0.2)}#footer-text{margin:auto;font-size:50px;font-weight:900;color:rgba(255,255,255,0.2);letter-spacing:-0.12em;position:fixed;z-index:2;line-height:.8;bottom:0;left:calc(50% -(669px / 2)+30px);white-space:nowrap}@media screen and (max-width:639px){#channels-list{width:90%}.channel-title{left:0}.channel-box{width:100%}.channel-box li a{font-size:16px}#pagination-wrapper{width:100%;padding-right:3vw}}@media screen and (max-width:500px){.channel-title h1{font-size:32px}}@media only screen and (min-width:640px) and (max-width:1023px){.channel-box{width:100%}.channel-box li a{font-size:16px}}@media screen and (min-width:1024px){.channel-box{width:80%;margin:auto}}@media screen and (min-width:1400px){.channel-box{width:60%;margin:auto}}.chat-layout{display:flex;height:100vh;width:100%;background-color:var(--chat-sidebar-bg);margin:0;padding:1rem 1.25rem;gap:1.25rem}@media screen and (max-width:639px){.chat-layout{flex-direction:column;height:auto;min-height:100vh}}.chat-panel{display:flex;flex-direction:column;width:260px;min-width:260px;overflow-y:auto;background-color:var(--chat-panel-bg);border-radius:12px;border:1px solid rgba(255,255,255,0.08);margin:0;padding:1rem 1.25rem;gap:1.25rem}.chat-panel-section{display:flex;flex-direction:column;gap:.75rem}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-panel-title{margin:0;font-size:18px;font-weight:700;color:var(--chat-text)}.chat-panel-add-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--chat-accent);border:none;border-radius:50%;color:var(--chat-text);cursor:pointer;transition:opacity .2s}.chat-panel-add-btn:hover{opacity:.9}.chat-panel-add-btn ion-icon{font-size:20px}.chat-channel-list,.chat-member-list{list-style:none;margin:0;padding:0}.chat-channel-item a{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;color:var(--chat-text);text-decoration:none;border-radius:9999px;transition:background-color .2s}.chat-channel-item a:hover{background-color:rgba(139,43,226,0.2)}.chat-channel-item.active a{background-color:var(--chat-accent)}.chat-channel-name{font-size:14px}.chat-channel-badge{font-size:12px;font-weight:600;padding:.15rem .5rem;background-color:var(--chat-accent);border-radius:9999px;min-width:24px;text-align:center}.chat-channel-item.active .chat-channel-badge{background-color:rgba(255,255,255,0.3)}.chat-channel-empty,.chat-member-empty{color:var(--chat-text-muted);font-size:13px;padding:.5rem 0}.chat-member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.chat-member-avatar{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--chat-text);border-radius:50%;flex-shrink:0;overflow:hidden}.chat-member-avatar-img{width:100%;height:100%;object-fit:cover}.chat-member-avatar-0{background-color:#22c55e}.chat-member-avatar-1{background-color:#3b82f6}.chat-member-avatar-2{background-color:#8b5cf6}.chat-member-avatar-3{background-color:#eab308}.chat-member-avatar-4{background-color:#f97316}.chat-member-avatar-5{background-color:#ec4899}.chat-member-avatar-6{background-color:#6b7280}.chat-member-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.chat-member-name{font-size:14px;color:var(--chat-text)}.chat-member-status{font-size:12px;color:var(--chat-text-muted);display:flex;align-items:center;gap:.35rem}.chat-member-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.chat-member-dot-green{background-color:#22c55e}.chat-member-dot-yellow{background-color:#eab308}.chat-member-dot-gray{background-color:#6b7280}.chat-member-dot-blue{background-color:#3b82f6}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;background-color:var(--chat-main-bg);border-radius:12px;border:1px solid rgba(255,255,255,0.08);margin:0;padding:0}.chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.chat-welcome-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.chat-welcome-icon{font-size:28px;color:var(--chat-accent)}.chat-welcome-title{margin:0;font-size:24px;font-weight:700;color:var(--chat-text)}.chat-welcome-desc{margin:0 0 2rem 0;font-size:14px;color:var(--chat-text-muted)}.chat-welcome-message{margin:0 0 1rem 0;font-size:24px;font-weight:700;color:var(--chat-text)}.chat-welcome-text{margin:0;font-size:14px;color:var(--chat-text-muted);max-width:480px;line-height:1.6}.chat-welcome-hint{margin-top:1.5rem;font-size:13px;color:var(--chat-text-muted)}.chat-welcome-inline{padding:0;align-items:flex-start;text-align:left}.chat-welcome-inline .chat-welcome-message{font-size:20px}.chat-header{flex-shrink:0;width:100%;display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;padding-right:3.5rem;border-bottom:1px solid rgba(255,255,255,0.08);position:relative;overflow:visible}.chat-header-icon{font-size:24px;color:var(--chat-accent);flex-shrink:0}.chat-header-text{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.chat-header-title{margin:0;font-size:20px;font-weight:700;color:var(--chat-text)}.chat-header-desc{margin:0;font-size:13px;color:var(--chat-text-muted)}.chat-header-edit-btn{position:absolute;top:1rem;right:1rem;z-index:5;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background-color:var(--chat-accent);border:none;border-radius:50%;color:var(--chat-text);cursor:pointer;flex-shrink:0}.chat-header-edit-btn:hover{opacity:.9}.chat-message-area{flex:1;min-height:0;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;flex-direction:column;gap:.25rem}.chat-message-mine{align-items:flex-end}.chat-message-mine .chat-message-bubble-mine{margin-right:.5rem}.chat-message-user{margin:0;font-size:12px;color:var(--chat-text-muted)}.chat-message-bubble{margin:0;padding:.75rem 1rem;font-size:14px;line-height:1.5;border-radius:12px;max-width:70%}.chat-message-bubble-mine{background-color:var(--chat-accent);color:var(--chat-text)}.chat-message-bubble-other{background-color:var(--chat-panel-bg);color:var(--chat-text)}.chat-message-delete{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--chat-text-muted);font-size:14px}.chat-message-delete:hover{color:#ef4444}.chat-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,0.08);flex-shrink:0}.chat-input-form{flex:1;min-width:0;display:flex;align-items:center;background-color:var(--chat-panel-bg);border-radius:12px;margin:0;padding:.75rem 1rem .75rem 1rem;min-height:52px}.chat-input-editor{flex:1;min-width:0;min-height:28px;max-height:120px;overflow-y:auto;outline:none;color:var(--chat-text);caret-color:var(--chat-text);font-size:20px;line-height:28px;word-break:break-word;cursor:text}.chat-input-editor:empty::before{content:attr(data-placeholder);color:var(--chat-text-muted);pointer-events:none}.chat-send-btn{width:40px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--chat-accent);border:none;border-radius:12px;cursor:pointer;transition:opacity .2s}.chat-send-btn:hover{opacity:.9}.chat-send-btn ion-icon{font-size:20px;color:var(--chat-text)}:root{--snow:#fff;--carbon:#3e4149;--navy:#4e5b66;--ash_grey:#f0f0f0;--navy_blue:#122543;--salmon_pink:#f57978;--middle_pink:#f45554;--auth-bg:#1a1b26;--auth-card-bg:#2d2e3a;--auth-input-bg:#232430;--auth-border:#3d3e4a;--auth-text:#fff;--auth-text-muted:#9a9aaa;--auth-gradient-start:#7c3aed;--auth-gradient-end:#3b82f6;--tasks-bg:#1a1b26;--tasks-text:#fff;--tasks-text-muted:#9a9aaa;--tasks-column-bg:#232430;--tasks-card-bg:#2d2e3a;--tasks-progress-bg:#232430;--tasks-filter-active:#2d2e3a;--tasks-filter-inactive:#3d3e4a;--tasks-filter-hover:#4d4e5a;--chat-sidebar-bg:#1a1a2e;--chat-panel-bg:#16213e;--chat-main-bg:#0f0f1a;--chat-accent:#8b2be2;--chat-accent-light:#a855f7;--chat-text:#fff;--chat-text-muted:#9ca3af;--dashboard-stat-purple:#8b5cf6;--dashboard-stat-green:#22c55e;--dashboard-stat-yellow:#eab308;--dashboard-stat-red:#ef4444;--dashboard-donut-frontend:#8b5cf6;--dashboard-donut-backend:#22c55e;--dashboard-donut-design:#3b82f6}.dashboard-wrapper{min-height:100vh;background-color:var(--tasks-bg);padding:1.5rem 2rem;margin:0}@media screen and (max-width:639px){.dashboard-wrapper{padding:.75rem 1rem;margin:0}}.dashboard-main{max-width:100%;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.dashboard-title{margin:0;font-size:28px;font-weight:700;color:var(--tasks-text)}.dashboard-countdown{padding:.5rem 1rem;background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end));border-radius:9999px;font-size:14px;font-weight:600;color:var(--snow)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}@media screen and (max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:var(--tasks-card-bg);border-radius:12px;border:2px solid}.dashboard-stat-card-purple{border-color:var(--auth-gradient-start)}.dashboard-stat-card-green{border-color:#22c55e}.dashboard-stat-card-yellow{border-color:#eab308}.dashboard-stat-card-red{border-color:#ef4444}.dashboard-stat-icon{font-size:32px;flex-shrink:0}.dashboard-stat-card-purple .dashboard-stat-icon{color:var(--auth-gradient-start)}.dashboard-stat-card-green .dashboard-stat-icon{color:#22c55e}.dashboard-stat-card-yellow .dashboard-stat-icon{color:#eab308}.dashboard-stat-card-red .dashboard-stat-icon{color:#ef4444}.dashboard-stat-content{flex:1;min-width:0}.dashboard-stat-label{margin:0 0 .25rem 0;font-size:12px;color:var(--tasks-text-muted)}.dashboard-stat-value{margin:0;font-size:24px;font-weight:700;color:var(--tasks-text)}.dashboard-middle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media screen and (max-width:800px){.dashboard-middle{grid-template-columns:1fr}}.dashboard-widget{background-color:var(--tasks-card-bg);border-radius:12px;padding:1rem 1.25rem;border:1px solid var(--tasks-filter-inactive)}.dashboard-widget-title{margin:0 0 .75rem 0;font-size:16px;font-weight:600;color:var(--tasks-text)}.dashboard-chart-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.dashboard-donut-wrap{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.dashboard-donut{position:relative;width:140px;height:140px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--auth-gradient-start) 0 45%,#22c55e 45% 80%,#3b82f6 80% 100%)}.dashboard-donut-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background-color:var(--tasks-card-bg);display:flex;align-items:center;justify-content:center}.dashboard-donut-center{font-size:12px;font-weight:600;color:var(--tasks-text);text-align:center;line-height:1.4;padding:0 6px}.dashboard-donut-percent{font-size:18px;font-weight:700;color:var(--tasks-text)}.dashboard-donut-label{font-size:10px;color:var(--tasks-text-muted)}.dashboard-legend{flex:1;min-width:0}.dashboard-legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:13px;color:var(--tasks-text-muted)}.dashboard-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dashboard-legend-dot-purple{background-color:var(--auth-gradient-start)}.dashboard-legend-dot-green{background-color:#22c55e}.dashboard-legend-dot-blue{background-color:#3b82f6}.dashboard-legend-empty{color:var(--tasks-text-muted);font-size:14px;margin:0}.dashboard-members{display:flex;flex-direction:column;gap:1rem}.dashboard-member-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-member-item{display:flex;align-items:center;gap:.75rem}.dashboard-member-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--snow);flex-shrink:0;overflow:hidden}.dashboard-member-avatar-img{width:100%;height:100%;object-fit:cover}.dashboard-member-avatar-0{background-color:#22c55e}.dashboard-member-avatar-1{background-color:#3b82f6}.dashboard-member-avatar-2{background-color:#8b5cf6}.dashboard-member-avatar-3{background-color:#eab308}.dashboard-member-avatar-4{background-color:#f97316}.dashboard-member-avatar-5{background-color:#ec4899}.dashboard-member-avatar-6{background-color:#6b7280}.dashboard-member-info{flex:1;min-width:0}.dashboard-member-name{margin:0 0 .25rem 0;font-size:14px;font-weight:600;color:var(--tasks-text)}.dashboard-member-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dashboard-member-status{display:inline-block;padding:.15rem .5rem;font-size:11px;border-radius:9999px}.dashboard-member-status-coding{background-color:rgba(59,130,246,0.3);color:#93c5fd}.dashboard-member-status-testing{background-color:rgba(239,68,68,0.3);color:#fca5a5}.dashboard-member-status-design{background-color:rgba(168,85,247,0.3);color:#c4b5fd}.dashboard-member-status-review{background-color:rgba(234,179,8,0.3);color:#fde047}.dashboard-member-progress{font-size:12px;color:var(--tasks-text-muted)}.dashboard-member-progress-wrap{display:flex;align-items:center;gap:.5rem}.dashboard-member-progress-text{font-size:12px;color:var(--tasks-text-muted)}.dashboard-member-progress-bar{height:4px;background-color:var(--tasks-progress-bg);border-radius:9999px;overflow:hidden;margin-top:.25rem}.dashboard-member-progress-bar-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end));transition:width .3s ease}.dashboard-activity{background-color:var(--tasks-card-bg);border-radius:12px;padding:1.5rem;border:1px solid var(--tasks-filter-inactive)}.dashboard-activity-title{margin:0 0 1.25rem 0;font-size:16px;font-weight:600;color:var(--tasks-text)}.dashboard-activity-list{display:flex;flex-direction:column;gap:0}.dashboard-activity-timeline{display:flex;flex-direction:column;gap:0}.dashboard-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--tasks-filter-inactive)}.dashboard-activity-item:last-child{border-bottom:none}.dashboard-activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dashboard-activity-icon-commit{background-color:rgba(34,197,94,0.3);color:#22c55e}.dashboard-activity-icon-chat{background-color:rgba(168,85,247,0.3);color:var(--auth-gradient-start)}.dashboard-activity-icon-edit{background-color:rgba(234,179,8,0.3);color:#eab308}.dashboard-activity-icon-login{background-color:rgba(59,130,246,0.3);color:#3b82f6}.dashboard-activity-icon-status_change{background-color:rgba(234,179,8,0.3);color:#eab308}.dashboard-activity-icon-message{background-color:rgba(168,85,247,0.3);color:var(--auth-gradient-start)}.dashboard-activity-icon-task_add{background-color:rgba(34,197,94,0.3);color:#22c55e}.dashboard-activity-icon-task_status{background-color:rgba(59,130,246,0.3);color:#3b82f6}.dashboard-activity-icon-channel_create{background-color:rgba(139,92,246,0.3);color:var(--auth-gradient-start)}.dashboard-activity-content{flex:1;min-width:0}.dashboard-activity-text{margin:0 0 .25rem 0;font-size:14px;color:var(--tasks-text)}.dashboard-activity-time{margin:0;font-size:12px;color:var(--tasks-text-muted)}.error{margin:0}.error-wrapper{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f8fc}.error-content{height:70%;width:70%;margin:auto;color:var(--navy_blue);display:flex;flex-direction:column;align-items:center;justify-content:center}.error-title{line-height:.5;text-align:center}.error-title span{display:inline-block;position:relative;font-size:36px;font-weight:900}.error-title span:before,.error-title span:after{content:"";position:absolute;height:5px;border-bottom:1px solid var(--navy_blue);border-top:1px solid var(--navy_blue);top:0;width:200px}.error-title span:before{right:100%;margin-right:15px}.error-title span:after{left:100%;margin-left:15px}.error-description{text-align:center;margin-top:3rem;display:flex;flex-direction:column;justify-content:center}.error404or500{margin-top:20px}.error-description p{margin:10px auto}.error-button{padding:.7em 3em;margin:16px 0}.error-button a{color:var(--snow)}.error-gif{position:absolute;bottom:0;left:10px}.error-num{font-size:6em;font-weight:900}.eye{background:#fff;border-radius:50%;display:inline-block;height:100px;position:relative;width:100px}.eye::after{background:#000;border-radius:50%;bottom:56.1px;content:" ";height:33px;position:absolute;right:33px;width:33px}@media screen and (max-width:440px){.error-num{font-size:5em;font-weight:900}.eye{background:#fff;border-radius:50%;display:inline-block;height:90px;position:relative;width:90px}.error-description{margin-top:20px}.error-description p{margin:10px auto}}.members-wrapper{min-height:100vh;background-color:var(--tasks-bg);padding:1.5rem 2rem}.members-main{max-width:1200px;margin:0}.members-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.members-title{margin:0;font-size:28px;font-weight:700;color:var(--tasks-text)}.members-count-badge{padding:.35rem .75rem;background:linear-gradient(135deg,var(--auth-gradient-start),var(--auth-gradient-end));border-radius:9999px;font-size:14px;font-weight:600;color:var(--snow)}.members-filter{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.members-filter-tab{padding:.5rem 1.25rem;background-color:var(--tasks-card-bg);border:1px solid var(--tasks-filter-inactive);border-radius:9999px;font-size:14px;font-weight:500;color:var(--tasks-text-muted);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.members-filter-tab:hover{color:var(--tasks-text);background-color:var(--tasks-filter-hover);border-color:var(--tasks-filter-inactive)}.members-filter-tab-active{background-color:var(--auth-gradient-start);border-color:var(--auth-gradient-start);color:var(--snow)}.members-filter-tab-active:hover{background-color:var(--auth-gradient-start);color:var(--snow);opacity:.9}.members-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media screen and (max-width:900px){.members-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){.members-cards{grid-template-columns:1fr}}.members-card{background-color:var(--tasks-card-bg);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:border-color .2s}.members-card:hover{border-color:rgba(139,92,246,0.3)}.members-card-body{display:flex;align-items:flex-start;gap:1rem}.members-card-avatar{position:relative;overflow:hidden;width:56px;height:56px;min-width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.members-card-avatar-img{width:100%;height:100%;object-fit:cover}.members-card-avatar-initial{font-size:24px;font-weight:700;color:var(--snow)}.members-card-avatar-0{background-color:#22c55e}.members-card-avatar-1{background-color:#3b82f6}.members-card-avatar-2{background-color:#8b5cf6}.members-card-avatar-3{background-color:#eab308}.members-card-avatar-4{background-color:#f97316}.members-card-avatar-5{background-color:#ec4899}.members-card-avatar-6{background-color:#6b7280}.members-card-info{flex:1;min-width:0}.members-card-name{margin:0 0 .35rem 0;font-size:16px;font-weight:700;color:var(--tasks-text)}.members-card-status{margin:0;font-size:13px;color:var(--tasks-text-muted);display:flex;align-items:center;gap:.4rem}.members-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.members-status-green{background-color:#22c55e}.members-status-yellow{background-color:#eab308}.members-status-gray{background-color:#6b7280}.members-status-blue{background-color:#3b82f6}.members-card-footer{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,0.06)}.members-card-task{display:block;font-size:12px;color:var(--tasks-text-muted);background-color:rgba(255,255,255,0.05);padding:.35rem .6rem;border-radius:6px;width:fit-content;margin-bottom:.35rem}.members-card-task:last-of-type{margin-bottom:0}.members-card-progress{height:4px;background-color:var(--tasks-progress-bg);border-radius:9999px;overflow:hidden}.members-card-progress-fill{height:100%;background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end));border-radius:9999px;transition:width .3s ease}#chat-header{background-color:var(--navy_blue);color:var(--snow);height:8vh;width:calc(100vw - 50px);position:fixed;top:0;right:0;font-weight:600;display:flex;align-items:center;gap:2rem;padding-left:20px;z-index:2}#chatroom-name{font-size:larger}#chatroom-description{font-size:12px;font-weight:200;letter-spacing:.15em}#channel-update-button{margin:auto 0;padding:.2em .6em;background-color:var(--salmon_pink);font-size:12px;border:solid 6px var(--navy_blue);border-radius:50%;z-index:10;box-shadow:0 0 0 3px var(--salmon_pink)}#channel-update-button:hover{background-color:var(--middle_pink);box-shadow:0 0 0 3px var(--middle_pink);cursor:pointer}#message-area{min-height:77vh;width:100%;margin:0;padding-top:5vh;padding-right:20px;padding-left:20px;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;gap:.6rem;scroll-margin-bottom:16vh}::-webkit-scrollbar{width:0}.messages{display:flex;flex-direction:column}.user-name{font-size:8px;color:grey;margin:1px 0}.my-messages{display:flex}.delete-message-button{background-color:var(--snow);color:var(--navy_blue);height:40px;width:40px;line-height:47px;padding:0;margin:0;bottom:8px;right:8px}.delete-message-button ion-icon{font-size:1rem}.box{position:relative;width:60%;margin:0;padding:.7em 0 .4em 1em;font-size:14px;line-height:1.5;letter-spacing:.1em;white-space:pre-wrap}.box-left{background-color:rgba(18,37,67,0.2);color:var(--navy_blue)}.box-right{background-color:rgba(18,37,67,0.4);color:var(--snow);margin-left:auto}.box-left:before{position:absolute;top:3px;left:3px;width:100%;height:100%;border:1px solid grey;content:""}.box-right:before{position:absolute;top:3px;right:3px;width:100%;height:100%;border:1px solid grey;content:""}#no-message{margin:auto}.typing-box-wrapper{position:fixed;bottom:0;width:calc(100vw - 50px);height:15vh;background-color:var(--snow);background-size:contain;border-top:3px solid lightgrey;display:flex;align-items:center;justify-content:start}.typing-box{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);height:80%;width:80%;margin:auto;position:relative;background-color:var(--snow);border-radius:8px;border:solid 1px lightgrey;display:flex}.typing-box textarea{background-color:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);width:100%;padding:.5em;border-radius:16px;flex-grow:1}.typing-box textarea:focus{cursor:pointer}#add-message-button{background-color:var(--navy_blue);color:var(--snow);height:100%;width:40px;padding:0;margin:0}#add-message-button ion-icon{font-size:1.3rem}@media screen and (max-width:550px){#chatroom-description{display:none}}@media screen and (max-width:639px){.typing-box-wrapper,#chat-header{width:100%}}@media only screen and (min-width:640px){.box{width:40%}}#burger-icon,#burger-close-icon{display:block;height:8vh;width:8vh;line-height:50px;background-color:var(--navy_blue);color:var(--snow);text-align:center;position:fixed;top:0;right:0;z-index:30}#burger-icon:hover,#burger-close-icon:hover{background-color:var(--salmon_pink);cursor:pointer}#burger-close-icon{display:none}#mobile-header{display:none;justify-content:center;align-items:center;position:fixed;z-index:20;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(240,240,240,1)}#mobile-header ul{padding-left:0}#mobile-header ul li{margin-bottom:30px;width:fit-content}#mobile-header ul li:hover{cursor:pointer}#mobile-header li a{color:var(--navy_blue)}#mobile-header li a:hover{color:var(--dark_pink)}.page-links .icon{vertical-align:middle;padding-right:.5rem}@media only screen and (min-width:640px) and (max-width:1023px){#mobile-header,#burger-icon,#burger-close-icon{display:none}}@media screen and (min-width:1024px){#mobile-header,#burger-icon,#burger-close-icon{display:none}}.modal{position:fixed;z-index:200;left:0;top:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;padding:1rem}.modal.modal-open{display:flex}.modal-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,0.7);cursor:pointer}.modal-content{position:relative;z-index:201;width:100%;max-width:480px;border-radius:16px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,0.4);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content-dark{background-color:var(--tasks-card-bg,#1a1d26);border:1px solid rgba(255,255,255,0.1)}.modal-header-dark{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.08)}.modal-title{margin:0;font-size:18px;font-weight:700;color:var(--tasks-text,#e2e8f0)}.modal-close-btn{width:36px;height:36px;z-index:201;display:flex;align-items:center;justify-content:center;background-color:var(--salmon_pink);border:none;border-radius:50%;color:var(--snow);cursor:pointer;transition:opacity .2s}.modal-close-btn:hover{background-color:var(--middle_pink);color:var(--tasks-text,#e2e8f0)}.modal-close-btn ion-icon{font-size:24px}.modal-body-dark{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-field{display:flex;flex-direction:column;gap:.5rem}.modal-field label{font-size:14px;font-weight:500;color:var(--tasks-text-muted,#94a3b8)}.modal-input,.modal-textarea{width:100%;padding:.75rem 1rem;background-color:var(--auth-input-bg,#232430);border:1px solid var(--auth-border,#3d3e4a);border-radius:10px;color:var(--tasks-text,#e2e8f0);font-size:14px;transition:border-color .2s}.modal-input::placeholder,.modal-textarea::placeholder{color:var(--tasks-text-muted,#94a3b8)}.modal-input:focus,.modal-textarea:focus{outline:none;border-color:var(--auth-gradient-start,#7c3aed)}.modal-textarea{resize:vertical;min-height:100px}.modal-input-date-wrap{display:flex;gap:.5rem;align-items:center}.modal-input-date-wrap .modal-input{flex:1;min-width:0}.modal-input-date-btn{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--auth-input-bg,#232430);border:1px solid var(--auth-border,#3d3e4a);border-radius:10px;color:var(--tasks-text-muted,#94a3b8);cursor:pointer;transition:all .2s}.modal-input-date-btn:hover{background-color:rgba(255,255,255,0.08);color:var(--tasks-text,#e2e8f0);border-color:var(--auth-gradient-start,#7c3aed)}.modal-input-date-btn ion-icon{font-size:20px}.modal-delete-section{margin:0 1.5rem 1.5rem 1.5rem;padding:1rem;background-color:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:12px}.modal-delete-title{margin:0 0 .25rem 0;font-size:14px;font-weight:600;color:#f87171}.modal-delete-warning{margin:0 0 .75rem 0;font-size:12px;color:#fca5a5}.modal-footer{display:flex;justify-content:center;gap:.75rem;padding-top:.5rem;padding-bottom:1rem;margin-top:.25rem}.modal-btn{padding:.6rem 1.25rem;font-size:14px;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.modal-btn-outline{background:transparent;border:1px solid var(--tasks-filter-inactive,#3d3e4a);color:var(--tasks-text,#e2e8f0)}.modal-btn-outline:hover{background-color:rgba(255,255,255,0.05);border-color:var(--tasks-filter-hover,#4d4e5a)}.modal-btn-primary{background:linear-gradient(135deg,var(--auth-gradient-start,#7c3aed),var(--auth-gradient-end,#3b82f6));border:none;color:var(--snow,#fff);box-shadow:0 4px 14px rgba(124,58,237,0.4)}.modal-btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(124,58,237,0.5)}.modal-btn-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.modal-btn-danger:hover{background-color:rgba(239,68,68,0.15)}#create-channel-modal,#update-channel-modal,#create-task-modal{display:none}#create-channel-modal.modal-open,#update-channel-modal.modal-open,#create-task-modal.modal-open{display:flex!important}@media screen and (max-width:639px){.modal-content{max-width:95%}}.settings-wrapper{min-height:100vh;background-color:var(--tasks-bg,#12141d);padding:1.5rem 2rem}.settings-main{max-width:900px;margin:0;display:flex;flex-direction:column;gap:1.5rem}.settings-header{margin-bottom:.5rem}.settings-title{margin:0;font-size:28px;font-weight:700;color:var(--tasks-text,#e2e8f0)}.settings-flashes{margin:0 0 1rem 0;padding:.75rem 1rem;background-color:rgba(124,58,237,0.2);border:1px solid var(--auth-gradient-start);border-radius:10px;list-style:none;color:var(--tasks-text);font-size:14px}.settings-flashes li{margin:.25rem 0}.settings-contents{display:flex;flex-direction:column;gap:1.5rem}.settings-card{background-color:var(--tasks-card-bg,#1a1d29);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem}.settings-card-title{margin:0 0 1rem 0;font-size:18px;font-weight:700;color:var(--tasks-text,#e2e8f0)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings-card-header .settings-card-title{margin:0}.settings-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:14px;font-weight:600;border:none;border-radius:9999px;cursor:pointer;transition:all .2s}.settings-btn-primary{background:linear-gradient(135deg,var(--auth-gradient-start,#7c3aed),var(--auth-gradient-end,#3b82f6));color:var(--snow,#fff);box-shadow:0 4px 14px rgba(124,58,237,0.4)}.settings-btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(124,58,237,0.5)}.settings-profile-body{display:flex;align-items:flex-start;gap:2rem}.settings-avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.settings-avatar{width:120px;height:120px;min-width:120px;border-radius:50%;background:linear-gradient(135deg,var(--auth-gradient-start,#7c3aed),var(--auth-gradient-end,#3b82f6));display:flex;align-items:center;justify-content:center;overflow:hidden}.settings-avatar-img{width:100%;height:100%;object-fit:cover}.settings-avatar-initial{font-size:48px;font-weight:700;color:var(--snow,#fff)}.settings-avatar-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.settings-avatar-input{display:none}.settings-avatar-btn{padding:.5rem 1rem;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.settings-avatar-upload-btn{background-color:var(--auth-input-bg,#232430);color:var(--tasks-text,#e2e8f0);border:1px solid var(--auth-border,#3d3e4a)}.settings-avatar-upload-btn:hover{border-color:var(--auth-gradient-start,#7c3aed);background-color:rgba(124,58,237,0.2)}.settings-avatar-remove-btn{background-color:transparent;color:var(--tasks-text-muted,#94a3b8);border:1px solid rgba(239,68,68,0.3)}.settings-avatar-remove-btn:hover{color:#f87171;border-color:rgba(239,68,68,0.5)}.settings-profile-fields{flex:1;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.settings-field{display:flex;flex-direction:column;gap:.5rem}.settings-field label{font-size:13px;font-weight:500;color:var(--tasks-text-muted,#94a3b8)}.settings-field input{padding:.75rem 1rem;background-color:var(--auth-input-bg,#232430);border:1px solid var(--auth-border,#3d3e4a);border-radius:10px;color:var(--tasks-text,#e2e8f0);font-size:14px}.settings-field input::placeholder{color:var(--tasks-text-muted,#94a3b8)}.settings-field input:focus{outline:none;border-color:var(--auth-gradient-start,#7c3aed)}.settings-status-options{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.settings-status-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:14px;color:var(--tasks-text,#e2e8f0);padding:.5rem 0}.settings-status-option input{display:none}.settings-status-option input:checked+.settings-status-dot{box-shadow:0 0 0 2px var(--tasks-card-bg),0 0 0 4px var(--auth-gradient-start)}.settings-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.settings-status-green{background-color:#22c55e}.settings-status-yellow{background-color:#eab308}.settings-status-gray{background-color:#6b7280}.settings-status-blue{background-color:#3b82f6}.settings-password-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}@media screen and (max-width:700px){.settings-password-fields{grid-template-columns:1fr}}.settings-btn-password{margin-top:.5rem}.settings-status-submit{margin-top:1rem}@media screen and (max-width:600px){.settings-profile-body{flex-direction:column;align-items:center}.settings-status-options{flex-direction:column}.settings-card-header{flex-direction:column;align-items:flex-start;gap:1rem}}.navigation{position:fixed;left:0;top:0;z-index:100;height:100vh;width:220px;background-color:var(--chat-sidebar-bg);display:flex;flex-direction:column;align-items:stretch;padding:1.5rem .75rem}#navigation-logo-container{width:100%;display:flex;justify-content:flex-start;margin-bottom:2rem;padding-left:.5rem}#navigation-logo{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:rgba(139,43,226,0.3);border-radius:10px;text-decoration:none;color:var(--chat-text)}#navigation-logo:hover{background-color:rgba(139,43,226,0.4)}.nav-logo-text{font-size:14px;font-weight:700;white-space:nowrap}.navigation ul{flex:1;display:flex;flex-direction:column;width:100%;padding:0;margin:0;list-style:none;gap:.25rem}.navigation ul li{display:block;width:100%}.navigation ul li a{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--chat-text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:9999px;margin:0 .5rem;transition:all .2s}.navigation ul li a:hover{color:var(--chat-text);background-color:rgba(255,255,255,0.05)}.navigation ul li.active a{background-color:var(--chat-accent);color:var(--chat-text)}.navigation ul li a .icon{display:flex;align-items:center;justify-content:center;min-width:24px}.navigation ul li a .icon ion-icon{font-size:1.25em}.navigation ul li a .title{white-space:nowrap}.logout-container{flex-shrink:0;margin-bottom:auto;padding-bottom:1rem;border-top:1px solid rgba(255,255,255,0.08)}.logout-container a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem;color:var(--chat-text-muted);text-decoration:none;font-size:14px;font-weight:500;border-radius:9999px;transition:all .2s}.logout-container a:hover{color:var(--chat-text);background-color:rgba(255,255,255,0.05)}.logout-container a .icon{display:flex;align-items:center;justify-content:center;min-width:24px}.logout-container a .icon ion-icon{font-size:1.25em}.logout-container a .title{white-space:nowrap}.navigation{overflow-x:hidden}@media screen and (max-width:639px){.navigation{display:none}}.tasks-wrapper{min-height:100vh;background-color:var(--tasks-bg);padding:1rem 1.25rem}@media screen and (max-width:639px){.tasks-wrapper{padding:.75rem 1rem}}.tasks-flashes{list-style:none;padding:0;margin:0 0 1rem 0}.tasks-flashes li{padding:.75rem 1rem;background-color:rgba(34,197,94,0.2);border:1px solid rgba(34,197,94,0.4);border-radius:8px;color:var(--tasks-text);font-size:14px}.tasks-progress-section{margin-bottom:1.25rem}.tasks-progress-label{text-align:center;color:var(--tasks-text);font-size:14px;margin:0 0 .5rem 0}.tasks-progress-bar{height:8px;background-color:var(--tasks-progress-bg);border-radius:9999px;overflow:hidden}.tasks-progress-fill{height:100%;background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end));border-radius:9999px;transition:width .3s ease}.tasks-main{max-width:100%;margin:0}.tasks-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.tasks-title{margin:0;font-size:28px;font-weight:700;color:var(--tasks-text)}.tasks-header-actions{display:flex;align-items:center;gap:1rem}.tasks-filter-toggles{display:flex;gap:.5rem}.tasks-filter-btn{padding:.5rem 1rem;font-size:14px;border:none;border-radius:9999px;cursor:pointer;background-color:var(--tasks-filter-inactive);color:var(--tasks-text-muted);transition:all .2s;text-decoration:none;display:inline-block}.tasks-filter-btn.active{background-color:var(--tasks-filter-active);color:var(--tasks-text)}.tasks-filter-btn:hover:not(.active){background-color:var(--tasks-filter-hover)}.tasks-add-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:14px;font-weight:600;color:var(--snow);background:linear-gradient(90deg,var(--auth-gradient-start),var(--auth-gradient-end));border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.tasks-add-btn:hover{opacity:.9}.tasks-add-btn ion-icon{font-size:18px}.tasks-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;min-height:400px}.tasks-column{display:flex;flex-direction:column;min-width:0;background-color:var(--tasks-column-bg);border-radius:12px;overflow:hidden}.tasks-column-header{padding:1rem 1.25rem;font-size:14px;font-weight:700;color:var(--snow);border-radius:12px 12px 0 0}.tasks-column-not-started .tasks-column-header{background-color:#3d4b5c}.tasks-column-in-progress .tasks-column-header{background-color:#2563eb}.tasks-column-review .tasks-column-header{background-color:#d97706}.tasks-column-done .tasks-column-header{background-color:#059669}.tasks-column-cards{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.task-card{padding:1rem;background-color:var(--tasks-card-bg);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.2);display:flex;flex-direction:column;gap:.75rem}.task-card-title{margin:0;font-size:14px;font-weight:600;color:var(--tasks-text);line-height:1.4}.task-card-assignee{display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--tasks-text-muted)}.task-avatar{overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;font-weight:600;color:var(--snow);border-radius:50%}.task-avatar-img{width:100%;height:100%;object-fit:cover}.task-avatar-0{background-color:#22c55e}.task-avatar-1{background-color:#3b82f6}.task-avatar-2{background-color:#8b5cf6}.task-avatar-3{background-color:#eab308}.task-avatar-4{background-color:#f97316}.task-avatar-5{background-color:#ec4899}.task-avatar-6{background-color:#6b7280}.task-tag{display:inline-block;padding:.25rem .6rem;font-size:11px;font-weight:500;border-radius:9999px;width:fit-content}.task-tag-backend{background-color:rgba(239,68,68,0.3);color:#fca5a5}.task-tag-frontend{background-color:rgba(59,130,246,0.3);color:#93c5fd}.task-tag-doc{background-color:rgba(234,179,8,0.3);color:#fde047}.task-tag-design{background-color:rgba(34,197,94,0.3);color:#86efac}.task-tag-prototype{background-color:rgba(156,163,175,0.3);color:#d1d5db}.task-tag-other{background-color:rgba(249,115,22,0.3);color:#fdba74}.task-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--tasks-text-muted)}.task-due{display:flex;align-items:center;gap:.25rem}.task-due ion-icon{font-size:14px}.task-status{width:8px;height:8px;border-radius:50%}.task-status-red{background-color:#ef4444}.task-status-yellow{background-color:#eab308}.task-status-green{background-color:#22c55e}.task-status-form{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.08)}.task-status-select{width:100%;padding:.4rem .6rem;font-size:12px;background-color:var(--tasks-card-bg,#1e293b);border:1px solid var(--auth-border,#3d3e4a);border-radius:6px;color:var(--tasks-text,#e2e8f0);cursor:pointer;transition:border-color .2s}.task-status-select:hover,.task-status-select:focus{outline:none;border-color:var(--auth-gradient-start,#7c3aed)}.task-status-readonly{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,0.08)}.task-status-readonly-label{display:block;width:100%;padding:.4rem .6rem;font-size:12px;font-weight:500;background-color:var(--tasks-card-bg,#1e293b);border:1px solid var(--auth-border,#3d3e4a);border-radius:6px;color:var(--tasks-text,#e2e8f0);line-height:1.4}@media screen and (max-width:1200px){.tasks-kanban{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:639px){.tasks-kanban{grid-template-columns:1fr}.tasks-header{flex-direction:column;align-items:flex-start}.tasks-header-actions{width:100%;flex-wrap:wrap}.tasks-add-btn{width:100%;justify-content:center}}html,body{height:100%}#main-container{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0;border:0}main{box-sizing:border-box;height:100%;margin:0 auto;padding:0 20px}.auth-content{width:100%;max-width:416px;margin:auto}h2{margin:0 0 40px;font-size:24px}fieldset{margin:0;padding:0;border:0;font-family:inherit;font-style:inherit;line-height:1;vertical-align:baseline}form fieldset{margin:0 0 12px}label{display:block;margin:14px 0 4px;font-size:15px;color:#0d0c22;font-weight:bold}input.text-input{width:370px;height:14px;border:solid #F3F3F6 3px;border-radius:15px;cursor:pointer;transition:.3s;outline:0}input#signup.text-input{padding:18px 20px}input#password.text-input{padding:18px 20px}input.timelog{font-size:16px;padding:18px 20px;width:370px}input.text-input:hover{background-color:#ffff;box-shadow:0 0 5px 4px rgba(234,100,217,0.1)}input.text-input:focus{outline:none;border:solid 3px rgba(234,100,217,0.1)}input.text-input:active{box-shadow:0 0 5px 1px rgba(234,100,217,1)}select#team-select2{width:416px;height:56px;padding:18px 20px;border:solid #F3F3F6 3px;border-radius:15px;cursor:pointer;transition:.3s;outline:0}select#team-select2:hover{background-color:#ffff;box-shadow:0 0 5px 4px rgba(234,100,217,0.1)}select#team-select2:focus{outline:none;border:solid 3px rgba(234,100,217,0.1)}select#team-select2:active{box-shadow:0 0 5px 1px rgba(234,100,217,1)}.btn{width:416px;height:56px;margin:20px 0 0;padding:0 24px;color:#ffff;background-color:#0d0c22;border-radius:100px;border:solid #0d0c22;transition-property:opacity;transition-duration:.5s;text-align:center;cursor:pointer}.btn2{width:416px;height:56px;margin:20px 0 0;padding:0 24px;color:#0d0c22;background-color:#e7e7e9;border-radius:100px;border:solid #e7e7e9;transition-property:opacity;transition-duration:.5s;text-align:center;cursor:pointer}.btn:hover{opacity:.7}.btn2:hover{opacity:.7}.signup{width:406px;height:16px;margin:20px 0 0;font-size:14px;text-align:center}.info{color:#0d0c22;margin:20px 0 0}.info:hover{background-color:#F3F3F6;opacity:1;text-decoration-color:transparent}table{width:416px;margin-top:24px;border-radius:20px;border:2px;border-collapse:collapse;letter-spacing:1px}tr#timelist-style{background-color:#e7e7e9}th{border:1px solid #a0a0a0;padding:8px 10px;font-size:13px}td{border:1px solid #a0a0a0;padding:8px 10px;font-weight:lighter}td{text-align:center}html,body{height:100%}#main-container{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0;border:0}main{box-sizing:border-box;height:100%;margin:0 auto;padding:0 20px}.auth-content{width:100%;max-width:416px;margin:auto}h2{margin:0 0 40px;font-size:24px}fieldset{margin:0;padding:0;border:0;font-family:inherit;font-style:inherit;line-height:1;vertical-align:baseline}form fieldset{margin:0 0 12px}label{display:block;margin:14px 0 4px;font-size:15px;color:#0d0c22;font-weight:bold}input.text-input{width:370px;height:14px;border:solid #F3F3F6 3px;border-radius:15px;cursor:pointer;transition:.3s;outline:0}input#signup.text-input{padding:18px 20px}input#password.text-input{padding:18px 20px}input.timelog{font-size:16px;padding:18px 20px;width:370px}input.text-input:hover{background-color:#ffff;box-shadow:0 0 5px 4px rgba(234,100,217,0.1)}input.text-input:focus{outline:none;border:solid 3px rgba(234,100,217,0.1)}input.text-input:active{box-shadow:0 0 5px 1px rgba(234,100,217,1)}select#team-select2{width:416px;height:56px;padding:18px 20px;border:solid #F3F3F6 3px;border-radius:15px;cursor:pointer;transition:.3s;outline:0}select#team-select2:hover{background-color:#ffff;box-shadow:0 0 5px 4px rgba(234,100,217,0.1)}select#team-select2:focus{outline:none;border:solid 3px rgba(234,100,217,0.1)}select#team-select2:active{box-shadow:0 0 5px 1px rgba(234,100,217,1)}.btn{width:416px;height:56px;margin:20px 0 0;padding:0 24px;color:#ffff;background-color:#0d0c22;border-radius:100px;border:solid #0d0c22;transition-property:opacity;transition-duration:.5s;text-align:center;cursor:pointer}.btn2{width:416px;height:56px;margin:20px 0 0;padding:0 24px;color:#0d0c22;background-color:#e7e7e9;border-radius:100px;border:solid #e7e7e9;transition-property:opacity;transition-duration:.5s;text-align:center;cursor:pointer}.btn:hover{opacity:.7}.btn2:hover{opacity:.7}.signup{width:406px;height:16px;margin:20px 0 0;font-size:14px;text-align:center}.info{color:#0d0c22;margin:20px 0 0}.info:hover{background-color:#F3F3F6;opacity:1;text-decoration-color:transparent}table{width:416px;margin-top:24px;border-radius:20px;border:2px;border-collapse:collapse;letter-spacing:1px}tr#timelist-style{background-color:#e7e7e9}th{border:1px solid #a0a0a0;padding:8px 10px;font-size:13px}td{border:1px solid #a0a0a0;padding:8px 10px;font-weight:lighter}td{text-align:center}