.settings-container{border-radius:10px;margin-left:270px;padding:25px 40px;position:absolute;top:35%;transform:translate(-50%,-50%);width:400px}.settings-container h2{color:#2a68db;margin-bottom:30px;text-align:left}.settings-container form{display:flex;flex-direction:column}.settings-group{align-items:center;display:flex;margin-bottom:15px}.settings-label{margin-right:20px;width:120px}.settings-input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.edit-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:all .2s ease-in-out}.edit-button:hover{background-color:#1d95f4}.LoginForm{background-color:#ffffff80;border-radius:20px;box-shadow:0 0 10px #0003;left:50%;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:450px;z-index:1000}.LoginForm,.LoginForm form{align-items:center;display:flex;flex-direction:column}.LoginForm form{width:60%}.LoginForm h2{color:#2a68db;font-size:25px;margin-bottom:2rem}.input-group{margin-bottom:15px;position:relative;width:100%}.input-group input{background-color:initial;border:none;border-bottom:1px solid #2a68db;height:30px;outline:none;padding:.4rem 2rem;transition:border-bottom .3s;width:190px}.loginform-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;height:2rem;margin-top:2rem;transition:all .2s ease-in-out;width:100%}.loginform-button:hover{background-color:#1d95f4}.LoginForm a{color:#2a68db;text-decoration:none}.LoginForm a:hover{cursor:pointer;text-decoration:underline}.RegistrationForm{align-items:center;background-color:#ffffff80;border-radius:20px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:650px;z-index:1000}.RegistrationForm h2{color:#2a68db;font-size:25px;margin-bottom:2rem}.RegistrationForm label{margin-bottom:5px}.registration-group{margin-bottom:15px;position:relative;width:100%}.gener{margin-left:55px}.registration-gender{margin-top:20px}.registration-gender label{margin-right:20px}.registration-group input{background-color:initial;border:none;border-bottom:1px solid #2a68db;height:30px;margin-right:50px;outline:none;padding:.4rem 2rem;scroll-margin-right:10px;transition:border-bottom .3s;width:60%}.input-icon{color:#2a68db;left:10px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}input:focus{background-color:#ffffffb3}.RegistrationForm button[type=submit]{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2rem;padding:.5rem 2.5rem;transition:all .2s ease-in-out;width:263px}.RegistrationForm button[type=submit]:hover{background-color:#1d95f4}.registrated-container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.account-created{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:25px 60px 40px}.account-created h2{color:#2a68db}.account-created h2,.profile-details{margin-bottom:20px;text-align:left}.profile-details p{margin:5px 0}.note{font-style:italic;margin-top:45px;text-align:left}.note strong{color:#2a68db}.note span{display:block;margin-top:5px}.login-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2rem;padding:.5rem 2.5rem;transition:all .2s ease-in-out;width:100%}.login-button:hover{background-color:#1d95f4}.registration-row{display:flex}.addChild-form{background-color:#f9f9f9;border-radius:10px;padding:25px 40px;width:400px}.addChild-form form{display:flex;flex-direction:column}.addChild-form div{align-items:center;display:flex;margin-bottom:15px}.addChild-form label{font-weight:600;margin-right:20px;width:130px}.addChild-form input[type=date],.addChild-form input[type=email],.addChild-form input[type=password],.addChild-form input[type=text],.addChild-form select{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.addChild-form select{margin-bottom:10px;width:calc(100% - 10px)}.addChild-form textarea{border:1px solid #ccc;border-radius:5px;height:46px;padding:8px;width:230px}.addChild-form button[type=submit]{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:all .2s ease-in-out;width:100%}.addChild-form button[type=submit]:hover{background-color:#1d95f4}:root{--primary-blue:#2a68db;--primary-blue-light:#1d95f4;--neutral-gray:#f5f6fa;--card-bg:#fff;--card-shadow:#0000000f;--hover-shadow:#00000014;--text-dark:#1e1e1e;--text-muted:#555}.home-container{font-family:Inter,sans-serif;margin:30px 50px}.tekst{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.tekst h2{color:#2a68db;color:var(--primary-blue);font-size:22px;font-weight:600;margin:0}.add-button{background-color:#2a68db;background-color:var(--primary-blue);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:9px 18px;transition:background-color .3s ease}.add-button:hover{background-color:#1d95f4;background-color:var(--primary-blue-light)}.modal{background-color:#fff;background-color:var(--card-bg);box-shadow:0 4px 12px #0000001a}.close{color:#555;color:var(--text-muted);font-size:28px}.employees-container{display:flex;flex-wrap:wrap;gap:40px}.employee-box{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000000f;box-shadow:0 1px 3px var(--card-shadow);color:#1e1e1e;color:var(--text-dark);margin-bottom:20px;padding:20px 10px 10px 20px;position:relative;text-decoration:none;transition:all .2s ease;width:230px}.employee-box:hover{box-shadow:0 4px 10px #00000014;box-shadow:0 4px 10px var(--hover-shadow);transform:translateY(-2px)}.employee-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.counter{background-color:#2a68db;background-color:var(--primary-blue);border-radius:6px;color:#fff;font-size:.9em;font-weight:600;padding:4px 10px}.ellipsis{color:#555;color:var(--text-muted);cursor:pointer;font-size:18px;padding:0 5px 10px 20px;position:relative}.dropdown{background-color:#fff;background-color:var(--card-bg);min-width:120px;z-index:10}.dropdown-item{color:#1e1e1e;color:var(--text-dark);font-size:14px;padding:12px 18px}.dropdown-item:hover{background-color:#f0f0f0}.ellipsis:hover .dropdown{display:block}.employee-info{display:flex;flex-direction:column}.employee-name{color:#1e1e1e;color:var(--text-dark);font-size:1.1em;font-weight:600;margin:0;text-decoration:none}.employees-container a{color:inherit!important;text-decoration:none!important}.sidebar{background:linear-gradient(180deg,#2a68db,#1d95f4);box-sizing:border-box;flex-direction:column;height:100vh;position:fixed;width:200px}.logo-container,.sidebar{align-items:center;display:flex}.logo-container{height:100px;margin-top:20px;width:180px}.logo-container img{margin-left:10px;margin-top:10px}.logo-container p{color:#fff;font-family:Coustard,serif;font-size:30px;font-weight:500;margin-left:5px;margin-top:57px}.menu{display:flex;flex-direction:column;width:100%}.menu-title{color:#fff;font-size:17px;font-weight:700;margin:10px}a{text-decoration:none}.sidebar-item{align-items:center;background-color:initial;border-radius:8px;display:flex;height:40px;margin-left:5px;transition:background-color .3s ease;width:190px}.sidebar-item svg{fill:#fff;height:20px;margin-left:10px;width:20px}.sidebar-item p{color:#fff;margin-left:10px}.sidebar-item:hover{background-color:#1d95f4}.sidebar-item:hover svg{fill:#ffdf0f}.sidebar-item:hover p{color:#ffdf0f}.sidebar-item.active{background-color:#1d95f4}.sidebar-item.active p,.sidebar-item.active svg{fill:#ffdf0f;color:#ffdf0f}#logout-link{bottom:10px;position:absolute;width:100%}.app-name{color:#bdf3fb;font-family:Fredoka,sans-serif;font-size:40px;font-weight:500;letter-spacing:2px;margin-top:0;text-shadow:0 1px 2px #0000004d}.add-material-form{background-color:#f9f9f9;border-radius:10px;padding:25px 40px;width:400px}.add-material-form form{display:flex;flex-direction:column}.add-material-form div{align-items:center;display:flex;margin-bottom:15px}.add-material-form label{font-weight:600;margin-right:20px;width:165px}.add-material-form input[type=file],.add-material-form input[type=text]{border:1px solid #ccc;border-radius:5px;padding:8px;width:calc(100% - 185px)}.add-material-form input[type=file]{margin-top:10px}.add-material-form progress{height:30px;margin-left:185px;width:calc(100% - 185px)}.add-material-form button[type=submit]{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:all .2s ease-in-out;width:100%}.add-material-form button[type=submit]:hover{background-color:#1d95f4}.materials-container{margin-left:50px;margin-right:50px;margin-top:10px;text-decoration:none}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h2{color:#2a68db}.add-material-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 13px;transition:background-color .3s ease}.add-material-button:hover{background-color:#1d95f4}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal{background-color:#f9f9f9;border:none;border-radius:8px;padding:20px;position:relative;z-index:1000}.close{cursor:pointer;font-size:30px;position:absolute;right:10px;top:0}.materials-container2{display:flex;flex-wrap:wrap;gap:40px}.materials-box{background-color:#f9f9f9;border-radius:8px;color:#333;cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;padding:20px 23px;position:relative;text-decoration:none;width:230px}.materials-box:hover{background-color:#e0e0e0}.materials-actions{cursor:pointer;position:absolute;right:9px;top:9px}.dropdown{background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:none;position:absolute;right:0;top:100%;z-index:9999}.dropdown-item{align-items:center;cursor:pointer;display:flex;padding:20px}.ellipsis-materials:hover .dropdown{display:block}.material-preview{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:100%}.materials-name{color:#333;font-size:1.4em;font-weight:600;text-decoration:none!important;text-decoration:initial}.materials-container a{color:inherit!important;text-decoration:none!important}.material-image,.material-pdf,.material-video,.material-zip{border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;max-height:100%;max-width:100%}.material-zip{align-items:center;background-color:#ccc;color:#333;display:flex;font-size:1.5em;justify-content:center}.materials-title{background-color:#2a68db;border-radius:0 0 8px 8px;bottom:0;box-sizing:border-box;color:#fff;left:0;padding:8px;position:absolute;text-align:center;width:100%}.modal-material{background-color:#fff;border-radius:10px;left:50%;max-height:90%;max-width:90%;overflow:auto;padding:40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.material-preview-modal{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.material-image-modal{max-height:100%;max-width:100%;object-fit:contain}.material-pdf-clicked{height:100%;max-height:none;max-width:none;width:100%}.chat-container{display:flex;height:100vh;margin-left:40px;margin-right:40px}.employee-list{margin-right:35px;padding:20px;width:30%}.employee-list h2{color:#2a68db;margin-bottom:30px;text-transform:uppercase}.search-bar{margin-bottom:15px;margin-right:20px}.search-bar input{border:1px solid #ddd;border-radius:20px;padding:10px;width:100%}.employee-list ul{padding:0}.employee-list li{align-items:center;background-color:#f9f9f9;border-radius:20px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:background-color .3s ease}.employee-list li.selected,.employee-list li:hover{background-color:#e5e5e5}.employee-list li.selected .employee-icon{background-color:#f9f9f9}.employee-icon{align-items:center;background-color:#ccc;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.employee-icon svg{color:#2a68db}.employee-details-p{font-size:16px;font-weight:600;margin:0}.chat-window{border-left:1px solid #ddd;display:flex;flex:4 1;flex-direction:column;padding:20px 50px;position:relative}.chat-window-content{display:flex;flex:1 1;flex-direction:column;max-height:85%;position:relative}.chat-header{border-bottom:1px solid #ddd;margin-bottom:20px}.chat-header h2{color:#2a68db;font-weight:600;margin-bottom:15px}.message-container{display:flex;flex:1 1;flex-direction:column-reverse;overflow-y:auto;padding:0 10px}.message-poruka{align-items:flex-start;display:flex;justify-content:flex-start;margin-bottom:10px}.message-content{background-color:#fff;border-radius:20px;color:#000;font-size:13px;max-width:70%;padding:5px 15px}.avatar{border-radius:50%;height:40px;margin-right:10px;width:40px}.message{font-size:13px;max-width:100%;padding:5px 15px}.message,.sent{border-radius:20px}.sent{align-self:flex-end;background-color:#2a68db;color:#fff}.received{align-self:flex-start;background-color:#fff;border-radius:20px;color:#000}.message p{margin:0;padding-bottom:2px}.message-time{color:#a5a2a2;font-size:9px;text-align:right!important}.message-input{align-items:center;display:flex;margin-top:10px}.message-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;padding:10px}.message-input button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-left:5px;margin-right:5px;padding:10px 12px}.message-input button:hover{background-color:#1d95f4}.no-chat-selected{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.no-chat-selected p{color:#777;margin-top:10px}.app{display:flex;height:100vh;width:100%}.app-window{flex:1 1;margin-left:200px;min-height:100vh}.app-window,.employee-header{display:flex;flex-direction:column}.employee-header{background-color:#e9e7e7;height:100px;width:100%}.employee-lower-header{display:flex;height:80px;margin-left:50px;margin-top:30px;width:calc(100% - 100px)}.employee-basic-info{align-items:center;display:flex;height:80px}.employee-basic-info-text{display:flex;flex-direction:column;margin-left:10px}.employee-basic-info-text .employee-title{color:#2a68db;font-size:30px;font-weight:700}.employee-nav{align-items:center;background-color:#d3d3d3;display:flex;height:40px;width:100%}.employee-nav .active{border-bottom:1px solid #2a68db!important;border-radius:0;color:#326ac6!important}.employee-nav .tab-employee{--bs-nav-tabs-border-width:2px!important;--bs-nav-tabs-border-color:#1678da!important;--bs-nav-tabs-border-radius:0.375rem;display:flex;list-style-type:none;margin-left:20px}.employee-nav .nav-item-employee{margin-right:30px}.employee-nav .nav-link-employee{color:#fff;cursor:pointer;font-weight:700}.nav-link-employee{background:none;border:none;cursor:pointer;font:inherit;padding:0}.task-list{grid-gap:35px;display:grid;grid-template-columns:repeat(auto-fill,395px);margin-bottom:20px;margin-left:57px;margin-top:20px}.task-list-item{background-color:#f7f7f7;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;padding:10px 20px 20px;position:relative}.task-list-item-date{color:#555;font-style:italic;margin-bottom:7px}.task-done{text-decoration:line-through}.waiting-icon{margin-top:10px}.task-list-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.task-list-item-title{font-size:24px;font-weight:600;margin:0 0 0 10px}.add-subtask-form button[type=submit],.delete-button,.delete-subtask-button{background:none;border:none;cursor:pointer;padding:0}.add-subtask-form button[type=submit] .fa-plus,.delete-button .fa-trash-can,.delete-subtask-button .fa-trash-can{color:inherit;font-size:18px}.task-list-item-description{color:#3d3c3c;font-size:16px;margin-bottom:10px;margin-left:10px;margin-top:15px}.sub-task-item{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:8px}.sub-tasks-container{margin-left:10px;margin-right:10px;margin-top:40px}.sub-task-item p{flex-grow:1;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis}.add-subtask-form{align-items:center;margin:10px}.add-subtask-form button[type=submit]{background-color:#0000;border:none;cursor:pointer;padding:8px 12px}.task-list-item:before{content:"";height:10px;left:0;position:absolute;top:0;width:100%}.task-list-item.difficulty-medium:before{background-color:#218838}.task-list-item.difficulty-easy:before{background-color:#ffc300}.task-list-item.difficulty-hard:before{background-color:#c70000}.priority-title{margin-left:55px}.header-task{align-items:center;display:flex;justify-content:right;margin-right:50px;margin-top:20px}.add-task-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 13px;transition:background-color .3s ease}.add-task-button:hover{background-color:#1d95f4}.toggle-photo{display:inline-block;height:20px;margin-right:10px;position:relative;width:40px}.toggle-photo input{height:0;opacity:0;width:0}.slider-photo{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider-photo:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}input:checked+.slider-photo{background-color:#2a68db}input:checked+.slider-photo:before{transform:translateX(20px)}label{font-weight:600;width:120px}.addTask-form{background-color:#f9f9f9;border-radius:10px;padding:25px 40px;width:400px}.addTask-form form{display:flex;flex-direction:column}.addTask-form div{margin-bottom:15px}.div-form{align-items:center;display:flex}.addTask-form label{font-weight:600;margin-right:20px;width:130px}.addTask-form input[type=date],.addTask-form input[type=email],.addTask-form input[type=password],.addTask-form input[type=text],.addTask-form select{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.addTask-form input[type=time]{border:1px solid #ccc;border-radius:5px;height:32px;margin-left:4px}.addTask-form textarea{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.addTask-form button[type=submit]{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:all .2s ease-in-out;width:100%}.addTask-form button[type=submit]:hover{background-color:#1d95f4}.addTask-form input[type=checkbox]{margin-top:7px}.sub-tasks-container{margin-top:20px}.sub-task-item{align-items:center;display:flex;margin-bottom:5px}.delete-subtask-button{background:none;border:none;cursor:pointer;padding:0}.add-subtask-form input[type=text]{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:16px;padding:8px}.add-subtask-form button[type=button]{background:none;border:none;cursor:pointer;margin-left:5px;padding:0}.toggle{display:inline-block;height:20px;margin-right:10px;position:relative;width:20px}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#2a68db}input:checked+.slider:before{transform:translateX(20px)}.addTask-form label.toggle{width:40px}.div-form-toggle{align-items:center;display:flex;justify-content:space-between}.div-form-toggle .toggle{margin-right:auto}.add-subtask{background:none;border:none;cursor:pointer;margin-left:auto}.photo-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-photo{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;height:80%;overflow-y:auto;padding:25px 35px;position:relative;width:90%}.task-details ul{list-style-type:none;padding:0}.task-details li{margin-bottom:15px}.close-photo{cursor:pointer;font-size:30px;position:fixed;right:5.5%;top:7.5%;z-index:1000}.task-actions{display:flex;gap:10px;margin-top:20px}.task-actions button{border:none;border-radius:5px;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s}.approve-btn,.reject-btn{background:none;padding:0}.photo-actions{align-items:center}.photo-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style-type:none;padding:0}.photo-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.photo-img{border-radius:8px;height:auto;object-fit:cover;width:200px}.photo-actions{display:flex;justify-content:space-between;width:70%}.approve-btn,.reject-btn{background-color:initial;border:none;cursor:pointer;font-size:20px}.approve-btn:hover,.reject-btn:hover{color:#007bff}.reject-btn:hover{color:red}.approve-btn:hover{color:#1d95f4}.task-details h2{color:#1d95f4;margin:0}.task-details h4{color:#1d95f4;margin:10px}.postavke-mobilne{display:flex;justify-content:space-between}.details-mobile{display:flex;flex-direction:column;gap:20px;margin-left:60px;margin-top:30px}.form-group{align-items:center;display:flex;width:350px}.form-group label{font-weight:700;margin-right:20px;width:260px}.color-group input{margin-left:10px}.font-size-input{align-items:center;display:flex;margin-left:8px}.font-size-input input{border:1px solid #ccc;border-radius:4px;padding:6px;width:40px}.qr-code{margin-right:150px;margin-top:50px;text-align:center}.qr-code h2{font-size:19px}.mobile-save{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:100px;margin-top:10px;padding:8px 20px;transition:background-color .3s;width:100%}.mobile-save:hover{background-color:#1d95f4}.font-select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px;width:64%}.postavke{margin-left:60px;margin-top:20px;width:250px}.forma{width:500px}.opis-emp{margin:10px 0}.postavke label{font-weight:600;margin-right:20px;width:133px}.details-emp{margin-top:35px;width:1000px}.details-emp p{margin-bottom:25px}.employee-button{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:20px;padding:8px 20px;transition:background-color .3s;width:30%}.employee-button:hover{background-color:#1d95f4}.settings-group input[type=date],.settings-group input[type=email],.settings-group input[type=password],.settings-group input[type=text],.settings-group select,.settings-group textarea{border:1px solid #ccc;border-radius:5px;flex:1 1;margin-top:5px;padding:8px}.buttons-container{display:flex;justify-content:space-between;margin-top:40px}.buttons-container .saveUpdate{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-bottom:0;padding:8px 20px;transition:background-color .3s;width:70%}.buttons-container .saveUpdate:hover{background-color:#1d95f4}.goBack{border:none;cursor:pointer;height:40px;padding:0;width:0}.calendar-container{display:flex;justify-content:space-between}.calendar{display:flex;flex-direction:column;padding:0;width:100%}.calendar-header{align-items:right;display:flex;font-size:25px;font-weight:700;justify-content:right;padding:10px 0 0;text-transform:uppercase;width:100%}.calendar-header button.nav-button{background-color:initial;border:none;cursor:pointer;margin-top:7px;width:100px}.calendar-months{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin:0}.month{color:#666;cursor:pointer;font-weight:700;margin:0 25px;padding:15px 0;text-align:center}.current-month{color:#2a68db;text-transform:uppercase}.calendar-weekdays{display:flex;margin-bottom:15px}.weekday{color:#666;font-weight:700;padding:0;text-align:center;text-transform:uppercase;width:14.28571%}.calendar-grid{margin-top:10px}.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.calendar-date{align-items:center;background-color:#f9f9f9;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;margin:0 5px 10px;text-align:center;transition:background-color .3s}.calendar-date ul{list-style-type:none;padding:0}.calendar-date ul li{margin-bottom:5px}.calendar-date:hover{background-color:#e6e6e6}.date{font-size:18px;font-weight:700}.current-date{background-color:#ffc107}.task-panel{background:#f9f9f9;border-radius:20px;margin:25px;padding:10px 10px 5px 15px;transition:width .5s;width:35%}.task-panel-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px}.task-panel-header>div{color:#2a68db;display:flex;font-size:23px;font-weight:600;justify-content:space-between;width:100%}.task-panel-header>div>button{margin-left:auto}.task-list-calendar{max-height:100%;overflow-y:auto}.task-item{align-items:center;display:flex;padding:8px 10px}.task-item span:first-child{margin-right:10px}.task-time{color:#2a68db;font-style:italic;font-weight:600}.task-name{font-weight:500}.add-task-button-calendar{background-color:#2a68db;border:none;border-radius:20px;color:#fff;cursor:pointer;margin:15px;padding:10px 13px;transition:background-color .3s ease;width:90%}.add-task-button-calendar:hover{background-color:#1d95f4}.empty-day{background-color:initial;pointer-events:none}.has-task{background-color:#e5e5e5}.modal-calendar{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content-calendar{background-color:#f9f9f9;border:none;border-radius:8px;padding:20px;position:relative;z-index:1000}.close-calendar{color:#aaa;cursor:pointer;font-size:30px;position:absolute;right:10px;top:0}.close-calendar:focus,.close-calendar:hover{color:#000;cursor:pointer;text-decoration:none}.statistics-container{grid-gap:20px;align-items:center!important;display:grid;grid-template-columns:35% 50%;grid-template-rows:auto auto auto;justify-content:center;margin-bottom:20px;margin-left:20px;margin-top:20px}.statistics-average-container{background-color:#fff;border-radius:8px;color:#2a68db;grid-column:1/2;grid-row:1;padding:20px;text-align:center}.statistics-average-title{font-size:36px;margin-bottom:8px}.statistics-average-value{font-size:16px}.pie-chart-container{align-items:center;display:flex;flex-direction:column;grid-column:1/2;grid-row:2;height:300px;justify-content:center}.line-graph-container,.pie-chart-container{background-color:#fff;border-radius:8px;color:#2a68db;padding:20px;text-align:center}.line-graph-container{grid-column:2/3;grid-row:1/3;height:435px}.line-chart{height:350px!important;width:100%!important}.pie-chart{height:250px!important;max-width:250px!important;width:100%!important}.pie-chart-container h3{margin-bottom:10px}.task-summary-table{background-color:#fff;border-radius:8px;grid-column:1/2;grid-row:3;padding:20px}.task-summary-table table{border-collapse:collapse;width:100%}.task-summary-table td,.task-summary-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.task-summary-table th{background-color:#e5eefb;color:#2a68db;font-weight:600}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px;text-align:center}.pagination-button{background-color:#2a68db;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;margin:0 10px}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed}.pagination-info{font-size:16px;margin:0 10px}.task-line-graph-container{background-color:#fff;border-radius:8px;color:#2a68db;grid-column:2/3;grid-row:3/3;height:auto;padding:20px;text-align:center}.line-graph-container,.pie-chart-container,.statistics-average-container,.task-line-graph-container,.task-summary-table{box-shadow:0 2px 6px #0000000d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#f0f0f0;background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-right:0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0fda33fd.css.map*/