body{margin:0;padding:0;font-family:Roboto,sans-serif;background-image:url("./media/background-plants-USR2CSN7.png");background-repeat:repeat;background-size:cover;background-attachment:fixed;background-color:#f7f7f7}.page-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:40px;padding:20px}.page-wrapper .module-container{position:relative;width:40vw;height:90vh;background:#f9f9f999;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px 20px 75px;display:flex;flex-direction:column}.page-wrapper .module-container header button{background:none;border:none;cursor:pointer}.page-wrapper .module-container header .image-container{position:relative;display:flex;width:100%;align-content:center;justify-content:center;padding:15px}.page-wrapper .module-container header .image-container img{width:276px}.page-wrapper .module-container header .image-container button{background-color:#fff;width:45px;height:45px;position:absolute;top:0;border:1px solid #cacaca;border-radius:50%}.page-wrapper .module-container header .image-container button.left{left:calc(50% - 153px)}.page-wrapper .module-container header .image-container button.right{right:calc(50% - 153px)}.page-wrapper .module-container header .image-container button:hover{background-color:#f5f5f5}.page-wrapper .module-container header .image-container button span{font-size:19pt}.page-wrapper .module-container ul{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.page-wrapper .module-container ul li{padding:11px;margin-bottom:6px;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;cursor:pointer}.page-wrapper .module-container ul li.active{background:#e6ffe6;border-color:#28a745}.page-wrapper .module-container ul li input,.page-wrapper .module-container ul li select,.page-wrapper .module-container ul li textarea{background:none;border:none;font-size:13pt;text-align:end}.page-wrapper .module-container ul li input.editable,.page-wrapper .module-container ul li select.editable,.page-wrapper .module-container ul li textarea.editable{background-color:#e6ffe6;color:#28a745}.page-wrapper .module-container ul li textarea{width:100%}.page-wrapper .module-container ul li span{text-align:end}.page-wrapper .module-container ul li button{background:none;border:none;cursor:pointer;width:100%}.page-wrapper .module-container ul::-webkit-scrollbar{display:none}.page-wrapper .module-container .open-calendar-button,.page-wrapper .module-container .add-button,.page-wrapper .module-container .back-button{border:0;background:#fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 4px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center}.page-wrapper .module-container .open-calendar-button{position:absolute;top:12px;right:12px}.page-wrapper .module-container .add-button{position:absolute;bottom:12px;right:12px}.page-wrapper .module-container .back-button{position:fixed;top:12px;left:12px}.page-wrapper .fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background-color:#28a745;color:#fff;display:flex;justify-content:center;align-items:center;font-size:28px;box-shadow:0 3px 6px #0000004d;border:none;cursor:pointer;transition:background .2s ease}.page-wrapper .fab:hover{background-color:#218838}.page-wrapper .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.page-wrapper .modal .modal-content{background:#fff;padding:20px;border-radius:8px;width:300px;display:flex;flex-direction:column;gap:10px}.page-wrapper .modal .modal-content h3{margin-top:0;text-align:center}.page-wrapper .modal .modal-content label{font-size:14px;margin-top:5px}.page-wrapper .modal .modal-content input,.page-wrapper .modal .modal-content select{padding:8px;border:1px solid #ccc;border-radius:4px}.page-wrapper .modal .modal-content input{width:95%}.page-wrapper .modal .modal-content select,.page-wrapper .modal .modal-content textarea{width:100%}.page-wrapper .modal .modal-content button{padding:8px;margin-top:10px;border:none;border-radius:4px;width:100%;cursor:pointer}.page-wrapper .modal .modal-content button:first-of-type{background-color:#28a745;color:#fff}.page-wrapper .modal .modal-content button:first-of-type:hover{background-color:#7cbb7c}.page-wrapper .modal .modal-content button:last-of-type{background-color:#ccc}.page-wrapper .modal .modal-content button:last-of-type:hover{background-color:#eee}.page-wrapper .camera-modal{position:fixed;inset:0;background:#00000080;display:grid;place-items:center;z-index:1000}.page-wrapper .camera-content{position:relative;background:#fff;padding:45px 16px 16px;border-radius:12px;box-shadow:0 10px 30px #0003;display:grid;gap:12px;justify-items:center}.page-wrapper .camera-content .button-close{position:absolute;right:15px;top:5px;border:none;background-color:transparent;width:25px}.page-wrapper .camera-content .button-close span{font-size:19pt}.page-wrapper video{width:320px;height:auto;border-radius:8px;background:#000}.page-wrapper .cam-buttons{display:flex;gap:8px}.page-wrapper .cam-buttons button{border:none;background-color:transparent;width:45px}.page-wrapper .cam-buttons button span{font-size:39pt}@media (max-width: 768px){.page-wrapper{flex-direction:column;gap:20px}.page-wrapper .module-container{width:90vw}.page-wrapper .module-container .back-button{display:block}.page-wrapper .module-container.hidden{display:none}}@media (max-width: 580px){.page-wrapper .module-container{width:80vw}.page-wrapper .module-container ul li input,.page-wrapper .module-container select,.page-wrapper .module-container textarea{width:50%}}