@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);.loading-screen{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.error-message{color:red;font-weight:700}.react-datepicker-popper{z-index:9999!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/app-back-ground.72c3bbacd465fe4d3c1f.png) no-repeat;background-position:50%;background-size:cover;font-family:Merriweather,cursive,sans-serif}#root,body,html{box-sizing:border-box;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.app{color:#3a2f28;height:100%;max-height:100%;max-width:100%;width:100%}.merriweather-light{font-weight:300}.merriweather-light,.merriweather-regular{font-family:Merriweather,serif;font-style:normal}.merriweather-regular{font-weight:400}.merriweather-bold{font-weight:700}.merriweather-black,.merriweather-bold{font-family:Merriweather,serif;font-style:normal}.merriweather-black{font-weight:900}.merriweather-light-italic{font-family:Merriweather,serif;font-style:italic;font-weight:300}.merriweather-regular-italic{font-family:Merriweather,serif;font-style:italic;font-weight:400}.merriweather-bold-italic{font-family:Merriweather,serif;font-style:italic;font-weight:700}.merriweather-black-italic{font-family:Merriweather,serif;font-style:italic;font-weight:900}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-wrapper{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;display:flex;height:100%;justify-content:center;width:100%}.login-form{background:#f0cd5c;background:radial-gradient(circle at center 20%,#f0cd5c 0,#ded1c0 40%);background:-webkit-radial-gradient(circle at center 20%,#f0cd5c 0,#ded1c0 40%);box-sizing:border-box;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F0CE5B",endColorstr="#DED1C0",GradientType=1);height:100%;max-width:420px;min-height:100%;padding:30px 40px;width:100%}.login-wrapper .login-form .login-logo{align-items:center;display:flex;justify-content:center}.login-wrapper .errorSection{color:red;font-weight:600;margin:20px 0 0;text-align:center}.login-wrapper .input-box{height:50px;margin:30px 0;position:relative;width:100%}.login-wrapper .input-box input{background:#0000;background-color:#f1c976;border:4px solid #000;border-radius:40px;box-sizing:border-box;color:#663701;font-size:1rem;height:100%;outline:none;padding:20px 45px 20px 20px;width:100%}.login-wrapper .input-box input::placeholder{color:#663701}.login-wrapper .input-box .icon{font-size:1rem;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.login-wrapper .remember-forgot{display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px;justify-content:space-between;margin:-15px 0 15px}.login-wrapper .remember-forgot label input{margin-right:4px}.login-wrapper .remember-forgot a{text-decoration:none}.login-wrapper .remember-forgot a:hover{text-decoration:underline}.login-wrapper button{background-color:#f1c976;border:4px solid #000;border-radius:40px;box-shadow:0 0 10px #0000001a;color:#663701;cursor:pointer;font-size:1rem;font-weight:700;height:50px;outline:none;width:100%}.login-wrapper .register-link{font-size:.9rem;margin:20px 0 15px;text-align:center}.login-wrapper .register-link p a{font-weight:600;text-decoration:none}.login-wrapper .register-link p a:hover{text-decoration:underline}@media (max-width:480px){.login-form{padding:20px}.login-form h1{font-size:1.5rem}.login-form .input-box input{font-size:.95rem;padding:16px 40px 16px 16px}.login-form .remember-forgot{align-items:flex-start;flex-direction:column}}.secret-login-wrapper{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;display:flex;height:100%;justify-content:center;width:100%}.secret-login-wrapper h1{font-size:36px;text-align:center}.secret-login-wrapper .input-box{height:50px;margin:30px 0;position:relative;width:100%}.secret-login-wrapper .input-box input{background:#0000;border:2px solid #fff3;border-radius:40px;font-size:16px;height:100%;outline:none;padding:20px 45px 20px 20px;width:100%}.secret-login-wrapper .login-form .login-logo{align-items:center;display:flex;justify-content:center}.secret-login-wrapper .input-box .icon{font-size:16px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.secret-login-wrapper .remember-forgot{display:flex;font-size:14.5px;justify-content:space-between;margin:-15px 0 15px}.remember-forgot label input{margin-right:4px}.remember-forgot a{color:#3a2f28;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.secret-login-wrapper button{border:none;border-radius:40px;box-shadow:0 0 10px #0000001a;color:#333;cursor:pointer;font-size:16px;font-weight:700;height:50px;outline:none;width:100%}.secret-login-wrapper .register-link{font-size:14.5px;margin:20px 0 15px;text-align:center}.register-link p a{color:#3a2f28;font-weight:600;text-decoration:none}.register-link p a:hover{text-decoration:underline}.errorSection{color:red;font-weight:600;margin:20px 0 0;text-align:center}.developer-dashboard{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto;padding:30px 40px;width:100%}.developer-dashboard .dev-header{margin-bottom:20px;text-align:center}.developer-dashboard .dev-header .header-info{display:flex;gap:10px;justify-content:space-between}.developer-dashboard .dev-header h1{color:#ff4d00;font-size:32px;text-shadow:0 0 5px #ff4d00,0 0 10px #ff4d00,0 0 20px #ff2a00}.developer-dashboard .dev-header .header-info .log-out-button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:30px;box-shadow:0 0 10px #fff3;color:#fff;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.developer-dashboard .dev-header .header-info .log-out-button:hover{border-color:#fff6;box-shadow:0 0 15px #fff6,0 0 25px #ffffff4d,0 0 40px #fff3;transform:scale(1.05)}.developer-dashboard .dev-message{color:#fffc;font-size:16px}.developer-dashboard .contentContainer{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;box-sizing:border-box;color:#fff;display:flex;justify-content:center;margin:0 auto;max-width:1000px;padding:30px 40px;width:100%}@media (max-width:768px){.developer-dashboard{padding:20px 15px}.developer-dashboard .dev-header h1{font-size:24px}.developer-dashboard .dev-header .header-info{flex-direction:column;gap:15px}.developer-dashboard .dev-header .header-info .log-out-button{height:40px;padding:8px;width:40px}.developer-dashboard .dev-message{font-size:14px}.developer-dashboard .contentContainer{padding:20px 15px}}.maintenance-container{background:#0000;box-sizing:border-box;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:600px;padding:30px 40px;width:100%}.maintenance-container .glow-title{color:#0ff;font-size:24px;font-weight:700;margin-bottom:20px;text-shadow:0 0 5px #0ff,0 0 10px #0ff}.maintenance-container .section{display:flex;gap:10px;justify-content:space-between;margin-bottom:30px}.maintenance-container .section h3{color:#fff;margin-bottom:10px}.maintenance-container input[type=number]{background:#ffffff0d;border:1px solid #fff3;border-radius:5px;color:#fff;margin-right:10px;outline:none;padding:10px;transition:all .3s ease;width:240px}.maintenance-container input[type=number]:focus{border-color:#0ff;box-shadow:0 0 5px #0ff}.maintenance-container button{background-color:#0ff;border:none;border-radius:5px;box-shadow:0 0 5px #0ff;color:#000;cursor:pointer;font-weight:700;padding:10px 16px;transition:background .3s ease,box-shadow .3s ease}.maintenance-container button:hover{background-color:#0cc;box-shadow:0 0 10px #0cc}@media (max-width:768px){.maintenance-container{max-width:100%;padding:20px 15px}.maintenance-container .glow-title{font-size:20px;margin-bottom:15px}.maintenance-container .section{flex-direction:column;gap:15px}.maintenance-container .section h3{font-size:18px}.maintenance-container input[type=number]{margin-bottom:10px;margin-right:0;width:100%}.maintenance-container button{font-size:16px;padding:12px;width:100%}}.contentContainer{background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:100vw;padding:24px;width:100vw}.transparent-button{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000;border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;padding:10px 16px}@media (max-width:768px){.contentContainer{border-radius:8px;min-width:95vw;padding:20px 15px}}@media (max-width:480px){.contentContainer{border-radius:6px;min-width:100vw;padding:15px 10px}}.billTabContainer-wrapper{height:100%;position:relative;width:100%}.billTabContainer-wrapper .tab-nav-bar{background:#0000;display:flex;height:auto;overflow-x:auto;width:100%}.billTabContainer-wrapper .mainContent{background:#ffffff0d;border:1.5px solid #ffffff40;border-radius:10px;box-shadow:0 0 10px #fff3;margin-top:0;width:100%}.tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff40;border-radius:0 40px 0 20px;box-shadow:0 4px 30px #0000001a;display:inline-block;height:auto;margin:10px 10px 5px 0;min-height:50px;padding:5px 20px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;width:auto}.tab:hover{background-color:#fffc;border:2px solid #ffffff80}.tab.selected,.tab:hover{box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.tab.selected{background-color:#fff9;border:2px solid #ffffff4d}@media (max-width:768px){.tab{border-radius:0 30px 0 15px;font-size:14px;margin:8px 8px 5px 0;min-height:45px;padding:5px 15px}}@media (max-width:480px){.tab{border-radius:0 25px 0 10px;font-size:12px;margin:5px 5px 5px 0;min-height:40px;padding:4px 10px}.tab.selected,.tab:hover{box-shadow:0 0 15px #fff6;transform:none}}.bill-container-wrapper{grid-gap:10px;-ms-overflow-style:none;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;max-height:90vh;min-height:85vh;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none;width:100%}.bill-container-wrapper::-webkit-scrollbar{height:0;width:0}.bill-container-wrapper .debt-selection-active{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:30px;top:170px;z-index:101;z-index:2}.bill-container-wrapper .debt-selection-active .active-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;background-color:#20ff2b66;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:.5em;font-weight:100;height:60px;justify-content:center;width:60px}@media (max-width:600px){.bill-container-wrapper{justify-content:center}}.custom-context-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0003;font-size:14px;list-style:none;margin:0;padding:10px;padding:0;position:fixed;z-index:1000}.custom-context-menu li{cursor:pointer;padding:8px 12px}.custom-context-menu li:hover{background-color:#f0f0f0}.bill{background-color:#ded1c0;border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;display:inline-block;height:fit-content;padding:10px;width:fit-content}.bill.selected{background-color:#fff9;border:2px solid #ffffff4d;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.bill .detailContainer{margin:10px}.bill .bill-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.bill .billDetail{font-size:11px;margin:0}.bill .billDetail,.bill .billTotal{align-items:center;display:flex;justify-content:space-between}.bill .billTotal{font-size:14.5px;margin:10px}.bill label{font-weight:700}.bill .bill-selection-button{align-items:center;border:2px solid #fff3;border-radius:5px;cursor:pointer;display:flex;justify-content:center}.bill .bill-selection-button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.money-input{display:flex;margin:10px}.money-input input{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-size:16px;max-width:300px;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}.money-input input::placeholder{color:#999;font-style:italic}.money-input input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.create-debt-modal .c-debt-title{align-items:center;display:flex;justify-content:center}.create-debt-modal .c-debt-title h3{color:#fff}.create-debt-modal .bill-info{align-items:center;display:flex;gap:10px;justify-content:center}.create-debt-modal .submit-button{background-color:#f1c976;border-radius:8px;bottom:20px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;position:absolute;right:20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.create-debt-modal .submit-button:hover{background-color:#d3af67}body .modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}body .modal-box{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;height:90vh;overflow-y:auto;padding:1.5rem;position:relative;width:90%;width:90vw}body .modal-box.modal-night{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e1e1ee6;border:1px solid #ffffff26;box-shadow:0 0 15px #ffffff1a}body .modal-box.modal-transparent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a}body .modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:10px}body .modal-body{margin-top:1rem}@media (max-width:480px){body .modal-box{border-radius:6px;padding:1rem}}.detail-info-display-case-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;flex-direction:column;gap:8px;margin:5px;max-width:100%;padding:16px 24px;width:fit-content}.detail-info-display-case-wrapper .display-case-title{align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:12px;padding:4px 10px}.detail-info-display-case-wrapper .display-case-title label{font-size:.75rem;font-weight:500}.detail-info-display-case-wrapper .display-case-value{color:#3a2f28;font-size:1rem;padding-left:5px;word-break:break-word}.detail-info-display-case-wrapper .display-case-title{flex-shrink:0;white-space:nowrap}@media (max-width:768px){.detail-info-display-case-wrapper{border-radius:16px;padding:12px 20px}.detail-info-display-case-wrapper .display-case-title{border-radius:10px;padding:4px 8px}.detail-info-display-case-wrapper .display-case-title label{font-size:.7rem}.detail-info-display-case-wrapper .display-case-value{font-size:.9rem}}@media (max-width:480px){.detail-info-display-case-wrapper{border-radius:12px;padding:5px 7px}.detail-info-display-case-wrapper .display-case-title{border-radius:8px;padding:3px 6px}.detail-info-display-case-wrapper .display-case-title label{font-size:.65rem}.detail-info-display-case-wrapper .display-case-value{font-size:.85rem}}.detail-info-display-case-money-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;flex-direction:column;gap:8px;margin:5px;max-width:100%;padding:16px 24px;width:fit-content}.detail-info-display-case-money-wrapper .display-case-title{align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:12px;padding:4px 10px}.detail-info-display-case-money-wrapper .display-case-title label{font-size:.75rem;font-weight:500}.detail-info-display-case-money-wrapperr .display-case-value{font-size:1rem;padding-left:5px;word-break:break-word}.detail-info-display-case-money-wrapper .display-case-title,.detail-info-display-case-money-wrapper .display-case-value{flex-shrink:0;white-space:nowrap}@media (max-width:768px){.detail-info-display-case-money-wrapper{border-radius:16px;padding:12px 20px}.detail-info-display-case-money-wrapper .display-case-title{border-radius:10px;padding:4px 8px}.detail-info-display-case-money-wrapper .display-case-title label{font-size:.7rem}.detail-info-display-case-money-wrapper .display-case-value{font-size:.9rem}}@media (max-width:480px){.detail-info-display-case-money-wrapper{border-radius:12px;padding:5px 7px}.detail-info-display-case-money-wrapper .display-case-title{border-radius:8px;padding:3px 6px}.detail-info-display-case-money-wrapper .display-case-title label{font-size:.65rem}.detail-info-display-case-money-wrapper .display-case-value{font-size:.85rem}}.detail-info-edit-case-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;flex-direction:column;gap:8px;margin:5px;max-width:100%;padding:16px 24px;width:fit-content}.detail-info-edit-case-wrapper .edit-case-title{align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:12px;padding:4px 10px}.detail-info-edit-case-wrapper .edit-case-title label{font-size:.75rem;font-weight:500}.detail-info-edit-case-wrapper .edit-case-value{display:flex;flex-direction:column;gap:4px}.detail-info-edit-case-wrapper .edit-case-value input{background:#0000;border:none;font-size:1rem;outline:none;padding-left:5px}.detail-info-edit-case-wrapper .edit-case-value .error-message{color:red;font-size:.875rem;margin-top:4px}.detail-info-edit-case-wrapper .display-case-title,.detail-info-edit-case-wrapper .display-case-value{flex-shrink:0;white-space:nowrap}@media (max-width:768px){.detail-info-edit-case-wrapper{border-radius:16px;padding:12px 20px}.detail-info-edit-case-wrapper .edit-case-title{border-radius:10px;padding:4px 8px}.detail-info-edit-case-wrapper .edit-case-title label{font-size:.7rem}.detail-info-edit-case-wrapper .edit-case-value input{font-size:.9rem}.detail-info-edit-case-wrapper .edit-case-value .error-message{font-size:.8rem}}@media (max-width:480px){.detail-info-edit-case-wrapper{border-radius:12px;padding:5px 7px}.detail-info-edit-case-wrapper .edit-case-title{border-radius:8px;padding:3px 6px}.detail-info-edit-case-wrapper .edit-case-title label{font-size:.65rem}.detail-info-edit-case-wrapper .edit-case-value input{font-size:.85rem;max-width:150px}.detail-info-edit-case-wrapper .edit-case-value .error-message{font-size:.75rem}}.detail-info-edit-case-money-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;flex-direction:column;gap:8px;margin:5px;max-width:100%;padding:16px 24px;width:fit-content}.detail-info-edit-case-money-wrapper .edit-case-title{align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:12px;padding:4px 10px}.detail-info-edit-case-money-wrapper .edit-case-title label{font-size:.75rem;font-weight:500}.detail-info-edit-case-money-wrapper .edit-case-value{display:flex;flex-direction:column;gap:4px}.detail-info-edit-case-money-wrapper .edit-case-value input{background:#0000;border:none;font-size:1rem;outline:none;padding-left:5px}.detail-info-edit-case-money-wrapper .edit-case-value .error-message{color:red;font-size:.875rem;margin-top:4px}.detail-info-edit-case-money-wrapper .display-case-title,.detail-info-edit-case-money-wrapper .display-case-value{flex-shrink:0;white-space:nowrap}@media (max-width:768px){.detail-info-edit-case-money-wrapper{border-radius:16px;padding:12px 20px}.detail-info-edit-case-money-wrapper .edit-case-title{border-radius:10px;padding:4px 8px}.detail-info-edit-case-money-wrapper .edit-case-title label{font-size:.7rem}.detail-info-edit-case-money-wrapper .edit-case-value input{font-size:.9rem}.detail-info-edit-case-money-wrapper .edit-case-value .error-message{font-size:.8rem}}@media (max-width:480px){.detail-info-edit-case-money-wrapper{border-radius:12px;padding:5px 7px}.detail-info-edit-case-money-wrapper .edit-case-title{border-radius:8px;padding:3px 6px}.detail-info-edit-case-money-wrapper .edit-case-title label{font-size:.65rem}.detail-info-edit-case-money-wrapper .edit-case-value input{font-size:.85rem;max-width:150px}.detail-info-edit-case-money-wrapper .edit-case-value .error-message{font-size:.75rem}}.detail-info-edit-case-date-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:40px;border-radius:20px;box-shadow:0 0 10px #fff3;height:auto;margin:5px;max-width:100%;padding:16px 30px 16px 10px;position:relative;width:fit-content}.detail-info-edit-case-date-wrapper .edit-case-title{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:20px;left:10px;padding-left:10px;padding-right:10px;position:relative;top:-10px;width:auto;width:fit-content}.detail-info-edit-case-date-wrapper .edit-case-title label{font-size:11px}.detail-info-edit-case-date-wrapper .edit-case-value input{background:#0000;border:none;font-size:16px;height:auto;margin-left:20px;position:relative;width:auto}.detail-info-edit-case-date-wrapper .display-case-title,.detail-info-edit-case-date-wrapper .display-case-value{flex-shrink:0;white-space:nowrap}@media (max-width:768px){.detail-info-edit-case-date-wrapper{border-radius:16px;padding:12px 20px}.detail-info-edit-case-date-wrapper .edit-case-title{border-radius:10px;padding:4px 8px}.detail-info-edit-case-date-wrapper .edit-case-title label{font-size:.7rem}.detail-info-edit-case-date-wrapper .edit-case-value input{font-size:.9rem}.detail-info-edit-case-date-wrapper .edit-case-value .error-message{font-size:.8rem}}@media (max-width:480px){.detail-info-edit-case-date-wrapper{border-radius:12px;padding:5px 7px}.detail-info-edit-case-date-wrapper .edit-case-title{border-radius:8px;padding:3px 6px}.detail-info-edit-case-date-wrapper .edit-case-title label{font-size:.65rem}.detail-info-edit-case-date-wrapper .edit-case-value input{font-size:.85rem;max-width:150px}.detail-info-edit-case-date-wrapper .edit-case-value .error-message{font-size:.75rem}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.detail-info-edit-case-drop-down-wrapper{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;flex-direction:column;gap:8px;margin:5px;max-width:100%;padding:16px 24px;width:fit-content}.detail-info-edit-case-drop-down-wrapper .edit-case-title{align-self:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f1c976b3;border:2px solid #10fd4433;border-radius:12px;padding:4px 10px}.detail-info-edit-case-drop-down-wrapper .edit-case-title label{font-size:.75rem;font-weight:500}.detail-info-edit-case-drop-down-wrapper .edit-case-value{display:flex;flex-direction:column;gap:4px}.detail-info-edit-case-drop-down-wrapper .edit-case-value input{background:#0000;border:none;font-size:1rem;outline:none;padding-left:5px}.detail-info-edit-case-drop-down-wrapper .edit-case-value .error-message{color:red;font-size:.875rem;margin-top:4px}.detail-info-edit-case-drop-down-wrapper .display-case-title,.detail-info-edit-case-drop-down-wrapper .display-case-value{flex-shrink:0;white-space:nowrap}.detail-info-edit-case-drop-down-wrapper select,.detail-info-edit-case-drop-down-wrapper select option{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0000;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3}@media (max-width:768px){.detail-info-edit-case-drop-down-wrapper{border-radius:16px;padding:12px 20px}.detail-info-edit-case-drop-down-wrapper .edit-case-title{border-radius:10px;padding:4px 8px}.detail-info-edit-case-drop-down-wrapper .edit-case-title label{font-size:.7rem}.detail-info-edit-case-drop-down-wrapper .edit-case-value input{font-size:.9rem}.detail-info-edit-case-drop-down-wrapper .edit-case-value .error-message{font-size:.8rem}}@media (max-width:480px){.detail-info-edit-case-drop-down-wrapper{border-radius:12px;padding:5px 7px}.detail-info-edit-case-drop-down-wrapper .edit-case-title{border-radius:8px;padding:3px 6px}.detail-info-edit-case-drop-down-wrapper .edit-case-title label{font-size:.65rem}.detail-info-edit-case-drop-down-wrapper .edit-case-value input{font-size:.85rem;max-width:150px}.detail-info-edit-case-drop-down-wrapper .edit-case-value .error-message{font-size:.75rem}}.circular-list-bar{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:30px;top:100px;z-index:101;z-index:9999}.circular-list-bar__toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1.8em;height:60px;justify-content:center;transform-origin:center;transition:transform .5s ease,background .3s;width:60px;z-index:1000}.circular-list-bar__toggle:hover{background:#fff;box-shadow:0 0 12px #ff5028cc,0 0 18px #ff502880;color:#000}.circular-list-bar__toggle.active{background:#fff;color:#000;transform:rotate(1turn) translate(0)}.circular-list-bar__menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#00000080;border:2px solid #ffffff26;border-radius:12px;box-shadow:0 0 15px #ff50284d;list-style:none;margin-top:10px;opacity:0;padding:12px;pointer-events:none;transform:scale(.9) translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:max-content;z-index:2}.circular-list-bar__menu.open{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.circular-list-bar__item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:8px 12px;transition:background .2s ease}.circular-list-bar__item:hover{background-color:#ffffff1a}.circular-list-bar__icon{align-items:center;display:flex;font-size:1.2em;justify-content:center;margin-right:10px}.circular-list-bar__label{white-space:nowrap}.circular-list-bar__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.roomContainer-wrapper{max-height:90vh;min-height:80vh;position:relative;width:100%}.roomContainer-wrapper .room-list-container{-ms-overflow-style:none;background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-height:90%;min-height:60%;overflow-y:auto;scrollbar-width:none}.roomContainer-wrapper::-webkit-scrollbar{display:none}.roomContainer-wrapper .room-list-container .reservation-wrap{align-items:center;background-color:#f3d369cc;border:2px solid #f3d369;border-radius:10px;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:5px;width:fit-content}.roomContainer-wrapper .room-selection-active{align-items:flex-end;display:flex;flex-direction:column;position:fixed;right:30px;top:170px;z-index:101;z-index:2}.roomContainer-wrapper .room-selection-active .active-icon{background:#0000;background-color:#20ff2b66;border-radius:50%;box-shadow:0 0 10px #ffffff1a;color:#fff;cursor:pointer;font-size:1.8em;justify-content:center;width:60px}.roomContainer-wrapper .room-selection-active .active-icon,.searchbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff3;display:flex;height:60px}.searchbar{border-radius:30px;box-shadow:0 4px 15px #0000004d;box-sizing:border-box;margin:20px auto;min-width:80vw;padding:0 20px;width:80%}.searchbar .searchbar-input{align-items:center;display:flex;flex:1 1;height:100%}.searchbar .searchbar-input input{background-color:initial;border:none;box-sizing:border-box;font-family:Arial,sans-serif;font-size:16px;height:100%;outline:none;padding:5px;width:100%}.searchbar .searchbar-input input::placeholder{opacity:1}.searchbar:hover{border-color:#fff6;box-shadow:0 6px 20px #00000080}.searchbar .searchbar-input input:focus{color:#fff;font-weight:700}.searchbar,.searchbar .searchbar-input input{transition:all .3s ease}.room-wrapper{background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:inline-block;height:fit-content;min-height:150px;padding:20px;width:fit-content}.room-wrapper.selected{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.room-wrapper.free-room{background:linear-gradient(135deg,#ff000d4d,#c800001a);border-color:#00ff004d}.room-wrapper.on-deposit{background:linear-gradient(135deg,#ffe6004d,#c8bb001a);border-color:#00ff004d}.room-wrapper:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.roomName h2{text-align:center;text-decoration:underline}.room-wrapper .room-representative-info,.room-wrapper .room-representative-info .representative-detail{align-items:center;display:flex;justify-content:space-between;margin:0}.room-wrapper .room-representative-info .representative .representative-icon{flex:1 1;margin-right:10px;text-overflow:ellipsis;white-space:nowrap}.room-wrapper .room-representative-info .representative p{flex:2 1;margin:0;text-overflow:ellipsis;white-space:nowrap}.room-wrapper .room-details-container{margin:10px}.room-wrapper .room-details-container .room-detail{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin:0}.room-wrapper .room-details-container .room-detail label{flex:1 1;margin-right:10px;text-overflow:ellipsis;white-space:nowrap}.room-wrapper .room-details-container .room-detail p{flex:2 1;margin:0;text-overflow:ellipsis;white-space:nowrap}.reservation-modal .contract-info,.reservation-modal .reservation-info,.reservation-modal .resevation-deposit{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.reservation-modal .submit-button{background-color:#ebcb8c;border-radius:10px;cursor:pointer;padding:10px;position:absolute;right:40px}.room-detail-wrapper{height:100%;max-width:100%;position:relative;width:100%}.room-detail-wrapper .tab-nav-bar{background:#0000;display:flex;height:auto;overflow-x:auto}.room-detail-wrapper .room-detail-display-container{border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;justify-content:center;margin-top:0;max-height:90%;max-width:100%;overflow-y:auto;width:100%}.room-basic-display-wrapper{-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;justify-content:center;max-width:100%;overflow-y:auto;scrollbar-width:none}.room-basic-display-wrapper .room-basic-display-room-name{padding-top:20px}.room-basic-display-wrapper::-webkit-scrollbar{height:0;width:0}.room-basic-display-wrapper .detail-info-group{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:1024px){.detail-info-group>*{align-items:flex-start;flex-direction:row}}@media (max-width:767px){.detail-info-group>*{align-items:flex-start;flex-direction:row}}.room-bill-display-wrapper{-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;max-height:85vh;max-width:100%;overflow-y:auto;padding:20px;scrollbar-width:none}.room-bill-display-wrapper::-webkit-scrollbar{height:0;width:0}.room-bill-display-wrapper .bill-paid,.room-bill-display-wrapper .bill-sent,.room-bill-display-wrapper .bill-unsent{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:fit-content}.room-bill-display-wrapper .bill-unsent{background:linear-gradient(135deg,#cfa721b3,#ff00)}.room-bill-display-wrapper .bill-sent{background:linear-gradient(135deg,#9258264d,#ff00)}.room-bill-display-wrapper .bill-paid{background:linear-gradient(135deg,#c96764b3,#ff00)}.room-meter-record-display-wrapper{box-sizing:border-box;display:flex;gap:10px;justify-content:space-between;max-height:85vh;max-width:100%;overflow-x:auto;overflow-y:auto;padding:20px;scrollbar-width:none}.room-meter-record-display-wrapper::-webkit-scrollbar{height:0;width:0}.electricity-records,.water-records{border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;box-sizing:border-box;gap:10px;overflow:auto;padding:10px;scrollbar-width:none;width:100%}.electricity-records{background:linear-gradient(135deg,#fbff004d,#ff00)}.water-records{background:linear-gradient(135deg,#0099ffb3,#ff00)}@media (min-width:768px){.room-meter-record-display-wrapper{flex-direction:row;overflow-x:hidden;overflow-y:auto}.electricity-records,.water-records{flex-direction:row;min-width:300px;width:auto}}.meter-record-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff3;box-shadow:0 0 10px #fff3;color:#fff;display:inline-block;height:auto;padding:10px;width:auto}.meter-record-wrapper:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.meter-record-wrapper .record-detail{display:flex;gap:10px;justify-content:space-between}.meter-record-wrapper .record-detail label{font-weight:600}.room-occupants-display-wrapper{-ms-overflow-style:none;max-height:100%;max-height:80vh;max-width:100%;overflow-y:auto;scrollbar-width:none}.room-occupant-wrapper{overflow-y:auto}.room-occupant-wrapper .portait-image-container{flex-shrink:0;height:auto;max-height:20%;width:95%}.portait-image-container img{border-radius:50%;height:100%;max-height:150px;max-width:150px;width:100%}.occupant-details{flex-grow:1;max-height:80vh;overflow-y:auto}.occupant-details .text-info{flex-wrap:wrap;gap:10px;max-height:100%}.occupant-details .id-card-display,.occupant-details .text-info{align-items:center;display:flex;justify-content:center;max-width:100%}.occupant-details .id-card-display{width:100%}.occupant-details .id-card-display .citizenID-display{max-height:150px;max-width:45%;max-width:200px;padding:5px}.contract-wrapper,.occupant-details .id-card-display .citizenID-display img{height:100%;width:100%}.contract-wrapper{position:relative}.contract-wrapper .tab-nav-bar{background:#0000;display:flex;height:auto;overflow-x:auto}.contract-wrapper .contract-management-main-content{border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;justify-content:center;margin-top:0;max-height:90%;max-width:100%;overflow-y:auto;width:100%}.room-name-inside-editables{margin-left:40%;padding:20px}.room-occupant-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;height:100%;max-width:100%;overflow:auto;width:100%}.room-occupant-wrapper .portait-image-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-right:20px;max-height:150px;max-width:100%;min-width:50%;padding:20px}.room-occupant-wrapper .portait-image-container button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;font-size:30px;height:60px;width:60px}.room-occupant-wrapper .portait-image-container button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.room-occupant-wrapper .portait-image-container img{border-radius:50%;max-height:150px;max-width:150px}.room-occupant-wrapper .occupant-details{display:flex;flex-grow:1;flex-wrap:wrap;gap:10px;max-height:80vh;overflow-y:auto}.room-occupant-wrapper::-webkit-scrollbar{width:8px}.room-occupant-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}@media (max-width:768px){.room-occupant-wrapper{align-items:center;flex-direction:column}.portait-image-container{margin-bottom:20px;margin-right:0}.occupant-details{max-height:none;overflow-y:visible}}.contract-services-wrapper{max-height:80vh;overflow-y:auto}.contract-services-wrapper::-webkit-scrollbar{width:0}.contract-services-wrapper .add-contract-service{align-items:center;display:flex;justify-content:left}.contract-services-wrapper .add-contract-service button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;color:#fff;font-size:16px;min-height:5vh;min-width:10vw}.contract-services-wrapper .add-contract-service button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.contract-service{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;margin:5px;max-width:100%;padding:10px}.contract-service-actual-container{display:flex;gap:10px;justify-content:left;margin:5px;max-width:100%;overflow-x:auto;padding:10px;width:fit-content}.contract-service button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;font-size:30px;height:60px;margin:auto;width:60px}.contract-service button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.add-contract-service-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.add-contract-service-modal .modal-content{background-color:#fff;border-radius:5px;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.add-contract-service-modal .modal-content h2{text-align:center}.add-contract-service-modal .modal-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end}.add-contract-service-modal .modal-footer .saveButton{background-color:#96fdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.add-contract-service-modal .modal-footer .saveButton:hover{background-color:#28e972}.add-contract-service-modal .modal-footer .cancelButton{background-color:#ffa6a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.add-contract-service-modal .modal-footer .cancelButton:hover{background-color:#fa2d3f}.add-contract-service-modal .modal-row{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:10px}.add-contract-service-modal .row-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.add-contract-service-modal .row-content label{flex:1 1;font-weight:700;margin-right:10px}.add-contract-service-modal .row-content .money-input,.add-contract-service-modal .row-content p{flex:2 1;margin:0;text-align:left}.vehile-add-button{height:100px;margin-left:45%;padding:5px;width:100px}.edit-form{display:flex;flex-direction:column;gap:15px;width:100%}.form-group input:focus{box-shadow:0 0 8px #007bff80}.submit-btn{background-color:#007bffcc}.submit-btn:hover{background-color:#007bff}.modal-content{background-color:azure}.add-detail{height:40px;width:40px}.modal-content .search-bar{background-color:initial;border:1px solid #ffffff80;border-radius:5px;color:#000;font-size:16px;margin-bottom:10px;outline:none;padding:10px;width:100%}.modal-content .search-bar::placeholder{color:#ffffffb3}.modal-content .search-bar:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80}.editable-vehicle-infor{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;overflow:auto}.editable-vehicle-infor .placeholder-image-container{align-items:center;display:flex;justify-content:space-between;margin-right:20px;max-height:150px;max-width:100%;min-width:50%}.editable-vehicle-infor .placeholder-image-container button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;font-size:30px;height:60px;margin:auto;width:60px}.editable-vehicle-infor .placeholder-image-container button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.editable-vehicle-infor .placeholder-image-container img{border-radius:50%;max-height:150px;max-width:150px}.editable-vehicle-infor .vehicle-details{display:flex;flex-grow:1;flex-wrap:wrap;gap:10px;max-height:80vh;overflow-y:auto}.add-vehicle-modal .vehicle-info{display:flex;flex-wrap:wrap;gap:10px;justify-content:left;max-width:90%}.add-vehicle-modal button{background-color:#333;border:2px solid #ffffff4d;border-radius:5px;color:#fff;font-size:16px;padding:10px 20px;transition:all .3s ease}.add-vehicle-modal button:hover{background-color:#555;border-color:#ffffff80}.contract-timeline{max-height:80vh;overflow-y:auto}.contract-timeline .contract-timeline-detail-border{background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;display:flex;justify-content:center;margin:5px;max-width:100%}.contract-timeline .contract-timeline-detail{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:left;margin:5px;max-width:100%;padding:5px}.contract-timeline .rent-fee-management .current-effective-rent-fee{align-items:center;background-color:#ded1c0;border:2px solid #fff3;border-radius:20px;box-shadow:0 0 10px #fff3;display:flex;gap:10px;justify-content:center;padding:10px}.contract-timeline .rent-fee-management{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:5px;overflow-y:auto}.contract-timeline .rent-fee-management .rent-fee{align-items:center;display:flex;gap:10px;justify-content:left}.contract-timeline .rent-fee-management .add-rent-fee-button,.contract-timeline .rent-fee-management .current-effective-rent-fee .rent-fees-save-button,.contract-timeline .rent-fee-management .delete-button{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;display:flex;height:40px;justify-content:center;width:40px}.contract-timeline .rent-fee-management .add-rent-fee-button:hover,.contract-timeline .rent-fee-management .current-effective-rent-fee .rent-fees-save-button:hover,.contract-timeline .rent-fee-management .delete-button:hover{background-color:#fffc;box-shadow:0 0 10px #32323233;color:#000}.contract-timeline button{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.contract-timeline button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.contract-timeline .contract-timeline-detail .center-title{justify-self:center}.force-terminate-contract-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.force-terminate-contract-modal .modal-content{background-color:#fff;border-radius:5px;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.force-terminate-contract-modal .modal-content h2{text-align:center}.force-terminate-contract-modal .modal-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end}.force-terminate-contract-modal .modal-footer .saveButton{background-color:#96fdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.force-terminate-contract-modal .modal-footer .saveButton:hover{background-color:#28e972}.force-terminate-contract-modal .modal-footer .cancelButton{background-color:#ffa6a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.force-terminate-contract-modal .modal-footer .cancelButton:hover{background-color:#fa2d3f}.force-terminate-contract-modal .modal-row{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:10px}.force-terminate-contract-modal .row-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.force-terminate-contract-modal .row-content img{max-height:150px;max-width:150px}.force-terminate-contract-modal .row-content label{flex:1 1;font-weight:700;margin-right:10px}.force-terminate-contract-modal .row-content .money-input,.force-terminate-contract-modal .row-content p{flex:2 1;margin:0;text-align:left}.submit-sub-rent-fee{background-color:#f1c976;border:none;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #007bff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;position:absolute;right:20px;transition:background-color .3s ease,transform .2s ease}.contract-version-control{-ms-overflow-style:none;display:flex;flex-direction:row;gap:5px;justify-content:center;max-height:80%;max-height:80vh;max-width:100%;min-height:80vh;overflow:hidden;scrollbar-width:none}.content-frame{max-width:75%;width:75%}.content-frame,.vertical-function-tab{border:1.5px solid #ffffff40;border-radius:5px;box-shadow:0 4px 30px #0000001a;max-height:95%}.vertical-function-tab{align-items:center;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;max-width:25%;width:25%}.vertical-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff40;border-radius:6px;box-shadow:0 4px 30px #0000001a;display:inline-block;height:fit-content;margin:10px 10px 5px 0;min-height:50px;padding:5px 20px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;width:95%}.vertical-tab:hover{background-color:#fffc;border:2px solid #ffffff80}.vertical-tab.selected,.vertical-tab:hover{box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.vertical-tab.selected{background-color:#fff9;border:2px solid #ffffff4d}@media (max-width:768px){.vertical-tab{border-radius:0 30px 0 15px;font-size:14px;margin:8px 8px 5px 0;min-height:45px;padding:5px 15px}}@media (max-width:480px){.vertical-tab{border-radius:0 25px 0 10px;font-size:12px;margin:5px 5px 5px 0;min-height:40px;padding:4px 10px}.vertical-tab.selected,.vertical-tab:hover{box-shadow:0 0 15px #fff6;transform:none}}.pdf-preview{-ms-overflow-style:none;max-height:100%;max-width:100%;overflow:auto;scrollbar-width:none}.contract-pdf{background-color:#fff;padding:20px}.contract-pdf .contract-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.contract-stake-holder{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.contract-agreement{margin-top:20px}.contract-pdf .contract-service-table,.contract-pdf .occupant-table{border:1px solid #ccc;border-radius:6px;display:flex;flex-direction:column;font-size:14px;overflow:hidden}.contract-pdf .data-row,.contract-pdf .header-row{border-bottom:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 12px}.contract-pdf .header-row{background-color:#f0f0f0;font-weight:700}.contract-pdf .data-row:last-child{border-bottom:none}.stake-holder-signatures{align-items:center;display:flex;justify-content:space-between;padding-left:30px;padding-right:30px}.stake-holder-signature{align-items:center;display:flex;flex-direction:column;justify-content:center}.contract-pdf .citizenIDImages{align-items:center;display:flex;justify-content:space-between}.contract-pdf .citizenIDImages img{max-width:50%}.debt-management-wrapper{max-height:80vh;max-width:100%;overflow-y:auto}.debt-management-wrapper .debt-title{align-items:center;display:flex;justify-content:center}.debt-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;display:flex;margin:5px;max-width:100%;overflow-x:auto}.debt-card .debt-info,.debt-card .function-buttons{align-items:center;display:flex;justify-content:center}.debt-card .function-buttons{gap:10px}.debt-card .function-buttons .function-button{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;display:flex;height:40px;justify-content:center;width:40px}.debt-card .function-buttons .function-button.attached{background-color:#00ff6299}.debt-card .function-buttons .function-button:hover{background-color:#fffc;box-shadow:0 0 10px #32323233;color:#000}.debt-resolve{display:flex}.debt-resolve .debt-info{align-items:center;display:flex;gap:10px;justify-content:left}.debt-resolve .submit-button{bottom:20px;position:absolute;right:20px}.debt-resolve .fully-paid-button,.debt-resolve .submit-button{background-color:#007bff;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.debt-resolve .fully-paid-button:hover,.submit-button:hover{background-color:#0056b3}.contract-creation-page{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;overflow-x:hidden;padding:16px;width:100%}.contract-creation-page h2{text-decoration:underline}.contract-creation-page .lessee-info,.contract-creation-page .lessor-info,.contract-creation-page .room-info,.contract-creation-page .service-info,.contract-creation-page .title{background-color:#ffffff0d;background-color:#ded1c0;border:2px solid #fff3;border-radius:12px;border-radius:5px;box-shadow:0 0 8px #0000000d;box-shadow:0 0 10px #fff3;box-sizing:border-box;padding:16px;width:100%}.contract-creation-page .title{display:flex;justify-content:center}.contract-creation-page .room-selection,.contract-creation-page .service-container{display:flex;flex-wrap:wrap;justify-content:flex-start}.contract-creation-page .contract-button{background-color:#ffffffe6;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000000d;color:#333;cursor:pointer;font-size:1rem;font-weight:500;max-width:100%;padding:10px 16px;transition:all .3s ease}.contract-creation-page button:hover{background-color:#fff;border-color:#aaa;transform:translateY(-1px)}.contract-creation-page .sticky-footer{background:#0000;bottom:0;display:flex;justify-content:center;padding:12px 0;position:sticky;z-index:10}.occupant-creation-component .info-input-manual .info-input-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.occupant-creation-component .info-input-group .citizen-id-images-upload{display:flex;flex-wrap:wrap;justify-content:flex-start}.scan-qr-button{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;font-size:1rem;font-weight:500;max-width:100%;padding:10px 16px;transition:all .3s ease}.remove-lessee-button{color:red}.qr-scanner{align-items:center;display:flex;flex-direction:column;padding:16px}.qr-scanner .video-container{aspect-ratio:4/3;background-color:#000;border:2px solid #ccc;border-radius:12px;margin:0 auto;max-width:600px;overflow:hidden;position:relative;width:100%}.qr-scanner .video-feed{border-radius:12px;display:block;height:auto;object-fit:cover;width:100%}.qr-scanner .qr-frame{aspect-ratio:1/1;border:3px dashed #fffc;border-radius:8px;box-shadow:0 0 15px #0f06;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.qr-scanner button,.qr-scanner input[type=range],.qr-scanner select{background-color:#fff;border:1px solid #ccc;border-radius:6px;display:block;font-size:1rem;margin:12px auto;padding:8px 12px}.qr-scanner input[type=range]{width:80%}.qr-scanner button{background-color:#007bff;color:#fff;cursor:pointer}.qr-scanner button:disabled{background-color:#999;cursor:not-allowed}.qr-scanner label{display:block;font-weight:700;margin-top:8px;text-align:center}.qr-scanner span{color:#444;display:block;font-size:.9rem;margin-top:4px;text-align:center}@media (max-width:600px){.qr-scanner .video-container{aspect-ratio:3/4;max-width:90vw}}.image-picker-container{margin:10px 0}.image-picker-label{color:#392f29;display:block;font-weight:700;margin-bottom:5px}.image-preview-frame{align-items:center;background:#1e1e1e;border:2px dashed #555;border-radius:8px;color:#888;display:flex;flex-direction:column;justify-content:center;margin-bottom:8px;max-height:200px;max-width:300px;padding:10px;width:fit-content}.image-preview-frame img{border-radius:6px;max-height:200px;max-width:100%}.vehicle-creation-component{flex-wrap:wrap}.default-rent-info-container,.sub-rent-fee,.vehicle-creation-component{display:flex;justify-content:flex-start}.selectable-service{align-items:center;background-color:initial;border:1px solid #ccc;border-radius:8px;cursor:pointer;display:flex;margin:8px 0;padding:8px 12px;transition:background-color .2s,border-color .2s}.selectable-service:hover{background-color:#f0f0f0;border-color:#999;color:#000}.service-checkbox{height:18px;margin-right:12px;width:18px}.service-name{font-weight:700;margin-right:6px}.service-fee{font-size:14px}.selectable-service.selected{background-color:#e8f5e9;border-color:#4caf50;color:#000}.selectable-service.selected .service-fee,.selectable-service:hover .service-fee{color:#000}.selectable-service.disabled{cursor:not-allowed;opacity:.85}.service-checkbox:checked{transition:all .3s ease}.service-manangement-page{-ms-overflow-style:none;height:auto;overflow-y:auto;position:relative;scrollbar-width:none;width:100%}.service-manangement-page .title{display:flex;justify-content:center}.service-manangement-page .service-container{display:flex;flex-direction:column;gap:5px;padding:30px}.service-card{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;display:flex;flex-wrap:wrap;justify-content:left;max-width:100%;width:100%}.service-card .functional-button{display:flex;gap:10px;padding-left:20px}.transparent-round-button-s{height:40px;width:40px}.transparent-round-button-l,.transparent-round-button-s{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;display:flex;justify-content:center}.transparent-round-button-l{font-size:30px;height:60px;width:60px}.transparent-round-button-l:hover,.transparent-round-button-s:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.create-service-modal .create-service-info{display:flex;flex-wrap:wrap}.create-service-modal .title{align-items:center;display:flex;justify-content:center}.create-service-modal .submit-button{background-color:#007bff;border:none;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #007bff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;position:absolute;right:20px;transition:background-color .3s ease,transform .2s ease}.create-service-modal button:hover{background-color:#555;border-color:#ffffff80}.meter-record-page{height:100%;max-height:100%;max-width:100%;width:100%}.meter-record-page .title{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:5px;max-height:10%;width:100%}.meter-record-page .content-border{background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;max-height:85%;overflow:hidden;padding:10px;width:100%}.meter-record-page .content-border .auto-fill-toggle{align-items:center;background-color:#fff;border-radius:8px;bottom:40px;box-shadow:0 4px 8px #007bff4d;color:#fff;cursor:pointer;display:flex;justify-content:center;left:40px;padding:12px 16px;position:fixed;transition:background-color .3s ease,box-shadow .3s ease}.meter-record-page .content-border .auto-fill-toggle:hover{background:#fff;box-shadow:0 0 12px #ff5028cc,0 0 18px #ff502880;color:#000}.meter-record-page .content-border .input-container{grid-gap:5px;display:grid;flex-grow:1;gap:5px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;max-width:100%;overflow-y:auto;width:100%}.meter-record-page .content-border .input-container .input-zone-in-grid,.meter-record-page .content-border .save-button{align-items:center;display:flex;justify-content:center}.meter-record-page .content-border .save-button{background-color:#007bff;border-radius:8px;bottom:40px;box-shadow:0 4px 8px #007bff4d;color:#fff;cursor:pointer;padding:12px 16px;position:fixed;right:40px;transition:background-color .3s ease,box-shadow .3s ease}.meter-record-page .content-border .save-button:hover{background-color:#0056b3;box-shadow:0 6px 12px #0056b380}.meter-record-page .content-border .billing-button{align-items:center;background-color:#68ffc3;border-radius:8px;bottom:40px;box-shadow:0 4px 8px #007bff4d;color:#000;cursor:pointer;display:flex;justify-content:center;padding:12px 16px;position:fixed;right:160px;transition:background-color .3s ease,box-shadow .3s ease}.meter-record-page .content-border .billing-button:hover{background-color:#3e9572;box-shadow:0 6px 12px #0056b380}@media (max-width:768px){.meter-record-page .content-border .input-container{gap:0;grid-template-columns:repeat(1,1fr)}}.meter-record-input{background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;max-width:100%;padding:10px;width:fit-content}.meter-record-input .room-name{align-items:center;display:flex;justify-content:center;width:100%}.meter-record-input .room-name.isLastRoomW{background-color:#0ff9}.meter-record-input .room-name.isLastRoomE{background-color:#fff8dc99}.meter-record-input .room-name.isLastRoomW.isLastRoomE{background-color:#00f9}.info-container{flex-direction:row;flex-wrap:wrap;max-width:100%}.info-container,.mr-auto-fill-wrapper{align-items:center;display:flex;justify-content:center}.mr-auto-fill-wrapper{flex-direction:column;gap:10px}.mr-auto-fill-wrapper textarea{font-size:30px;max-height:80vh;max-width:300px;min-height:400px;width:80%}.submit-auto-fill{background-color:#fdd656;border-radius:10px;margin:auto;padding:10px;width:fit-content}.house-settings-wrapper{-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:100%;justify-content:space-between;overflow-y:auto;padding:10px;position:relative;scrollbar-width:none;width:90%}.house-settings-wrapper .house-info,.house-settings-wrapper .lessor-info{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff40;border-radius:10px;box-shadow:0 4px 30px #0000001a;height:80%;overflow-y:auto;padding:10px;position:relative;scrollbar-width:none;width:45%}.house-settings-wrapper .house-info .house-detail-infor{display:flex;flex-wrap:wrap}.house-settings-wrapper .house-info .house-detail-infor button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #fff3;font-size:30px;height:60px;margin:auto;width:60px}.house-settings-wrapper .house-info .house-detail-infor button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.house-settings-wrapper .lessor-info .lessor-detail-infor{display:flex;flex-wrap:wrap}.house-settings-wrapper .house-info h2,.house-settings-wrapper .lessor-info h2{color:#3a2f28;text-align:center;text-decoration:underline}.house-settings-wrapper::-webkit-scrollbar{height:0;width:0}@media (max-width:768px){.house-settings-wrapper{align-items:flex-start;flex-direction:row;height:100vh;width:100vw}.house-settings-wrapper .house-info,.house-settings-wrapper .lessor-info{height:auto;min-width:90vw}}.statistic-dashboard{height:100%;width:100%}.statistic-dashboard .statistic-header{align-items:center;display:flex;justify-content:center}.statistic-dashboard .main-info{display:flex;flex-wrap:wrap;height:90%;margin:auto;max-height:90%;max-width:80%;overflow-y:auto;width:80%}.statistic-dashboard .main-info,.statistic-dashboard .statistic-info-container{background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a}.statistic-dashboard .statistic-info-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;height:fit-content;width:100%}.statistic-dashboard .main-info .info-header{align-items:center;background-color:#f2d36b;display:flex;justify-content:center;padding:5px}.statistic-dashboard .main-info .actual-info{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start}.statistic-dashboard .main-info .actual-info .export-statistic{background-color:#f1d36c;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;cursor:pointer;padding:20px}@media (max-width:480px){.statistic-dashboard .main-info{max-width:100%;width:100%}}.unpaid-room-card{align-items:center;background:#ffffff0d;display:flex;gap:30px;height:fit-content;justify-content:flex-start;width:100%}.unpaid-room-card,.unpaid-room-card .move-to-room{border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;padding:5px}.unpaid-room-card .move-to-room{background-color:#f1d36c;cursor:pointer}.export-statistic-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.export-statistic-modal .export-modal-input{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.export-statistic-modal .save-button{background-color:#f1f955;border:1.5px solid #f1f955;border-radius:10px;cursor:pointer;max-width:200px;padding:10px}.resevation-management-page{height:100%;max-height:100%;max-width:100%;width:100%}.resevation-management-page .reservation-page-header{align-items:center;display:flex;flex-direction:column;gap:10px;height:30%;justify-content:center;max-height:30%;max-width:100%;width:100%}.resevation-management-page .reservation-page-header .tool-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;height:80%;justify-content:center;max-height:70%;max-width:100%;width:100%}.resevation-management-page .reservation-page-header .tool-bar .get-button{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:10px}.resevation-management-page .reservation-page-header .tool-bar .get-button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.resevation-management-page .reservation-page-body{border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;height:70%;max-height:70%;max-width:100%;padding:20px 5%;width:100%}.resevation-management-page .reservation-page-body .reservation-container{height:80%;max-height:80%;max-width:100%;overflow-y:auto;width:100%}.resevation-management-page .reservation-page-body .statistics-bar{display:flex;flex-wrap:wrap;gap:10px;height:20%;justify-content:center;max-height:20%;max-width:100%;width:100%}.resevation-management-page .reservation-page-body .statistic-detail{align-items:center;display:flex;gap:5px;justify-content:center}.custom-transparent-input{background-color:initial;border:1px solid #ccc;border-radius:4px;color:#3a2f28;padding:8px}.custom-transparent-input:focus{border-color:#999;outline:none}.reservation-element{align-items:center;-webkit-backdrop-filter:blur(-20px);backdrop-filter:blur(-20px);background-color:#e0d3c3;border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;display:flex;flex-wrap:wrap;gap:10px;height:fit-content;justify-content:flex-start;padding:20px;width:100%}.reservation-element .reservation-detail{align-items:center;display:flex;gap:5px;justify-content:center}.reservation-element .reservation-abandoned,.reservation-element .reservation-completed,.reservation-element .reservation-ongoing{-webkit-backdrop-filter:blur(-20px);backdrop-filter:blur(-20px);border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;padding:5px}.reservation-element .reservation-ongoing{background-color:#0f06}.reservation-element .reservation-completed{background-color:#0df6}.reservation-element .reservation-abandoned{background-color:#f006}.form-group{display:flex;flex-direction:column}.form-group label{color:#000;font-weight:700;margin-bottom:5px}.form-group input{background-color:initial;border:1px solid #ffffff80;border-radius:5px;box-shadow:0 0 8px #007bff80;color:#000;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input::placeholder{color:#ffffffb3}.form-group input:focus{border-color:#007bff;box-shadow:0 0 8px #0400ff80}.submit-btn{background-color:#f1c976;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:#dfaf4e;transform:scale(1.05)}.submit-btn:active{transform:scale(.95)}.modal-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#e0bf99;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;width:90%;z-index:1001}.close-btn{background-color:initial;border:none;color:#333;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-btn:hover{color:#007bff}.fnm-context-menu{z-index:9999}.fnm-context-menu__toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 10px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:1.8em;height:60px;justify-content:center;transform-origin:center;transition:transform .5s ease,background .3s;width:60px;z-index:1000}.fnm-context-menu__toggle:hover{background:#fff;box-shadow:0 0 12px #ff5028cc,0 0 18px #ff502880;color:#000}.fnm-context-menu__toggle.active{background:#fff;color:#000;transform:rotate(1turn) translate(0)}.menu-toggle .fnm-context-menu__toggle img{max-height:40px;max-width:40px;pointer-events:none}.fnm-context-menu__menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#00000080;border:2px solid #ffffff26;border-radius:12px;box-shadow:0 0 15px #ff50284d;list-style:none;margin-top:10px;opacity:1;padding:12px;pointer-events:none;pointer-events:auto;transform:scale(.9) translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:fit-content;z-index:2}.fnm-context-menu__item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:8px 12px;transition:background .2s ease;width:fit-content}.fnm-context-menu__item:hover{background-color:#ffffff1a}.fnm-context-menu__icon{align-items:center;display:flex;font-size:1.2em;justify-content:center;margin-right:10px}.fnm-context-menu__label{white-space:nowrap}.fnm-context-menu__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.shm-dashboard{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00d9ff33;border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;box-sizing:border-box;color:#fff;height:100%;min-height:80vh;min-width:80vw;overflow-x:hidden;overflow-y:auto;padding:30px 40px;width:100%}@media (max-width:768px){.shm-dashboard{border-radius:8px;padding:20px 15px}}@media (max-width:480px){.shm-dashboard{border-radius:6px;padding:15px 10px}}.navbar-menu{--num-of-items:8;align-items:center;border-radius:50%;display:flex;height:200px;justify-content:center;position:fixed;right:-40px;top:-50px;transition:transform .5s ease;visibility:hidden;width:200px;z-index:101}.navbar-menu.active{transform:translate(-50px,50px)}.navbar-menu li{transform:rotate(0deg) translateX(80px);transform-origin:100px;transition:.5s;transition-delay:calc(var (--i)*.1)}.navbar-menu li,.navbar-menu.active li{left:0;list-style:none;position:absolute}.navbar-menu.active li{transform:rotate(calc(1turn/var(--num-of-items)*var(--i)));transform-origin:100px;z-index:100}.navbar-menu.active li .menu-icon{align-items:center;background-color:#fff;border-radius:50%;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;transform:rotate(calc(1turn/var(--num-of-items)*var(--i)*-1));visibility:visible;width:40px}.navbar-menu li .menu-icon{visibility:hidden}.menu-toggle{align-items:center;background:#0000;border-radius:50%;box-shadow:0 0 4px #00000026;cursor:pointer;display:flex;font-size:2em;height:60px;justify-content:center;position:absolute;transition:transform 1.25s;visibility:visible;width:60px;z-index:100}.menu-toggle:hover{background:#fff;color:#000}.navbar-menu.active .menu-toggle{background:#fff;color:#000;transform:rotate(315deg)}.menu-blur-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.shm-billTabContainer-wrapper{height:100%;position:relative;width:100%}.shm-billTabContainer-wrapper .tab-nav-bar{background:#0000;display:flex;height:auto;overflow-x:auto;width:100%}.shm-billTabContainer-wrapper .mainContent{border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;margin-top:0;width:100%}.shm-bill-container-wrapper{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:10px;height:100%;justify-content:space-between;max-height:80vh;overflow-y:auto;padding:20px;position:relative;scrollbar-width:none;width:100%}.shm-bill-container-wrapper::-webkit-scrollbar{height:0;width:0}@media (max-width:600px){.shm-bill-container-wrapper{justify-content:center}}.shm-bill{background-color:initial;border:2px solid #fff3;border-radius:5px;box-shadow:0 0 10px #fff3;display:inline-block;height:fit-content;padding:10px;width:fit-content}.shm-bill.selected{background-color:#fff9;border:2px solid #ffffff4d;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.shm-bill .detailContainer{margin:10px}.shm-bill .bill-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.shm-bill .billDetail{font-size:11px;margin:0}.shm-bill .billDetail,.shm-bill .billTotal{align-items:center;display:flex;justify-content:space-between}.shm-bill .billTotal{font-size:14.5px;margin:10px}.shm-bill label{font-weight:700}.shm-bill .bill-selection-button{align-items:center;border:2px solid #fff3;border-radius:5px;cursor:pointer;display:flex;justify-content:center}.shm-bill .bill-selection-button:hover{background-color:#fffc;border:2px solid #ffffff80;box-shadow:0 0 20px #ffffff80;color:#000;transform:translateY(-5px)}.modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.modal-content{background-color:#fff;border-radius:5px;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.modal-content h2{text-align:center}.modal-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end}.modal-footer .saveButton{background-color:#96fdc4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.modal-footer .saveButton:hover{background-color:#28e972}.modal-footer .cancelButton{background-color:#ffa6a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.modal-footer .cancelButton:hover{background-color:#fa2d3f}.modal-row{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:10px}.row-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.row-content label{flex:1 1;font-weight:700;margin-right:10px}.row-content .money-input,.row-content p{flex:2 1;margin:0;text-align:left}.under-maintenance-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;margin:auto;max-width:600px;padding:40px;text-align:center}.under-maintenance-container h1{color:#fff;font-size:2.5rem;margin-bottom:20px}.maintenance-image{border-radius:10px;box-shadow:0 4px 10px #0000001a;height:auto;margin-bottom:20px;max-width:100%}.under-maintenance-container p{color:#fff;font-size:1.1rem;line-height:1.6;max-width:600px}.developer-dashboard.unauthorized-page{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;max-height:100vh}.developer-dashboard.unauthorized-page .unauthorized-content{animation:fadeIn .4s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid #ffffff40;box-shadow:0 4px 30px #0000001a;max-height:100%;max-width:600px;padding:40px;text-align:center;width:90%}.developer-dashboard.unauthorized-page .unauthorized-title{align-items:center;color:#ff4c4c;display:flex;font-size:2.5rem;gap:10px;justify-content:center;margin-bottom:20px;text-shadow:0 0 8px #ff5a5acc}.developer-dashboard.unauthorized-page .unauthorized-image{filter:drop-shadow(0 0 10px rgba(255,90,90,.5));margin:20px 0;max-height:60vh;max-width:100%}.developer-dashboard.unauthorized-page .unauthorized-message{color:#fff;font-size:1.1rem;line-height:1.6}.developer-dashboard.unauthorized-page .log-out-button{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #fff3;border-radius:30px;box-shadow:0 0 10px #fff3;color:#fff;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.developer-dashboard.unauthorized-page .log-out-button:hover{border-color:#fff6;box-shadow:0 0 15px #fff6,0 0 25px #ffffff4d,0 0 40px #fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.maintenance-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.maintenance-modal{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;max-width:400px;padding:2rem;text-align:center}.maintenance-modal button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.5rem 1.5rem}.maintenance-modal button:hover{background-color:#0056b3}