body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--secondary:#0ea5e9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--purple:#8b5cf6;--dark:#1e293b;--light:#f8fafc;--gray:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#1e293b;color:var(--dark);line-height:1.5;padding:1.5rem}.container{margin:0 auto;max-width:900px;position:relative}header{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem;text-align:center}h1{color:#1e293b;color:var(--dark);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem}.current-date{color:#64748b;color:var(--gray);font-size:1.125rem;font-weight:500;margin-bottom:1.5rem}.navigation{gap:.75rem;margin:.8rem 0}.nav-btn,.navigation{display:flex;justify-content:center}.nav-btn{align-items:center;background-color:#fff3;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.nav-btn:hover{background-color:#4f46e5;background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.nav-btn:active{transform:translateY(0)}.timeline-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);height:calc(100vh - 12rem);overflow-y:auto;padding:2rem 0;position:relative;scrollbar-color:#6366f1 #f8fafc;scrollbar-color:var(--primary) var(--light);scrollbar-width:thin;z-index:1}.timeline-container::-webkit-scrollbar{width:6px}.timeline-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--light);border-radius:100vh}.timeline-container::-webkit-scrollbar-thumb{background-color:#a5b4fc;background-color:var(--primary-light);border-radius:100vh}.timeline{margin-left:180px;padding:0 2rem 0 .5rem;position:relative}.timeline:before{background:linear-gradient(180deg,#6366f1,#4f46e5 50%,#4338ca);border-radius:100vh;bottom:0;box-shadow:0 0 10px #6366f14d;content:"";left:-30px;position:absolute;top:0;width:4px}.timeline-item{margin-bottom:1.5rem;padding:1.5rem 0;position:relative;transition:transform .2s ease;width:100%}.timeline-item:hover{transform:translateX(4px)}.timeline-date{align-items:center;background:#fff0;background-color:#d8d7d794;border-radius:.3rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#6366f1;color:var(--primary);display:flex;font-size:.75rem;font-weight:800!important;justify-content:center;left:-160px;letter-spacing:-.025em;padding:2px 3px;position:absolute;top:1.9rem;width:85px}.timeline-content{background:#0000;border:none;box-shadow:none;padding:0}.timeline-item:after{background-color:#6366f1;background-color:var(--primary);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #a5b4fc;box-shadow:0 0 0 3px var(--primary-light);content:"";height:12px;left:-53px;position:absolute;top:2rem;transition:transform .2s ease-in-out;width:12px}.timeline-item:hover:after{animation:shake .3s ease-in-out}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}to{transform:translateX(0)}}.today .timeline-date{background-color:#6366f1;background-color:var(--primary);color:#fff}.normalday .timeline-date{background-color:#e7e7e7;color:#4338ca;font-size:12px}.today:after{animation:pulse 2s infinite;background-color:#f59e0b;background-color:var(--warning)}@keyframes pulse{0%{box-shadow:0 0 0 0 #f59e0bb3;transform:scale(1)}50%{box-shadow:0 0 0 10px #f59e0b00;transform:scale(1.1)}to{box-shadow:0 0 0 0 #f59e0b00;transform:scale(1)}}.task-list{display:flex;flex-direction:column;gap:1rem}.task-wrapper{position:relative}.task{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;padding:1.5rem}.task:hover{border-color:#a5b4fc;border-color:var(--primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.task-check-title{gap:1rem}.task-meta{align-items:flex-end;flex-direction:column;gap:.5rem}.task-project{background:#f59e0b;background:var(--warning)}span.task-project{padding-left:0!important}h3.pop-header,span.task-project{color:#1e293b!important;font-weight:800}h3.pop-header{font-size:24px!important}span.due-task-pop{color:#212529!important;font-size:12px!important;font-weight:600}.task-project:before{content:"📁";margin-right:.25rem}.task-project{background:#fff0;border-radius:1rem;color:#fff;font-size:.75rem;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.task-projects:before{content:"📁";margin-right:.25rem}span.task-projects{color:#fff}.task-owner{align-items:center;border-radius:1rem;color:#fff;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}span.task-owner{padding:0!important}.task-owner:before{content:"👤";margin-right:.25rem}.task-owners{align-items:center;background:#fff0;border-radius:1rem;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.task-owners:before{content:"👤";margin-right:.25rem}span.task-owners{color:#fff}.task-checkbox{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:4px;cursor:pointer;height:20px;margin-top:.125rem;position:relative;width:20px}.task-checkbox:checked{background-color:#10b981;background-color:var(--success);border-color:#10b981;border-color:var(--success)}.task.completed .task-title{opacity:.7;text-decoration:line-through}.task-title{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}.task-red{border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.task-blue{border-left:4px solid #0ea5e9;border-left:4px solid var(--secondary)}.task-green{border-left:4px solid #10b981;border-left:4px solid var(--success)}.task-purple{border-left:4px solid #8b5cf6;border-left:4px solid var(--purple)}.task-orange{border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.add-task-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);font-size:1.5rem;right:2rem}.add-task-btn:hover{box-shadow:0 10px 25px #6366f166;transform:scale(1.1)}.add-task-btn:active{transform:scale(.95)}.modal-overlay{background-color:#0009;padding:1rem;z-index:1050}.modal-content{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close-modal{align-items:center;border-radius:50%;color:#64748b;color:var(--gray);display:flex;font-size:1.5rem;height:32px;justify-content:center;right:1rem;top:1rem;transition:all .2s ease;width:32px}.close-modal:hover{background-color:#f8fafc;background-color:var(--light)}.close-modal:hover,.modal h2{color:#1e293b;color:var(--dark)}.modal h2{font-size:1.5rem;font-weight:700}.form-group,.modal h2{margin-bottom:1.5rem}.form-group label{color:#1e293b;color:var(--dark);font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #a5b4fc;box-shadow:0 0 0 3px var(--primary-light);outline:none}.submit-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:.75rem;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.submit-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.error-message{background-color:#fee2e2;border-radius:.5rem;color:#dc2626;font-weight:500}.empty-state{color:#64748b;color:var(--gray);font-size:1.1rem;font-style:italic;padding:3rem;text-align:center}@media (max-width:768px){.timeline{margin-left:60px;padding:0 1rem}.timeline-date{font-size:.75rem;font-weight:600;left:-100px;width:80px}.timeline-item:after{left:-26px}.timeline:before{left:-20px}.add-task-btn{bottom:1rem;height:50px;right:1rem;width:50px}.modal-content{margin:1rem;padding:1.5rem}}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-radius:8px;--box-shadow:0 2px 10px #0000001a;--transition:all 0.3s ease}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.fa-eye:before{color:#fff!important}span.css-1u9des2-indicatorSeparator{display:none!important}.task-popover-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.task-popover{animation:popoverSlideIn .3s ease-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes popoverSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.task-popover-sidebar{background:#fff;box-shadow:-2px 0 10px #0000001a;height:100vh;overflow:hidden;position:fixed;right:-340px;top:0;transition:right .3s ease-in-out;width:320px;z-index:1001}@media (max-width:768px){.task-popover-sidebar{right:-100vw;width:100vw}}@media (max-width:480px){.task-popover-sidebar{right:-100vw;width:100vw}}.task-popover-sidebar.slide-in{right:0}.task-popover-sidebar-content{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px 15px}@media (max-width:768px){.task-popover-sidebar-content{padding:20px}}.close-popover-sidebar{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;transition:var(--transition);width:30px}.close-popover-sidebar:hover{background-color:#f8f9fa;color:#dc3545}.task-popover-content{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);max-height:500px;overflow-y:auto;position:relative;width:350px}.task-popover-content.task-blue{border-left:4px solid #007bff}.task-popover-content.task-green{border-left:4px solid #28a745}.task-popover-content.task-red{border-left:4px solid #dc3545}.task-popover-content.task-purple{border-left:4px solid #6f42c1}.task-popover-content.task-orange{border-left:4px solid #fd7e14}.close-popover{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:10px;transition:all .3s ease;transition:var(--transition);width:30px}.close-popover:hover{background-color:#f8f9fa;color:#dc3545}.task-popover-header{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding:20px 20px 0}.task-popover-header h3{word-wrap:break-word;color:#333;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 10px;padding-right:30px}.task-status-badge{border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;padding:3px 6px;text-transform:uppercase}.task-popover-body{padding:0 20px 15px}.task-popover-section{align-items:flex-start;display:flex;font-size:12px;line-height:1.4;margin-bottom:12px}.task-popover-section i{color:#6c757d;flex-shrink:0;margin-right:8px;margin-top:2px;width:14px}.task-popover-section span{word-wrap:break-word;color:#495057;flex:1 1}.task-project{color:#007bff;font-weight:600}.task-owner{font-weight:500}.task-popover-description{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.task-popover-description h4{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.task-popover-description p{word-wrap:break-word;color:#6c757d;font-size:12px;line-height:1.5;margin:0}.task-popover-footer{border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:space-between;padding:15px 20px 20px}.task-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:500;gap:4px;justify-content:center;padding:6px 8px;transition:all .3s ease;transition:var(--transition)}.task-action-btn.edit{background-color:#007bff;color:#fff}.task-action-btn.edit:hover{background-color:#0056b3}.task-action-btn.delete{background-color:#dc3545;color:#fff}.task-action-btn.delete:hover{background-color:#c82333}.loading-message{align-items:center;color:#6c757d;display:flex;font-size:18px;height:200px;justify-content:center}header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:1rem;padding:10px}.header-top{align-items:center;display:flex;justify-content:end;margin-bottom:0}h1{font-size:28px;font-weight:300;margin:0}.user-menu{align-items:center;display:flex;gap:15px}.username{font-size:16px;font-weight:600}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:5px;transition:all .3s ease;transition:var(--transition)}.dropdown-menu{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);min-width:180px;opacity:0;padding:10px 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 20px;text-align:left;text-decoration:none;transition:all .3s ease;transition:var(--transition);width:100%}.dropdown-item:hover{background-color:#f8f9fa;color:#007bff;color:var(--primary-color)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:8px;border-radius:var(--border-radius);max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.close-modal{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;position:absolute;right:20px;top:15px;transition:all .3s ease;transition:var(--transition)}.close-modal:hover{color:#dc3545;color:var(--danger-color)}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;transition:all .3s ease;transition:var(--transition);width:100%}.form-group textarea{min-height:100px;resize:vertical}.submit-btn{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease;transition:var(--transition);width:100%}.submit-btn:hover{background-color:#0056b3}.submit-btn:active{transform:translateY(1px)}.error-message{color:var(--danger-color);font-size:14px;margin-top:5px;padding:10px}.invite-manager{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin:0 auto;max-width:800px;padding:20px}.invite-manager h2{color:#333;font-size:28px;font-weight:300;margin-bottom:30px;text-align:center}.invite-manager h3{color:#555;font-size:20px;font-weight:400;margin-bottom:20px}.invite-form{background:#f8f9fa;border-radius:8px;border-radius:var(--border-radius);margin-bottom:30px;padding:20px}.success-message{background-color:#d4edda;border-radius:4px;color:#28a745;color:var(--success-color);font-size:14px;margin-top:10px;padding:10px}.invites-list{margin-top:30px}.invites-list table{border-collapse:collapse;width:100%}.invites-list td,.invites-list th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.invites-list th{font-weight:600}.invites-list th,.invites-list tr:hover{background-color:#f8f9fa}.invites-list p{color:#6c757d;font-style:italic;text-align:center}.project-manager{background:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin:0 auto;max-width:1200px;padding:20px}.project-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.project-header h2{color:#333;font-size:28px;font-weight:300;margin:0}.create-project-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease;transition:var(--transition);width:200px}.create-project-btn:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.project-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;padding:20px;transition:all .3s ease;transition:var(--transition)}.project-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.project-card-header h3{word-wrap:break-word;color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0 10px 0 0}.project-actions{display:flex;gap:5px}.delete-btn,.edit-btn{align-items:center;background:none;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;padding:6px 10px;transition:all .3s ease;transition:var(--transition);width:32px}.edit-btn:hover{background-color:#007bff;color:#fff}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}.project-description{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:15px}.project-mission,.project-vision{color:#495057;font-size:13px;line-height:1.4;margin-bottom:10px}.project-meta{align-items:center;color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.project-status{border-radius:12px;color:#fff;font-size:10px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.projects-grid .empty-state{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.projects-grid .empty-state p{font-size:18px;margin:0}.user-manager{margin:0 auto;max-width:1200px;padding:20px}.user-manager .user-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.user-manager .user-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.user-manager .header-controls{align-items:center;display:flex;gap:15px}.user-manager .user-count{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;font-size:14px;font-weight:500;padding:6px 12px}.user-manager .refresh-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease;width:120px}.user-manager .refresh-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.user-manager .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.user-manager .users-content{margin-top:20px}.user-manager .users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.user-manager .users-table{border-collapse:collapse;font-size:14px;width:100%}.user-manager .users-table td,.user-manager .users-table th{border-bottom:1px solid #e9ecef;padding:15px;text-align:left}.user-manager .users-table th{background:#f8f9fa;color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.user-manager .users-table td{background:#fff}.user-manager .users-table tr:hover{background:#f8f9fa}.user-manager .users-table tr:last-child td{border-bottom:none}.user-manager .user-name{align-items:center;color:#333;display:flex;font-weight:500;gap:8px}.user-manager .user-name i{color:#667eea}.user-manager .status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-manager .status-badge.active{background:#28a745;color:#fff}.user-manager .status-badge.inactive{background:#6c757d;color:#fff}.user-manager .user-actions{align-items:center;display:flex;gap:8px}.user-manager .action-btn{align-items:center;background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease;width:120px}.user-manager .action-btn.toggle.activate{background:#28a745}.user-manager .action-btn.toggle.activate:hover{background:#218838}.user-manager .action-btn.toggle.deactivate{background:#ffc107;color:#212529}.user-manager .action-btn.toggle.deactivate:hover{background:#e0a800}.user-manager .action-btn.delete{background:#dc3545}.user-manager .action-btn.delete:hover{background:#c82333}.user-manager .users-content .empty-state{color:#6c757d;padding:60px 20px;text-align:center}.user-manager .users-content .empty-state h3{color:#333;font-size:20px;margin:0 0 8px}.user-manager .users-content .empty-state p{font-size:16px;line-height:1.5;margin:8px 0}.user-manager .pagination-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-top:20px;padding:15px 20px}.user-manager .pagination-btn{align-items:center;background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-width:90px;padding:8px 16px;transition:all .2s ease}.user-manager .pagination-btn:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.user-manager .pagination-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.user-manager .pagination-info{align-items:center;display:flex;flex-direction:column;gap:4px}.user-manager .pagination-info span:first-child{color:#333;font-size:14px;font-weight:600}.user-manager .pagination-details{color:#6c757d;font-size:12px}@media (max-width:768px){.user-manager .pagination-controls{flex-direction:column;gap:15px;padding:15px}.user-manager .pagination-info{order:-1}.user-manager .header-controls{align-items:stretch;flex-direction:column;gap:10px}.user-manager .user-count{text-align:center}}.add-task-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;transition:var(--transition);width:60px;z-index:1000}.add-task-btn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-3px)}.add-task-btn:active{transform:translateY(-1px)}.task{position:relative;transition:all .3s ease}.task.completed{animation:taskCompleted .5s ease-in-out;background-color:#f8f9fa!important;opacity:.7}@keyframes taskCompleted{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:.7;transform:scale(1)}}.task-title.strikethrough{animation:strikethroughAnimation .3s ease-in-out;color:#fff;text-decoration:line-through}@keyframes strikethroughAnimation{0%{text-decoration:none;transform:translateX(0)}50%{transform:translateX(2px)}to{text-decoration:line-through;transform:translateX(0)}}.task-checkbox{transform:scale(1);transition:all .2s ease}.task-checkbox:checked{animation:checkboxBounce .3s ease-in-out}@keyframes checkboxBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.task-view-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;justify-content:center;opacity:.7;padding:4px 8px;transition:all .3s ease;transition:var(--transition)}.task-view-btn:hover{background-color:#007bff1a;color:#007bff;opacity:1;transform:scale(1.1)}.task-view-btn:active{transform:scale(.95)}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:768px){.add-task-btn{bottom:20px;font-size:20px;height:50px;right:20px;width:50px}.task-view-btn{font-size:12px;padding:2px 6px}}.current-date{color:#fafafa;font-size:24px;font-weight:800;margin-bottom:0}#next-day,#prev-day{width:150px}.timeline-item.selected-date{position:relative;transform:translateX(8px);transition:all .3s ease}.timeline-item.selected-date .timeline-content{background-color:#f8faff;border-radius:8px;box-shadow:0 4px 15px #007bff26;padding:15px}.timeline-item.selected-date .timeline-date{background-color:#007bff;box-shadow:0 4px 15px #007bff4d;color:#fff;transform:scale(1.05)}.timeline-item.selected-date:after{background-color:#007bff;box-shadow:0 0 0 4px #007bff4d;transform:scale(1.3)}.task-meta-row{background-color:#f8f9fa;border-radius:8px;justify-content:space-between;margin-top:12px;padding:12px 16px}.task-meta-item,.task-meta-row{align-items:center;display:flex}.task-meta-item{background-color:#ffffff40;border-radius:6px;color:#495057;font-size:12px;gap:6px;padding:6px 10px;transition:all .2s ease}.task-meta-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.task-meta-item i{color:#6c757d;font-size:11px;text-align:center;width:12px}.task-meta-item span{font-weight:500;white-space:nowrap}.task-project{color:#007bff!important}h4.desc-pop{color:#1e293b;font-size:14px;font-weight:800}.task-owner{color:#343a40!important;font-size:13px;font-weight:800}.task-due-date{color:#6f42c1!important}.task-due-dates{color:#fff!important}.task-status{color:#fd7e14!important}.task-statuses{color:#fff!important}.meta-btn{align-items:center;background:none;border:none;border-radius:3px;color:#6c757d;cursor:pointer;display:flex;font-size:10px;justify-content:center;margin-left:4px;opacity:.7;padding:2px 4px;transition:all .2s ease}.meta-btn:hover{background-color:#e9ecef;color:#495057;opacity:1;transform:scale(1.1)}.meta-btn:active{transform:scale(.95)}.task-header{justify-content:space-between;padding-bottom:0}.task-check-title,.task-header{align-items:flex-start;display:flex}.task-check-title{flex:1 1;gap:12px}.task-actions{align-items:center;display:flex;gap:8px}@media (max-width:768px){.task-meta-row{align-items:stretch;flex-direction:column;gap:8px}.task-meta-item{justify-content:space-between}.task-meta-item span{flex:1 1;white-space:normal}}.timeline-item{transition:all .3s ease}.timeline-loading{margin:20px 0;padding:20px;text-align:center}.loading-spinner{align-items:center;color:#6c757d;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center}.loading-spinner i{color:#007bff;font-size:16px}.timeline-end{border-top:1px solid #e9ecef;margin:20px 0;padding:30px 20px;text-align:center}.end-indicator{align-items:center;color:#28a745;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;opacity:.8}.end-indicator i{color:#28a745;font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-spin{animation:spin 1s linear infinite}@media (max-width:768px){.timeline-end,.timeline-loading{margin:15px 0;padding:15px 10px}.end-indicator,.loading-spinner{font-size:13px}.end-indicator i,.loading-spinner i{font-size:14px}}.user-manager .role-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-manager .role-badge.super-admin{background:#dc3545;color:#fff}.user-manager .role-badge.admin{background:#007bff;color:#fff}.user-manager .role-badge.staff{background:#28a745;color:#fff}.user-manager .role-badge.unknown{background:#6c757d;color:#fff}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:2rem;width:100%}.login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#555;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}button:hover{background-color:#357abd}.error-message{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.9acd69d7.css.map*/