body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f4f4}.home-container{text-align:center;margin:0 auto}h4{font-family:Arial,sans-serif;font-size:2.5rem;color:#2c3e50!important;text-align:center;margin:20px 0;padding:10px;background-color:#e8f6f3;border-left:5px solid #1abc9c;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:10px;transition:transform .3s,color .3s;transform:translateY(-3px);color:#16a085}.intro-message{margin-bottom:20px;color:#333;font-size:1.1em;font-style:italic;text-align:center}header{position:relative;padding:20px;background-color:#2cce1a;color:#fff}.header-title{margin:0;font-size:2rem}.login-button{position:absolute;top:20px;right:20px;background-color:#fff;color:#4caf50;border:2px solid #4caf50;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.login-button:hover{background-color:#4caf50;color:#fff}@media (max-width:768px){.login-button{padding:8px 16px;top:15px;right:15px}}@media (max-width:480px){.login-button{padding:6px 12px;top:10px;right:10px;font-size:14px}}nav{margin:20px 0}nav h2{color:#131413;margin-bottom:20px}.category-title{cursor:pointer;font-weight:700;color:#2e7d32;padding:8px;border:1px solid #ddd;border-radius:5px}.category-title:hover{background-color:#bbdd7e}.subcategory{margin-bottom:10px}.subcategory-title{cursor:pointer;font-weight:700;color:#3020c1;display:flex;align-items:center;padding:5px;border-radius:5px;border-bottom:1px solid #d3d3d3}.subcategory-title.empty{color:grey;background-color:#f0f0f0}.subcategory-title:hover{background-color:rgba(0,123,255,.1)}.subcategory-title.active{color:#1a73e8;background-color:rgba(26,115,232,.2);border-left:3px solid #1a73e8}.parametro-title{font-size:1rem;color:#0c0404;padding:5px;background-color:#f9f9f9;border-left:3px solid #4caf50;border-radius:5px;margin-left:30px;transition:background-color .3s,color .3s}.parametro-title:hover{background-color:#e0f2e9;color:#388e3c}.menu-list{list-style-type:none;padding:0;display:flex;flex-direction:column;align-items:center}.menu-list li{margin:10px 0}.menu-list a{color:#4caf50;text-decoration:none;padding:10px 15px;border-radius:4px;background-color:#e8f5e9;display:block;width:200px;text-align:center;transition:background-color .3s}.menu-list a:hover{background-color:#c8e6c9}.submenu-list{list-style-type:none;padding-left:20px;display:none}.menu-list>li.active .submenu-list{display:block}.menu-list>li div{cursor:pointer;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;transition:opacity .3s ease}.login-page,.modal-overlay{display:flex;justify-content:center;align-items:center}.login-page{height:100vh;background-color:#f4f4f4}.login-modal{background-color:#fff;padding:40px;max-width:400px;width:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);text-align:center}.login-modal h2{font-size:1.8rem;color:#2c3e50;margin-bottom:20px}.login-modal form{display:flex;flex-direction:column;gap:15px}.login-modal input{padding:12px;font-size:1rem;border:1px solid #4caf50;border-radius:6px;background-color:#f9f9f9;transition:border-color .3s ease}.login-modal input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px rgba(76,175,80,.4)}.login-modal button[type=submit]{padding:12px;font-size:1rem;font-weight:600;color:#fff;background-color:#4caf50;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.login-modal button[type=submit]:hover{background-color:#45a049}.modal-content{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:800px;margin-left:auto;margin-right:auto}.modal-content input{margin-bottom:15px;width:100%;padding:12px;border:1px solid #4caf50;border-radius:6px;font-size:1rem;color:#333;background-color:#f9f9f9;transition:border-color .3s ease}.modal-content input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px rgba(76,175,80,.4)}.modal-content input::placeholder{color:#999}.modal-content button[type=submit]{padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:10px}.modal-content button[type=submit]:hover{background-color:#45a049}.modal-content button[type=button]{padding:10px;background-color:#f44336;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:10px}.modal-content button[type=button]:hover{background-color:#e53935}.add-report-container{max-width:500px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.add-report-title{font-size:24px;text-align:center;color:#2c3e50;margin-bottom:20px}.add-report-form{display:flex;flex-direction:column}.add-report-input,.add-report-select{padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}.add-report-input:focus,.add-report-select:focus{border-color:#27ae60;outline:none;box-shadow:0 0 5px rgba(39,174,96,.5)}.add-report-button{display:flex;align-items:center;justify-content:center;background-color:#2cce1a;transition:background-color .3s ease;text-decoration:none}.add-report-button img{width:20px;height:auto;margin-right:8px}.add-report-button:hover{background-color:#28a745}.dashboard-container{padding:20px;max-width:800px;margin:0 auto;position:static}.dashboard-title{text-align:center;font-size:2rem;color:#0e8c00;margin-bottom:20px}.add-report-button{background-color:#055208;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1rem;margin-bottom:20px}.add-report-button:hover{background-color:#45a049}.reports-title{font-size:1.8rem;font-weight:700;margin-top:20px;margin-bottom:15px;text-align:center;color:#1a73e8}.report-list{padding-left:20px;margin-top:10px}.report-item{background-color:#e8f5e9;border:1px solid #2e7d32;border-radius:5px;padding:10px;margin-bottom:8px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;color:#2e7d32;font-weight:700;display:flex;align-items:center}.report-item:hover{background-color:#c8e6c9;box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.02)}.report-item:before{content:"📄";margin-right:8px}.report-item h4{margin:0;color:#333;font-size:1.25rem;font-weight:600}.report-item p{color:#555;font-size:.9rem;margin-top:8px}footer{background-color:#2cce1a;color:#fff;text-align:center;padding:10px 0;position:relative;bottom:0;width:100%;margin-top:20px}.footer-logo{width:100px}.footer-contact{margin-top:10px;font-size:.9rem}@media (max-width:768px){.add-report-container,.dashboard-container,.login-modal{width:90%}.header-title{font-size:1.5rem}}body,html{margin:0;padding:0;width:100%;background-color:#f9f9f9;font-family:Arial,sans-serif;color:#333}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:20px}.welcome-title{font-size:2rem;color:#2cce1a;margin-bottom:20px}.welcome-description{font-size:1.2rem;color:#333;max-width:600px;margin-bottom:30px}.report-image{width:300px;height:auto;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.footer{width:100%;background-color:#454846a6;color:#fff;padding:20px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.footer-content{max-width:1200px;width:100%;display:flex;justify-content:space-around;color:#f0f0f0;padding:0 20px}.footer-logo{width:150px;margin-bottom:10px}.footer-contact-info,.footer-presence,.footer-terms{font-size:.9rem;color:#f0f0f0;text-align:left;max-width:300px}.footer-contact-info h3,.footer-presence h3{color:#fff;font-size:1.2rem}.footer-terms a{color:#f0f0f0;text-decoration:none}.footer-terms a:hover{text-decoration:underline}.logout-button{position:absolute;top:10px;right:10px;background-color:#e57373;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .3s ease,transform .2s ease}.logout-button:hover{background-color:#d32f2f}.logout-button img{width:16px;height:16px}@media (max-width:768px){.logout-button{top:8px;right:8px;padding:8px 12px;gap:6px}.logout-button img{width:14px;height:14px}}@media (max-width:480px){.logout-button{top:5px;right:5px;padding:6px 10px;font-size:.9rem;gap:5px}.logout-button img{width:12px;height:12px}}.logged-in-user{position:absolute;top:20px;left:20px;color:#333;font-weight:700;font-size:1rem;display:flex;align-items:center}.logged-in-user img{width:20px;height:20px;margin-right:10px}.logged-in-user p{margin:0;padding:0}@media (max-width:768px){.logged-in-user{top:15px;left:15px;font-size:.9rem}.logged-in-user img{width:18px;height:18px;margin-right:8px}}@media (max-width:480px){.logged-in-user{top:10px;left:10px;font-size:.8rem;flex-direction:column;align-items:flex-start}.logged-in-user img{width:16px;height:16px;margin-bottom:5px}}.admin-menu{display:flex;justify-content:flex-start;list-style:none;padding:0;margin:20px 0;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap;width:100%;overflow-x:auto;box-sizing:border-box}.menu-item{background-color:transparent;color:#333;padding:12px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s}.menu-item img{width:20px;height:20px;margin-right:8px}.menu-item:hover{background-color:#e0e0e0;color:#000}input:invalid{border:2px solid red}input:valid{border:2px solid green}input:invalid:focus{outline:none;box-shadow:0 0 5px red}.error-message{color:red;font-size:.9em;margin-top:5px}