.App{background-color:#f4f7fa;display:flex;flex-direction:column;font-family:Tahoma,sans-serif;justify-content:flex-start;min-height:100vh}#root,body,html{height:100%;margin:0;padding:0}.navigation-header{align-items:center;background-color:#036;display:flex;justify-content:space-between;padding:10px 20px}header .logo{height:60px}header{background-color:#036}header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:1 1 1 20px}header p{color:#fff;font-size:1rem;margin-left:20px;margin-top:3px}.header-content{align-items:center;display:flex;gap:20px}.header-text{color:#fff;font-size:1.5rem;font-weight:700;margin-right:20px}.top-right-buttons{display:flex;gap:15px;position:absolute;right:20px;top:20px}.nav-button{align-items:center;background-color:#fff;border:2px solid #005ea6;border-radius:8px;color:#005ea6;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:12px 24px;text-align:center;transition:background-color .3s,color .3s;white-space:nowrap}.nav-button.active,.nav-button:hover{background-color:#005ea6;color:#fff}.nav-button.about-btn{background-color:#4c6b93;color:#fff}.nav-button.about-btn:hover{background-color:#3b5374}.App-main{display:flex;gap:50px;justify-content:center;padding:20px}.layout{align-items:flex-start;display:flex;flex:1 1;gap:20px;justify-content:flex-start}.camera,.statistics,.task-timer{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;flex:1 1;padding:15px}.camera img{border-radius:8px;height:auto;width:100%}.statistics h3,.task-timer h3{margin-bottom:15px}.task-list{list-style:none;margin-top:10px;padding:0}.task-list li{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:all .3s ease}.task-list li:hover{background-color:#f1f1f1}.task-list li.completed{color:#bbb;text-decoration:line-through}.task-list .completed{color:gray;text-decoration:line-through}.task-list button{background-color:#e74c3c;border:none;color:#fff;cursor:pointer;padding:5px 10px}.task-list button:hover{background-color:#c0392b}.delete-btn{background-color:initial;border:none;color:#e74c3c;cursor:pointer;font-size:14px}.delete-btn:hover{text-decoration:underline}.timer{font-size:1.5rem;font-weight:700}.timer button{background-color:#27ae60;border:none;color:#fff;cursor:pointer;margin-right:5px;padding:10px}.timer button:hover{background-color:#2ecc71}.timer-buttons{display:flex;gap:10px;justify-content:space-between;width:"30%"}.timer-buttons button{padding:10px}.stop-btn{background-color:red}.reset-btn{background-color:blue}.task-input{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.task-input input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:16px;padding:10px;transition:all .3s ease;width:75%}.task-input input:focus{background-color:#fff;border-color:#4caf50;outline:none}.add-task-btn{background-color:#005ea6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.add-task-btn:hover{background-color:#004b8f}.add-task-btn:focus{outline:none}.dashboard-container{display:flex;flex-direction:row;gap:20px;padding:20px}.camera-section,.graph-section,.task-timer-section{background:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:1 1;padding:20px}.graph-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.graph-button:hover{background-color:#0056b3}@media (max-width:600px){.dashboard-container{flex-direction:column;gap:10px;padding:10px}.add-task-btn,.graph-button,.nav-button,.task-list button,.timer button{font-size:14px;padding:8px 12px}.nav-button{border-radius:6px}.add-task-btn,.graph-button{width:100%}.timer-buttons{flex-direction:column;gap:10px}.timer-buttons button{font-size:14px;padding:8px 12px;width:100%}.top-right-buttons{gap:10px;right:10px;top:10px}}
/*# sourceMappingURL=main.58061566.css.map*/