*{box-sizing:border-box}body{margin:0;background-color:#262626;font-family:'Roboto', sans-serif}a,a:link,a:visited{display:block;text-decoration:none;touch-action:manipulation}#modal{touch-action:manipulation}nav{position:fixed;z-index:1001;width:200px;height:100%;top:0;left:0;padding-top:10px;margin-left:0px;overflow-x:hidden;overflow-y:auto;box-shadow:0 2px 5px 0 #0000002e, 0 2px 10px 0 #0000001a;background:#262626;border-right:5px solid #39393942;transition:margin-left 0.3s ease}@media (max-width: 768px){nav{margin-left:-200px}}nav .border{margin-top:20px}nav .border:hover{background:#78787826}nav ul{margin:0px 0px;font-size:18px}nav li{text-decoration:none;list-style-type:none;margin-left:-40px;padding-left:20px;display:flex;align-items:center;cursor:pointer}nav li i{color:white;width:30px}nav li a{color:#e1e1e1}nav li a:visited{color:#e1e1e1}nav .itemTitle{display:flex;justify-content:space-between;color:#e1e1e1;margin-top:10px}nav .itemTitle:hover{color:white;font-weight:600}nav .itemTitle.selected{font-weight:600;color:white}nav .items{margin-left:-40px;margin-top:0}nav .items .item{margin-left:-27px}nav .items .item::before{content:"\f068";font-family:'Font Awesome 6 Free';font-weight:900;color:white;margin-right:10px;font-size:10px}nav .item a{display:block;width:100%;height:100%;margin:0;padding:5px 0px 5px 14px}nav .item.selected{background:#77cccf54}nav .item.selected a{color:white;font-weight:600}main{margin-left:200px;transition:margin-left 0.3s ease}main .container{display:flex;justify-content:center;margin:0 auto;max-width:800px;color:white}@media (max-width: 768px){main{margin-left:0px}main .container{max-width:100%;margin:0;justify-content:flex-start}}main .content{width:100%;padding:20px}header{position:sticky;z-index:100;top:0;display:flex;align-items:center;justify-content:end;padding:15px;width:100%;height:60px;background-color:#262626;color:rgba(255,255,255,0.815);border-bottom:1px solid #e1e1e182;padding-left:210px}footer{position:sticky;z-index:9;width:100%;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:14px 16px}footer i{font-size:22px;color:#878E9F}#modal{position:absolute;z-index:1000;top:0;left:0;width:100vw;height:100vh;background:#0000007a;display:none}.float-action-button{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background-color:#426ec0;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 5px rgba(0,0,0,0.3);cursor:pointer;z-index:1000;transition:transform 0.2s ease-in-out;font-weight:400}.pageTitle{font-size:22px;font-weight:600;color:#595959;margin-bottom:25px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.between{justify-content:space-between}.center{justify-content:center}.center div{margin:0 4px}.right{justify-content:end}input{font-size:15px;padding:6px 0px}.input-panel{margin:10px 0px}.input-panel input{border:none;outline:none;background:transparent;border-bottom:1px solid black}.label-title{font-weight:600;color:#555555;padding-bottom:6px}.flex-table{width:100%;min-width:600px;border-collapse:collapse;margin-bottom:25px}.flex-table th,.flex-table td{border:1px solid #ddd;text-align:center;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex-table thead{background:#3b7c84e0;color:#f0f0f0}.flex-table thead th{position:sticky;top:0}.flex-table tbody tr:hover{background-color:#c2c2c2}.flex-table input{width:90%;text-align:center;font-size:16px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#10101085;display:flex;justify-content:center;z-index:10000;flex-direction:column}.modal[data-name="pdfPreview"] .row{display:flex}.modal[data-name="pdfPreview"] .button{background:#479EA8;color:white;padding:8px 10px;border-radius:10px;cursor:pointer}.modal[data-name="pdfPreview"] canvas{margin-bottom:20px;width:500px}@media screen and (max-width: 768px){.modal[data-name="pdfPreview"] canvas{width:90%}}.modal[data-name="pdfPreview"] [data-name="pages"]{font-size:26px;font-weight:600;color:white;background:#3e3e3e;padding:0px 9px;border-radius:8px}.modal[data-name="pdfPreview"] [data-name="closeBtn"]{justify-content:flex-end;margin-right:30px;margin-bottom:16px;margin-top:20px;font-size:24px;color:white;cursor:pointer}.modal[data-name="signatureBoard"] .row{display:flex;justify-content:space-around}.modal[data-name="signatureBoard"] .button{background:#479EA8;color:white;padding:8px 10px;border-radius:10px;cursor:pointer}.messagebox{position:fixed;top:-100px;left:50%;transform:translateX(-50%);background:#182016;padding:8px 14px;transition:top 0.5s, opacity 0.5s;opacity:0;box-shadow:0px 0px 6px 0px #00000082;z-index:10000;color:white;font-size:16px;border-radius:11px;font-weight:600}.messagebox.entering{top:54px;opacity:1}.messagebox.leaving{transition:top 1.5s, opacity 1.5s;top:-100px;opacity:0}i{cursor:pointer}button{outline:none;border:none;border-radius:25px;background:#426ec0;color:white;padding:8px 12px;font-weight:600;font-size:16px;cursor:pointer}button i{margin-right:10px}button.delete{background:#e36358}label.button{cursor:pointer;outline:none;border:1px solid #ad905a;border-radius:8px;background:#e08a67;color:white;padding:7px 8px;font-weight:600;font-size:16px;margin-bottom:10px}.weekday-button{width:35px;height:35px;line-height:35px;border-radius:50%;margin:8px;margin-right:0px;border:none;text-align:center;cursor:pointer;font-size:14px;padding:1px;font-weight:600;background:#cdcdcd;color:#747474}.weekday-button.selected{background-color:#2976b9;color:white;border:1px solid white}input[type="checkbox"]{transform:scale(1.2);margin:0px 5px;accent-color:#df744a}input.underLine{border:none;outline:none;border-bottom:1px solid black}input[readonly]{background:#80808033}.edit-button{background:#4a7faa;color:white;border:1px solid #4662b5;padding:4px 8px;border-radius:8px;cursor:pointer}.edit-button::before{font-family:'Font Awesome 6 Free';margin-right:6px;content:'\f044'}.delete-button{background:#e36358;color:white;padding:4px 8px;border-radius:8px;cursor:pointer}.delete-button::before{font-family:'Font Awesome 6 Free';margin-right:6px;font-weight:900;content:'\f1f8'}.share-fee-button,.extend-rent-record-button,.new-billing-button,.new-alert-button,.check-billing-button{background:#db7c3a;border:1px solid #ad905a;color:white;padding:4px 8px;border-radius:8px;cursor:pointer}.logout-button{background:#e36358;color:white;padding:4px 8px;border-radius:8px}.button-disable{background:#9ea2a6;border:1px solid #6e6e6e}.status{width:fit-content;border-radius:11px;padding:4px 10px;color:white;font-weight:600;font-size:14px;margin:0 auto}.status.on{background:#499aa5}.status.off{background:#a4a4a4}#income,#expense{line-height:1.6em}.cropper-image{width:60%}@media screen and (max-width: 768px){.cropper-image{width:90%}}.user-photo{width:100px;border-radius:50%}.no-scroll{overflow:hidden}.img-container{display:flex;width:90%;max-height:700px;justify-content:center;text-align:center;margin:22px auto 0px auto;overflow:hidden}.img-container img{width:100%;height:100%;object-fit:cover;object-position:center}