*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.auth-container{perspective:1000px;width:100%;max-width:420px;padding:20px}.auth-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 15px 35px #0000001a;transform-style:preserve-3d;transition:all .5s ease;animation:fadeIn .6s ease-out forwards;position:relative;overflow:hidden}.auth-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#667eea,#764ba2)}.auth-box h2{text-align:center;margin-bottom:30px;color:#333;font-weight:600;font-size:28px}.auth-box input{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#f9f9f9}.auth-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.auth-box select{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#f9f9f9;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:15px}.auth-box select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.auth-box button{width:100%;padding:15px;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-box button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #667eea4d}.auth-box button:active{transform:translateY(-1px)}.switch-auth{text-align:center;margin-top:25px;color:#666;font-size:15px}.link{color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.link:hover{color:#764ba2;text-decoration:underline}.error{color:#e74c3c;background-color:#fadbd8;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center;animation:shake .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.flip-enter{transform:rotateY(90deg);opacity:0}.flip-enter-active{transform:rotateY(0);opacity:1;transition:all .5s ease}.flip-exit{transform:rotateY(0);opacity:1}.flip-exit-active{transform:rotateY(-90deg);opacity:0;transition:all .5s ease}@media (max-width: 480px){.auth-box{padding:30px 20px}.auth-box h2{font-size:24px;margin-bottom:20px}.auth-box input,.auth-box select,.auth-box button{padding:12px;font-size:15px}}.task-card{background:#fff;border-radius:14px;padding:18px 20px;margin-bottom:16px;border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease;cursor:grab;border-left:5px solid transparent}.task-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.task-card h4{font-size:1.05rem;margin-bottom:6px;font-weight:600;color:#222}.task-card p{font-size:.9rem;color:#555;margin-bottom:6px}.task-assignee{margin-top:10px;font-size:.8rem;color:#777}.task-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.task-btn{flex:1;padding:8px 14px;border-radius:9999px;border:none;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;background:#f5f5f5;color:#333}.task-btn:hover{background:#e0e0e0;transform:scale(1.03)}.delete-btn{background:linear-gradient(90deg,#ff6b6b,#e74c3c);color:#fff}.delete-btn:hover{background:linear-gradient(90deg,#e74c3c,#c0392b)}.assign-btn{background:linear-gradient(90deg,#2ecc71,#27ae60);color:#fff}.assign-btn:hover{background:linear-gradient(90deg,#27ae60,#1e8449)}.claim-btn{background:linear-gradient(90deg,#3498db,#2980b9);color:#fff}.claim-btn:hover{background:linear-gradient(90deg,#2980b9,#2471a3)}.task-select{width:100%;padding:8px 12px;margin-top:10px;border-radius:9999px;border:1px solid #ccc;font-size:.85rem;background:#fafafa;transition:all .2s}.task-select:hover{background:#f0f0f0}.kanban-wrapper{display:flex;height:calc(100vh - 60px);margin-top:60px;background:linear-gradient(135deg,#e0f7fa,#fff);font-family:Segoe UI,sans-serif;overflow:hidden;width:100vw}.kanban-board{flex:3;display:flex;padding:20px;gap:20px;overflow-x:auto}.kanban-column{flex:1;background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 24px #00000014;transition:box-shadow .3s ease;min-width:250px;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.kanban-column:hover{box-shadow:0 12px 32px #0000001f}.kanban-column h3{text-align:center;color:#333;margin-bottom:15px;border-bottom:2px solid #00bcd4;padding-bottom:8px;font-size:1.2rem}.task-list{flex:1;overflow-y:auto;padding-right:5px;scroll-behavior:smooth}.task-card{background:#00bcd4;color:#fff;padding:15px;border-radius:10px;margin-bottom:12px;box-shadow:0 3px 8px #0000001a;cursor:grab;transition:transform .2s,box-shadow .2s}.task-list::-webkit-scrollbar{width:0px}.task-list{scrollbar-width:none;-ms-overflow-style:none}.task-card:hover{transform:scale(1.03);box-shadow:0 6px 12px #00000026}.activity-log{flex:1;background:#fefefe;border-left:2px solid #eee;padding:20px;overflow-y:auto;box-shadow:-4px 0 12px #0000000d;transition:transform .3s ease,opacity .3s ease}.activity-log.show{transform:translate(0);opacity:1}.activity-log h4{margin-bottom:15px;color:#555;border-bottom:1px solid #ccc;padding-bottom:8px;font-size:1.1rem}.activity-item{margin-bottom:10px;font-size:.9rem;color:#333}.activity-item time{font-size:.75rem;color:#999}.create-task-button,.activity-toggle-button{background:#3498db;color:#fff;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;box-shadow:0 4px 10px #0003;transition:background .3s}.create-task-button:hover,.activity-toggle-button:hover{background:#2980b9}.conflict-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.conflict-modal{background:#fff;padding:20px;border-radius:8px;width:300px;box-shadow:0 8px 24px #0003}.conflict-fields input,.conflict-fields textarea,.conflict-fields select{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px}.conflict-actions{display:flex;justify-content:flex-end}.conflict-actions button{margin-left:10px;padding:8px 12px;border-radius:5px;border:none;cursor:pointer;transition:background .3s}.conflict-actions .merge-btn{background:#2ecc71;color:#fff}.conflict-actions .overwrite-btn{background:#e67e22;color:#fff}.conflict-actions .cancel-btn{background:#e74c3c;color:#fff}@media (max-width: 768px){.kanban-wrapper{flex-direction:column}.activity-log{border-left:none;border-top:2px solid #eee;box-shadow:none;margin-top:20px}.kanban-board{flex-direction:column;align-items:center}.create-task-button{top:70px;right:20px}}.kanban-buttons{position:fixed;top:70px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000}.task-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.task-form-container{background:#fff;padding:25px;border-radius:10px;width:90%;max-width:400px;box-shadow:0 8px 20px #0003;animation:popIn .3s ease forwards}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.task-form-container h2{margin-bottom:15px}.task-form-container input,.task-form-container textarea{width:100%;padding:10px;margin-bottom:12px;border:2px solid #ccc;border-radius:8px;font-size:1rem}.task-form-actions{display:flex;justify-content:flex-end;gap:10px}.task-form-actions button{padding:8px 15px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.task-form-actions button[type=submit]{background:#3498db;color:#fff}.task-form-actions button[type=submit]:hover{background:#2980b9}.task-form-actions button[type=button]{background:#ddd}.task-form-actions button[type=button]:hover{background:#bbb}.conflict-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center}.conflict-modal-container{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:800px}.conflict-columns{display:flex;gap:15px;margin-top:15px}.conflict-column{flex:1;background:#f9f9f9;padding:10px;border-radius:8px}.conflict-actions{margin-top:20px;display:flex;justify-content:space-between}.conflict-actions button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer}.conflict-actions button:nth-child(1){background:green;color:#fff}.conflict-actions button:nth-child(2){background:orange;color:#fff}.conflict-actions button:nth-child(3){background:gray;color:#fff}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 8px 24px #00000040;max-width:450px;width:90%;color:#333}.modal-content h2{margin-top:0;margin-bottom:15px;font-size:1.6rem;text-align:center}.modal-content p{margin:8px 0;line-height:1.5}.modal-content input,.modal-content textarea,.modal-content select{width:100%;margin-bottom:12px;padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px}.update-btn{background:#00bcd4;color:#fff;padding:10px 16px;border:none;border-radius:8px;margin-top:10px;width:100%;font-weight:700;cursor:pointer}.update-btn:hover{background:#0097a7}.close-btn{margin-top:10px;padding:10px 16px;background:#e74c3c;color:#fff;border:none;border-radius:8px;width:100%;font-weight:700;cursor:pointer}.close-btn:hover{background:#c0392b}.topbar{position:fixed;top:0;left:0;width:100%;height:60px;background:#1e1e2f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 8px #0000004d;z-index:999}.profile-section{display:flex;align-items:center;position:relative;cursor:pointer}.profile-pic{width:36px;height:36px;border-radius:50%;margin-right:10px;transition:transform .3s}.profile-pic:hover{transform:scale(1.05)}.profile-info{display:flex;align-items:center}.username{font-weight:600;margin-right:5px}.dropdown-icon{font-size:16px}.profile-dropdown{position:absolute;top:50px;left:0;background:#2b2b3d;color:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 4px 12px #0000004d;width:160px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .3s ease-in-out;z-index:1000}.profile-dropdown button{background:#ff4d4f;border:none;padding:8px 10px;color:#fff;border-radius:5px;cursor:pointer;transition:background .3s}.profile-dropdown button:hover{background:#ff7875}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-btn{background:#3498db;border:none;padding:8px 14px;color:#fff;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .3s}.topbar-btn:hover{background:#2980b9}.logout-btn{background:transparent;border:none;color:#ff4d4f;font-size:1.2rem;cursor:pointer;transition:color .3s}.logout-btn:hover{color:#ff7875}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.app-container{width:100%;height:100vh;overflow:hidden;position:relative}