html{font-size:14px}@media (min-width: 768px){html{font-size:15px}}@media (min-width: 1025px){html{font-size:16px}}.todolist-container{display:flex;gap:25px;overflow-x:auto;overflow-y:hidden;padding:5px;height:calc(100vh - 180px);margin:0 auto;max-width:100%;scrollbar-width:thin;scrollbar-color:rgb(102,102,102) rgb(255,255,255)}.todolist-column{position:relative;min-width:300px;width:100%;max-width:320px;background-color:#ffffffe6;border-radius:12px;padding:15px;box-shadow:-5px 5px 2px 2px #0000004a;display:flex;flex-direction:column;height:fit-content;flex-shrink:0}@media (max-width: 575px){.todolist-container{height:calc(100vh - 150px);gap:10px;padding:5px 0}.todolist-column{min-width:90vw;max-width:95vw;padding:8px}.task-title{font-size:1rem}.task-desc{font-size:.85rem}.tag{font-size:.75rem;padding:2px 6px}}@media (min-width: 576px) and (max-width: 767px){.todolist-container{height:calc(100vh - 160px);gap:15px}.todolist-column{min-width:45vw;max-width:48vw}}@media (min-width: 768px) and (max-width: 1024px){.todolist-container{height:calc(100vh - 180px);gap:20px;flex-wrap:nowrap}.todolist-column{min-width:30vw;max-width:32vw;padding:12px}@media (orientation: portrait){.todolist-column{min-width:45vw}}}@media (min-width: 1025px) and (max-width: 1366px){.todolist-container{height:calc(100vh - 200px);justify-content:flex-start;gap:20px}.todolist-column{width:calc(25% - 20px);max-width:300px}}@media (min-width: 1367px) and (max-width: 1920px){.todolist-container{height:calc(100vh - 220px);gap:25px}.todolist-column{width:calc(20% - 25px);max-width:320px}}@media (min-width: 1921px){.todolist-container{height:calc(100vh - 240px);gap:30px;max-width:90%;margin:0 auto}.todolist-column{width:calc(20% - 30px);max-width:350px;padding:20px}.task-title{font-size:1.2rem}.task-desc{font-size:1rem}}.task-dates{font-size:.75rem;border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px}.due-date,.reminder-date{display:flex;align-items:center;margin-bottom:4px}.due-date i,.reminder-date i{font-size:.7rem;width:12px}.due-date .text-muted,.reminder-date .text-muted{font-size:.7rem}.due-date.overdue{color:#dc3545;font-weight:700}.due-date.overdue i{color:#dc3545}.reminder-date.upcoming{color:#ffc107;font-weight:700}.reminder-date.upcoming i{color:#ffc107}.home{position:relative;width:100vw;height:100vh;overflow:hidden}.logo{width:auto;height:2.1rem}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.background-image{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.top-left{position:absolute;top:10px;left:10px;width:200px;z-index:2}.top-right{position:absolute;top:10px;right:10px;width:200px;z-index:2}.bottom-left{position:absolute;bottom:10px;left:10px;z-index:2;filter:drop-shadow(5px 5px 5px rgb(0,0,0));max-width:30%;height:auto}.responsive-img{width:100%;height:auto;object-fit:contain}.bottom-right{position:absolute;bottom:15px;right:20px;z-index:2}.imp{width:180px;height:auto}.particle-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:1;mix-blend-mode:screen;object-fit:cover}.content_video{width:100%;height:100%;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:absolute;z-index:2;text-align:center;filter:drop-shadow(5px 5px 5px rgb(0,0,0));padding:20px}.content_video h1{font-size:3.5rem;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.content_video p{font-size:1.8rem;margin-bottom:30px;max-width:700px}.content_video button{font-size:1.5rem;padding:15px 40px;border:none;border-radius:50px;background-color:#fff;color:#000;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #0000004d}.content_video button:hover{background-color:#082d9c;color:#fff;transform:translateY(-5px);box-shadow:0 6px 20px #0006}.input-field{outline:none;font-size:medium;border-radius:.31rem;border:1px solid #bfb3f2;padding:10px 40px 10px 10px;transition:.2s ease}.login-button{border:none;color:#fff;font-size:medium;font-weight:500;cursor:pointer;border-radius:6px;background:#282aa7;transition:.3s ease}.login-button:hover{background:#0004ff;font-weight:700}.back-button{border:none;color:#fff;font-size:medium;font-weight:500;cursor:pointer;border-radius:6px;background:#af0000;transition:.3s ease}.back-button:hover{background:red;font-weight:700}.signup-prompt{color:#00f;font-weight:600}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#000;height:auto}.bg-dashboard{background:linear-gradient(180deg,#0761c9,#2575fc,#fff);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}.member-description{font-size:11pt;line-height:1.4;min-height:100px;border:1px solid #e9ecef;padding:8px;border-radius:4px;background-color:#f8f9fa;white-space:pre-wrap;word-wrap:break-word}.bg-maindashboard{background:linear-gradient(180deg,#000 0% 0%,#003591 40%,#fff);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed}.main-header{text-align:center;margin-bottom:30px;padding:10px;background:linear-gradient(135deg,#000ba8,#377cf5);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff}.users-header{text-align:center;margin-bottom:30px;padding:10px;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff}.main-container{max-width:1200px;padding-top:70px;margin:0 auto}.users-container{max-width:2000px;padding-top:70px;margin:0 auto}.main-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background-color:#fff;border-radius:10px;padding:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-title{font-size:18px;font-weight:600;color:#2c3e50}.card-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.card-user .card-icon{background-color:#3498db}.card-admin .card-icon{background-color:#e74c3c}.card-member .card-icon{background-color:#2ecc71}.card-activity .card-icon{background-color:#f39c12}.card-value{font-size:32px;font-weight:700;margin-bottom:5px;color:#2c3e50}.card-percentage{font-size:16px;margin-bottom:15px;color:#7f8c8d}.chart-container{height:180px;margin:15px 0;position:relative;display:flex;justify-content:center;align-items:center}.donut-chart{position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(#3498db 0% 40%,#e74c3c 40% 60%,#2ecc71 60% 100%);display:flex;justify-content:center;align-items:center}.donut-hole{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#2c3e50}.legend{display:flex;flex-direction:column;gap:8px;margin-top:15px}.legend-item{display:flex;align-items:center;font-size:14px}.legend-color{width:12px;height:12px;border-radius:2px;margin-right:8px}.legend-user{background-color:#3498db}.legend-admin{background-color:#0d6efd}.legend-member{background-color:#0dad62}.activity-list{list-style-type:none;margin-top:15px}.activity-list li{padding:8px 0;border-bottom:1px solid #eee;display:flex;align-items:center}.activity-list li:last-child{border-bottom:none}.activity-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px;color:#fff}.login{background-color:#3498db}.register{background-color:#2ecc71}.update{background-color:#f39c12}.delete{background-color:#e74c3c}@media (max-width: 768px){.dashboard{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-value{font-size:28px}.donut-chart{width:130px;height:130px}.donut-hole{width:70px;height:70px}}@media (max-width: 480px){.dashboard{grid-template-columns:1fr}.header h1{font-size:24px}.donut-chart{width:120px;height:120px}.donut-hole{width:60px;height:60px}}.dataTables_filter input{border:1px solid #ddd;padding:5px 10px;border-radius:4px}.btn-group .btn{margin:0 2px;border-radius:4px}#karyawan-table_wrapper .row{margin:10px 0}.alert{margin-bottom:10px}.kontainer{margin-top:100px;width:100%;padding-left:2%;padding-right:2%}.header{display:flex;align-items:center;margin-bottom:20px;padding:0 10px}.app-title{color:#fff;font-size:20px;font-weight:700}.add-column-btn{background-color:#ffffffe6;min-width:280px;width:100%;max-width:300px;border:none;padding:3px 10px;border-radius:8px;color:#2575fc;font-size:small;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #0000;display:flex;align-self:center;gap:8px}.add-column-btn:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.add-new-column{min-width:280px;width:100%;max-width:300px;background-color:#ffffffe6;border-radius:12px;box-shadow:-5px 5px 2px 2px #0000004a;text-align:-webkit-center;display:flex;flex-direction:column;height:fit-content;max-height:95%;flex-shrink:0}.column-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;color:#fff;margin-bottom:15px;font-weight:700;font-size:18px;box-shadow:0 4px 6px #0000001a}.column-title{flex-grow:1;text-align:center}.column-actions{display:flex;gap:10px}.column-action-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}#board_list{max-height:150px;overflow-y:auto}#board_list::-webkit-scrollbar{width:4px}#board_list::-webkit-scrollbar-track{background:#f1f1f1}#board_list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#board_list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}#hamburger-btn{z-index:1002;top:10px;color:#fff;transition:all .3s ease;border-radius:8px}#hamburger-btn:hover{transform:scale(1.05)}#hamburger-btn:active{transform:scale(.95)}#hamburger-menu{transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translate(100%);box-shadow:-8px 8px 11px #6b6b6be3;opacity:0;transform-origin:top right;right:calc(var(--spacing) * 2)}#hamburger-menu.show{transform:translate(0);opacity:1}.hamburger-menu-item{transition:background-color .2s ease}.hamburger-menu-item:hover{background-color:#f1f5f9}#mobile-menu{position:fixed;top:60px;left:5px;width:280px;background-color:#fff;box-shadow:5px 0 10px #00000026;z-index:1000;overflow-y:auto;padding:10px;border-radius:12px;transform:translate(-100%);transition:transform .4s cubic-bezier(.23,1,.32,1);display:block!important;visibility:hidden}#mobile-menu,#mobile-menu-button,.menu-overlay,#mobile-menu *{transition:all .3s ease}#mobile-menu.show{transform:translate(0);visibility:visible}.icon-toggle{display:inline-block;transition:transform .3s ease}.menu-open .icon-toggle{transform:rotate(90deg)}#mobile-menu.hidden{transform:translate(-100%);visibility:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),visibility .4s}#mobile-menu-button{position:fixed;top:10px;left:10px;z-index:1002;display:none;transition:all .3s ease;background-color:#003b63;color:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003}#mobile-menu-button:hover{background-color:#216b9c;transform:scale(1.05)}#mobile-menu-button:active{transform:scale(.95)}.menu-overlay{display:none}.menu-overlay.active{opacity:1;visibility:visible}#menu-open-icon,#menu-close-icon{transition:opacity .3s ease,transform .3s ease}.task-list{flex-grow:1;overflow-y:auto;max-height:calc(100% - 100px)}.task{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:-5px 5px 8px #0000008a;cursor:grab;transition:transform .2s,box-shadow .2s;border-left:4px solid transparent;position:relative;z-index:1}.task:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;z-index:10}.task-cover{height:120px;background-size:cover;background-position:center;border-top-left-radius:8px;border-top-right-radius:8px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}#task-cover-card{transition:height .3s ease;overflow:hidden}.task-title{font-weight:700;margin-bottom:8px;font-size:16px;color:#2c3e50;padding-right:30px}.task-desc{font-size:14px;color:#666;margin-bottom:10px;line-height:1.4}.task-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.task-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:12px;padding:3px 8px;border-radius:8px;background-color:#010b9c;color:#fff}.task-actions{position:absolute;top:10px;right:10px;z-index:20}.badges{font-size:.9em;border-radius:8px;color:#fff;padding:2px 5px 3px}.checklist-item{background-color:#f8f9fa;transition:all .2s ease;border-radius:8px}.checklist-item:hover{background-color:#e9ecef}.checklist-item.completed{opacity:.7;background-color:#d1edff;border-color:#09ff00;padding:2px}.checklist-item.completed .checklist-text{text-decoration:line-through;color:#6c757d}.checklist-actions{flex-shrink:0}.checklist-text:read-only{background-color:transparent;border:1px solid transparent}.checklist-text:not(:read-only){background-color:#fff;border:1px solid #ced4da}.progress{background-color:#e9ecef;border-radius:10px;overflow:hidden}.progress-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px}.progress-stats{text-align:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #dee2e6;min-width:60px}.progress-label{font-weight:500;color:#6c757d}.progress-percentage{margin-bottom:5px}.progress-bar{transition:width .3s ease,background-color .3s ease;border-radius:10px}.checklist-progress{margin-top:8px}.checklist-progress .progress{height:4px;background-color:#e9ecef;border-radius:2px}.checklist-progress .progress-bar{background-color:#28a745;transition:width .3s ease}.checklist-progress small{display:block;margin-top:2px;font-size:.75rem;color:#6c757d}.no-checklist{font-size:.75rem;color:#6c757d;font-style:italic}.checklist-names{border-left:2px solid #e9ecef;padding-left:8px;margin-top:2px;font-size:.75rem;max-height:60px;overflow-y:auto;transition:max-height .3s ease}.checklist-names.scrollable{max-height:80px}.checklist-names::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.checklist-names::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.checklist-names::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.checklist-names div{line-height:1.2}.checklist-names i{font-size:.7rem;width:12px}.checklist-names::-webkit-scrollbar{width:4px}.checklist-names::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.chat-message{transition:all .3s ease;animation:fadeInUp .3s ease}.chat-message.sent{margin-left:auto;background:#dcf8c6;border-radius:12px 12px 0}.chat-message.received{margin-right:auto;background:#fff;border:1px solid #e0e0e0;border-radius:12px 12px 12px 0}.chat-message.reply{border-left:3px solid #007bff;background:#f8f9fa}.message-content{padding:8px 12px;position:relative}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.message-sender{font-weight:600;font-size:.875rem;color:#2c3e50}.message-time{font-size:.75rem;color:#6c757d}.message-text{word-wrap:break-word;line-height:1.4}.message-reply{background:#0000000d;border-radius:6px;padding:6px 8px;margin-bottom:6px;border-left:2px solid #007bff}.reply-sender{font-size:.8rem;font-weight:500;color:#007bff}.reply-text{font-size:.8rem;color:#495057}.message-actions{display:flex;gap:8px;margin-top:4px;opacity:0;transition:opacity .2s}.chat-message:hover .message-actions{opacity:1}.reaction-btn{background:none;border:none;padding:2px 6px;border-radius:12px;font-size:.75rem;cursor:pointer;transition:all .2s}.reaction-btn:hover{background:#0000001a}.reaction-badge{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1px 6px;font-size:.75rem;margin-right:4px;cursor:pointer;transition:all .2s}.reaction-badge.user-reacted{background:#e3f2fd;border-color:#2196f3}.reaction-badge:hover{transform:scale(1.05)}.reactions-container{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px}.typing-indicator{display:flex;align-items:center;padding:8px 12px;color:#6c757d;font-style:italic}.typing-dots{display:flex;margin-left:8px}.typing-dot{width:4px;height:4px;background:#6c757d;border-radius:50%;margin:0 1px;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#comments-container{scroll-behavior:smooth}#comments-container::-webkit-scrollbar{width:6px}#comments-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}#comments-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}#comments-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.emoji-option{padding:4px 8px;cursor:pointer;border-radius:4px;transition:background .2s}.emoji-option:hover{background:#f8f9fa}.todolist-container,.todolist-column,.task-list,.task{z-index:auto;overflow:visible}.task-menu-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#7f8c8d;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:25;position:relative}.task-menu-btn:hover{background-color:#f5f5f5;color:#3498db}.task-menu{position:absolute;top:30px;right:0;background-color:#fff;border-radius:8px;box-shadow:-5px 8px 20px #00000061;z-index:99999!important;width:250px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.task-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.task-menu-item{padding:10px 15px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;transition:background-color .2s;color:#2c3e50}.task-menu-item:hover{background-color:#f5f5f5;border-radius:8px}.menu-divider{height:1px;background-color:#eee;margin:5px 0}.todo .column-header{background:linear-gradient(0deg,#050386,#0804c0,#fff)}.todo .task{border-left-color:#3498db}.inprogress .column-header{background:linear-gradient(0deg,#e5ff00,#fce301,#fff);color:#000}.inprogress .task{border-left-color:#f39c12}.done .column-header{background:linear-gradient(0deg,#01642a,#01b94e,#fff)}.done .task{border-left-color:#2ecc71}.incomplete .column-header{background:linear-gradient(0deg,#c21300,#ff7161,#fff)}.incomplete .task{border-left-color:#e74c3c}.waiting .column-header{background:linear-gradient(0deg,#6f009b,#a01dd8,#fff)}.waiting .task{border-left-color:#9b59b6}.new-column .column-header{background-color:#34495e}.new-column .task{border-left-color:#34495e}@media (max-width: 1024px){.todolist-container{height:calc(100vh - 180px);flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:30px}.todolist-column{flex:0 0 auto;width:85%;max-width:320px}#mobile-menu .tag{font-size:12px;padding:2px 6px}#mobile-menu-button,#mobile-menu{display:block}#nav_react .md\\:flex{display:none}}@media (min-width: 1025px){.todolist-container{justify-content:flex-start;overflow-x:auto;height:calc(100vh - 220px)}.todolist-column{flex:0 0 auto;width:calc(20% - 20px);max-width:320px}#mobile-menu-button{display:block}#mobile-menu{display:none}#nav_react .md\\:flex{display:flex}}.todolist-container::-webkit-scrollbar{height:10px}.todolist-container::-webkit-scrollbar-track{background:#fff3;border-radius:10px}.todolist-container::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px}.todolist-container::-webkit-scrollbar-thumb:hover{background:#ffffffb3}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.task-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.task-list::-webkit-scrollbar-thumb:hover{background:#aaa}.add-task-btn{background:linear-gradient(to top,#0050fd 0% 50%,#fdfdfd);border:1px solid #c9e2ff;color:#fff;padding:10px 15px;border-radius:8px;margin-top:10px;cursor:pointer;font-weight:700;box-shadow:-5px 6px 20px #00000073;transition:all .3s;width:100%}.add-task-btn:hover{background:linear-gradient(to top,#0050fd 0% 50%,#b3d6ff);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.task-form{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a;display:none}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group textarea{min-height:80px;resize:vertical}.form-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.form-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s}.submit-btn{background-color:#2ecc71;color:#fff}.submit-btn:hover{background-color:#27ae60}.cancel-btn{background-color:#e74c3c;color:#fff}.cancel-btn:hover{background-color:#c0392b}.form-visible{display:block}.btn-hidden{display:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1060;justify-content:center;align-items:center}.modal-content{padding:10px;border-radius:10px;box-shadow:0 10px 25px #0003}.modal-header{color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.modal-title{font-size:20px;font-weight:700;color:#2c3e50}#task-tags .badge{font-size:.85rem}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-footer{border-top:1px solid #e3e6f0;padding:1rem}.color-option:hover{transform:scale(1.1);transition:transform .2s}.checklist-item{align-items:center;border-bottom:1px solid #f0f0f0;border-radius:8px}.checklist-item:last-child{border-bottom:none}.checklist-item.completed .item-text{text-decoration:line-through;color:#6c757d}.attachment-item{display:flex;align-items:center;padding:10px;border:1px solid #dee2e6;border-radius:4px;margin-bottom:8px;background-color:#f8f9fa}.tag .remove-tag{margin-left:5px;cursor:pointer;color:red;font-weight:700}.tag-input-container{display:flex;align-items:center;flex-wrap:wrap}.awesomplete{width:100%}.awesomplete>ul>li{padding:8px 12px;cursor:pointer}.awesomplete>ul>li:hover{background-color:#f5f5f5}.awesomplete>ul>li[aria-selected=true]{background-color:#e9ecef}.column-form{margin-top:20px}.task-detail-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;justify-content:center;align-items:center}.task-detail-content{background-color:#fff;padding:25px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto}.task-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.task-detail-title{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:10px;width:80%}.task-detail-desc{font-size:16px;color:#666;line-height:1.5;margin-bottom:20px}.task-detail-section{margin-bottom:20px}.section-title{font-weight:700;color:#2c3e50;margin-bottom:10px;display:flex;align-items:center;gap:8px}.label-list,.member-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.awesomplete>ul{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0000001a}.awesomplete>ul>li[aria-selected=true]{background-color:#8b8b8b;color:#fff}.member-avatar{width:32px;height:32px;border-radius:50%;background-color:#3498db;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.date-display{display:flex;align-items:center;gap:8px;color:#666;margin-bottom:5px}.logo-nav{width:85vw;padding-right:20px}#loading-overlay{transition:opacity .3s ease}#loading-overlay.hidden{display:none}.kontainer.opacity-50{opacity:.5}.kontainer.pointer-events-none{pointer-events:none}.text-center.text-gray-500{transition:all .3s ease,height .3s ease;opacity:0;height:0;overflow:hidden}.text-center.text-gray-500[style*="display: none"]{opacity:0;pointer-events:none}.text-center.text-gray-500[style*="display: block"]{opacity:1;height:auto;padding:20px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.animate-flicker{-webkit-animation:flickerAnimation 1s infinite;-moz-animation:flickerAnimation 1s infinite;-o-animation:flickerAnimation 1s infinite;animation:flickerAnimation 1s infinite}@media (max-width: 1200px){.content_video h1{font-size:3rem}.content_video p{font-size:1.5rem}.content_video button{font-size:1.3rem;padding:12px 35px}.bottom-left{max-width:70%;left:5%;bottom:20px}#mobile-menu-button{display:flex}#mobile-menu{display:block}}@media (min-width: 1201px){#mobile-menu-button,#mobile-menu{display:none}}@media (max-width: 992px){.top-left,.top-right{width:150px}.bottom-left{width:500px;bottom:20px}.content_video h1{font-size:2.5rem}.content_video p{font-size:1.3rem}#mobile-menu-button{display:block}}@media (min-width: 769px){#mobile-menu-button,#mobile-menu{display:block}#nav_react .md\\:flex{display:flex}}@media (max-width: 768px){.top-left,.top-right{width:120px}.bottom-left{width:250px;bottom:20px}.imp{width:150px}.content_video h1{font-size:2rem}.content_video p{font-size:1.1rem;max-width:500px}.content_video button{font-size:1.1rem;padding:10px 30px}.login-container{width:90%;height:auto;max-height:none;padding:15px}h2{font-size:1.5rem}input.form-control,button.btn{font-size:.9rem;padding:8px}p{font-size:.9rem}.flex-none{width:100%}#mobile-menu-button{display:block!important;left:15px;padding:10px}#mobile-menu{display:block;width:320px}.logo-nav{width:60vw;padding-right:10px}#nav_react .md\\:flex{display:none}}#create-board-form{transition:opacity .3s ease}#create-board-form.hidden{display:none}#board_list{transition:opacity .3s ease}#board_list.hidden{display:none}.task-menu{transition:opacity .2s ease-in-out}@media (max-width: 767px){#mobile-menu-button{display:block}.desktop-menu{display:none}.todolist-column{min-width:85%}}@media (max-width: 576px){.top-left,.top-right{width:100px}.bottom-left{max-width:70%;bottom:20px}.imp{width:120px}.content_video h1{font-size:1.8rem}.content_video p{font-size:1rem;max-width:90%}.content_video button{font-size:1rem;padding:8px 25px}.login-container{padding:10px}h2{font-size:1.25rem}input.form-control,button.btn{font-size:.8rem}#mobile-menu{width:80%}#mobile-menu-button{padding:8px}.app-title{font-size:small}.modal-dialog{margin:.5rem}}@media (max-width: 400px){.top-left,.top-right{width:80px}.bottom-left{width:150px;bottom:20px}.imp{width:100px}.content_video h1{font-size:1.5rem}.content_video p{font-size:.9rem}.login-container{padding:10px}h2{font-size:1.25rem}input.form-control,button.btn{font-size:.8rem}.app-title{font-size:small}.add-column-btn{font-size:small;padding:8px}}@media (max-height: 600px){.content_video{justify-content:flex-start;padding-top:80px}.content_video h1{font-size:2rem}.content_video p{font-size:1rem}.content_video button{margin-top:20px}.bottom-left{width:150px;bottom:20px}.app-title{font-size:small}}@media (min-width: 768px) and (max-width: 1180px) and (hover: none) and (pointer: coarse){#mobile-menu-button{display:block!important}.app-title{font-size:small}#mobile-menu{display:block!important}.logo-nav{width:60vw}#nav_react .md\\:flex{display:none!important}}@media (width: 768px) and (height: 1024px){#mobile-menu-button{display:block}.desktop-menu{display:none}.todolist-column{min-width:240px}}@media (width: 1024px) and (height: 768px){#mobile-menu-button{display:none}.desktop-menu{display:flex}.logo-nav{width:60vw}}@media (max-height: 900px){.todolist-container{height:calc(100vh + -0px)}}@media (max-height: 800px){.todolist-container{height:calc(100vh + -0px)}}@media (max-height: 700px){.todolist-container{height:calc(100vh - 160px)}}