*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:14px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f9}.auth-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;text-align:center}.auth-form h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.form-group{width:100%;display:flex;flex-direction:column;margin-bottom:1rem;text-align:left}.form-group label{margin-bottom:.5rem;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1rem}.auth-form button{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.auth-form button:hover{background-color:#0056b3}.auth-form a{color:#007bff;text-decoration:none;display:block;margin-top:1rem}.auth-form a:hover{text-decoration:underline}.login-logo{width:120px;height:auto;margin-bottom:1.5rem}.admin-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f4f4f9}.admin-header{background-color:#f4f4f9;padding:1rem;box-shadow:0 2px 4px #0000001a}.admin-nav{display:flex;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto}.header-logo{height:40px;width:auto;margin-right:auto}.nav-link{color:#000;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s,color .3s}.nav-link:hover{background-color:transparent;color:#007bff}.nav-link.active{background-color:transparent;color:#007bff;font-weight:700}.nav-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;color:#fff;transition:background-color .3s}.plus-button{background-color:#28a745}.plus-button:hover{background-color:#218838}.profile-button{background-color:#28a745;margin-left:auto}.profile-button:hover{background-color:#218838}.admin-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:-5px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:10}.dropdown-item{display:block;padding:.5rem 1rem;color:#333;text-decoration:none;font-size:1rem;background:none;border:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background-color:#f4f4f9}.logout-button{color:#dc3545}.logout-button:hover{background-color:#f8d7da}.dark-mode-toggle-header{margin-left:auto;display:flex;align-items:center;margin-right:1rem}.dark-mode-toggle-header .switch{position:relative;display:inline-block;width:60px;height:30px}.dark-mode-toggle-header .switch input{opacity:0;width:0;height:0}.dark-mode-toggle-header .slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(to right,#87ceeb,gold);transition:.4s;border-radius:30px;box-shadow:inset 0 2px 4px #0003}.dark-mode-toggle-header .slider:before{position:absolute;content:"☼";height:26px;width:26px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:orange;box-shadow:0 2px 4px #0000004d;line-height:26px;text-align:center}.dark-mode-toggle-header input:checked+.slider{background:linear-gradient(to right,#1a1a2e,#2d2d44)}.dark-mode-toggle-header input:checked+.slider:before{transform:translate(30px);content:"☾";color:#4a90e2}body.dark-mode .dark-mode-toggle-header .slider{background:linear-gradient(to right,#1a1a2e,#2d2d44)}body.dark-mode .dark-mode-toggle-header .slider:before{background-color:#f0f0f0}.dashboard-main{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem}.dashboard-header h2{color:#333;font-size:2rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{margin:0 0 1rem;font-size:1.2rem;color:#555}.stat-card .count{font-size:3rem;font-weight:700;margin:0}.stat-card.completed{border-left:5px solid #28a745}.stat-card.completed .count{color:#28a745}.stat-card.in-progress{border-left:5px solid #007bff}.stat-card.in-progress .count{color:#007bff}.stat-card.on-hold{border-left:5px solid #ffc107}.stat-card.on-hold .count{color:#ffc107}.stat-card.pending{border-left:5px solid #dc3545}.stat-card.pending .count{color:#dc3545}.date-filter-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.date-filter-card label{font-weight:700;color:#555}.date-filter-card input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.clear-btn{padding:.5rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.clear-btn:hover{background-color:#c82333}.user-selection-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.user-selection-card label{font-weight:700;color:#555}.user-selection-card select{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;min-width:250px}.user-tasks-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.user-info-card{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.user-profile-pic img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #007bff}.profile-placeholder{width:100px;height:100px;border-radius:50%;background-color:#007bff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.user-details h3{margin:0 0 .5rem;color:#333}.user-details p{margin:.25rem 0;color:#666}.user-tasks-section h3{margin-bottom:1rem;color:#333}.no-tasks{text-align:center;color:#666;padding:2rem;font-style:italic}.tasks-table{width:100%;border-collapse:collapse;margin-top:1rem}.tasks-table th,.tasks-table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}.tasks-table th{background-color:#343a40;color:#fff;font-weight:700}.tasks-table td{color:#333}.tasks-table tr:hover{background-color:#f8f9fa}.priority-badge,.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700;display:inline-block}.priority-badge.high{background-color:#dc3545;color:#fff}.priority-badge.medium{background-color:#ffc107;color:#333}.priority-badge.low,.status-badge.completed{background-color:#28a745;color:#fff}.status-badge.in-progress{background-color:#007bff;color:#fff}.status-badge.on-hold{background-color:#ffc107;color:#333}.status-badge.pending{background-color:#dc3545;color:#fff}body.dark-mode{background-color:#1a1a1a;color:#fff}body.dark-mode .admin-container,body.dark-mode .admin-content,body.dark-mode .dashboard-main{background-color:#1a1a1a}body.dark-mode .dashboard-header h2,body.dark-mode .dark-mode-toggle span{color:#fff}body.dark-mode .stat-card{background-color:#2d2d2d;color:#fff}body.dark-mode .stat-card h3{color:#ccc}body.dark-mode .date-filter-card{background-color:#2d2d2d;color:#fff}body.dark-mode .date-filter-card label{color:#fff}body.dark-mode .date-filter-card input{background-color:#3a3a3a;color:#fff;border-color:#555}body.dark-mode .date-filter-card input::placeholder{color:#999}body.dark-mode .user-selection-card{background-color:#2d2d2d;color:#fff}body.dark-mode .user-selection-card label{color:#fff}body.dark-mode .user-selection-card select{background-color:#3a3a3a;color:#fff;border-color:#555}body.dark-mode .user-selection-card select option{background-color:#3a3a3a;color:#fff}body.dark-mode .user-tasks-section{background-color:#2d2d2d;color:#fff}body.dark-mode .user-tasks-section h3{color:#fff}body.dark-mode .user-info-card{background-color:#3a3a3a}body.dark-mode .user-details h3{color:#fff}body.dark-mode .user-details p,body.dark-mode .no-tasks{color:#ccc}body.dark-mode .tasks-table th{background-color:#1a1a1a;color:#fff}body.dark-mode .tasks-table td{color:#fff;background-color:#2d2d2d}body.dark-mode .tasks-table th,body.dark-mode .tasks-table td{border-bottom:1px solid #555}body.dark-mode .tasks-table tr:hover td{background-color:#3a3a3a}body.dark-mode .admin-header{background-color:#2d2d2d}body.dark-mode .nav-link{color:#fff}body.dark-mode .nav-link:hover,body.dark-mode .nav-link.active{background-color:#1a1a1a}body.dark-mode .dropdown-menu{background-color:#2d2d2d;border-color:#555}body.dark-mode .dropdown-item{color:#fff}body.dark-mode .dropdown-item:hover{background-color:#3a3a3a}body.dark-mode .dashboard-container,body.dark-mode .settings-container,body.dark-mode .profile-container{background-color:#1a1a1a}body.dark-mode .users-table th{background-color:#1a1a1a;color:#fff}body.dark-mode .users-table td{color:#fff;background-color:#2d2d2d}body.dark-mode .users-table th,body.dark-mode .users-table td{border-bottom:1px solid #555}body.dark-mode .users-table tr:hover td{background-color:#3a3a3a}body.dark-mode .table-controls,body.dark-mode .table-controls label{color:#fff}body.dark-mode .table-controls select,body.dark-mode .table-controls input{background-color:#3a3a3a;color:#fff;border-color:#555}body.dark-mode .table-controls select option{background-color:#3a3a3a;color:#fff}body.dark-mode .table-controls input::placeholder{color:#999}body.dark-mode h2,body.dark-mode h3{color:#fff}body.dark-mode .settings-sidebar{background-color:#2d2d2d;border-right-color:#555}body.dark-mode .settings-link{color:#fff}body.dark-mode .settings-link:hover{background-color:#3a3a3a}body.dark-mode .settings-link.active{background-color:#1a1a1a;color:#fff}body.dark-mode .settings-content{background-color:#1a1a1a}body.dark-mode .profile-card{background-color:#2d2d2d;color:#fff}body.dark-mode .profile-card h2,body.dark-mode .form-group label{color:#fff}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background-color:#3a3a3a;color:#fff;border-color:#555}body.dark-mode .form-group input::placeholder,body.dark-mode .form-group textarea::placeholder{color:#999}body.dark-mode .form-group select option{background-color:#3a3a3a;color:#fff}body.dark-mode .action-btn,body.dark-mode .add-new-btn{background-color:#28a745;color:#fff}body.dark-mode .action-btn:hover,body.dark-mode .add-new-btn:hover{background-color:#218838}body.dark-mode .profile-photo{border-color:#555}body.dark-mode .photo-placeholder{background-color:#3a3a3a;color:#fff;border-color:#555}.today-btn{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.today-btn:hover{background-color:#0056b3}body.dark-mode .today-btn{background-color:#007bff}body.dark-mode .today-btn:hover{background-color:#0056b3}.tasks-table-wrapper{max-height:400px;overflow-y:auto}.profile-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px);background-color:#f4f4f9}.profile-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:500px;text-align:center}.profile-card h2{margin-bottom:1.5rem;color:#333}.profile-photo{margin-bottom:1.5rem}.profile-photo img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid #ccc}.photo-placeholder{width:150px;height:150px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#555;border:2px solid #ccc}.profile-details p{margin:.5rem 0;font-size:1.1rem;color:#333}.profile-details strong{color:#555}.settings-container{display:flex;min-height:calc(100vh - 64px);background-color:#f4f4f9}.settings-sidebar{width:250px;background:#fff;padding:1rem;border-right:1px solid #ccc;box-shadow:0 2px 4px #0000001a}.settings-nav{display:flex;flex-direction:column;gap:.5rem}.settings-link{color:#333;text-decoration:none;font-size:1.1rem;padding:.75rem 1rem;border-radius:4px;transition:background-color .3s}.settings-link:hover{background-color:#f0f0f0}.settings-link.active{background-color:#d3d3d3;color:#333;font-weight:700}.settings-content{flex:1;padding:2rem}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-controls div{display:flex;align-items:center;gap:.5rem}.table-controls select,.table-controls input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.table-controls button{padding:.5rem 1rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.table-controls button:hover{background-color:#218838}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.users-table th{background-color:#343a40;color:#fff;font-weight:700}.users-table td{color:#333}.action-btn{padding:.25rem .5rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.action-btn:hover{background-color:#218838}.users-table td,.dashboard-container h3,.settings-content h2{color:#333}.profile-card button[type=submit]{background-color:#28a745;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.profile-card button[type=submit]:hover{background-color:#218838}.profile-card button[type=button]{background-color:#6c757d;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.profile-card button[type=button]:hover{background-color:#5a6268}.form-group select{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;color:#333;cursor:pointer;transition:border-color .3s,box-shadow .3s}.form-group select:hover{border-color:#ccc}.form-group select:focus{outline:none;border-color:#ccc;box-shadow:0 0 5px #0000001a}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.profile-card>div:last-child{display:flex;gap:10px;margin-top:2rem;justify-content:center}body.dark-mode .profile-card button[type=submit]{background-color:#28a745}body.dark-mode .profile-card button[type=submit]:hover{background-color:#218838}body.dark-mode .form-group select{background-color:#3a3a3a;color:#fff;border-color:#555}body.dark-mode .form-group select:hover,body.dark-mode .form-group select:focus{border-color:#28a745}