@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-left{flex:0 0 55%;overflow:hidden;position:relative}.login-image{height:100%;object-fit:cover;width:100%}.overlay{background:linear-gradient(180deg,#0000008c,#000c);inset:0;position:absolute}.text-block{color:#fff;left:60px;max-width:75%;position:absolute;top:50%;transform:translateY(-50%)}.hidden{opacity:0;transform:translateY(30px)}.fade-in-up{opacity:1;transform:translateY(-50%);transition:opacity 1s ease,transform 1s ease}.sub-text{color:#f5f5f5;font-size:14px;letter-spacing:2px;margin-bottom:6px}.main-text{color:#fff;font-size:32px;font-weight:650;line-height:1.3;margin-bottom:10px}.main-text h1{color:#fff}.highlight{color:#3b5998!important}.tagline{color:#ddd;font-size:14px;margin-bottom:18px}.cta-btn{background:#3b5998;border:none;border-radius:25px;box-shadow:none!important;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 20px;transition:all .3s ease}.cta-btn:hover{transform:scale(1.05)}.login-right{align-items:center;background:#f8f9fa;display:flex;flex:0 0 45%;justify-content:center}.login-form{background:#fff;border-radius:20px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;gap:22px;max-width:420px;padding:36px;transform:scale(.95);width:85%}.scale-in{opacity:1;transform:scale(1);transition:all .8s ease-out}.title{color:#111;font-size:24px;font-weight:700;text-align:center}.field{display:flex;flex-direction:column;gap:6px}.input-wrapper{position:relative}input:focus{border-color:#3b5998;box-shadow:0 0 8px #ff6a004d}.eye-icon{color:#999;cursor:pointer;position:absolute;right:14px;top:43%;transform:translateY(-50%)}.checkbox-container{align-items:center;display:flex;gap:8px;margin-top:4px}.custom-checkbox{cursor:pointer;height:20px;position:relative;width:20px}.custom-box{border:1px solid #ddd;border-radius:4px;height:20px;transition:all .3s ease;width:20px}.custom-box.checked{background-color:#3b5998;border-color:#3b5998}.checkmark{color:#fff;font-size:14px;left:0;line-height:20px;position:absolute;text-align:center;top:0;width:20px}.checkbox-label{color:#555;font-size:13px}.submit-btn{background:#3b5998!important;box-shadow:none!important;font-size:15px;height:46px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #f606;transform:scale(1.05)}.switch{color:#444;font-size:13px;margin-top:8px;text-align:center}.link{color:#3b5998;font-weight:600;text-decoration:none}.dropdown-icon{color:#999;cursor:pointer;position:absolute;right:14px;top:40%;transform:translateY(-50%);transition:transform .3s ease,color .3s ease}.dropdown-icon:hover{color:#3b5998;transform:translateY(-50%) scale(1.1)}.dropdown-menu{animation:fadeIn .25s ease;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 25px #0000001a;left:0;list-style:none;padding:5px 0;position:absolute;top:60%;width:100%;z-index:10}.dropdown-item{color:#333;cursor:pointer;font-size:14px;padding:10px 14px;transition:background .2s ease,color .2s ease}.dropdown-item:hover{background:#3b5998;color:#fff;font-weight:500}.login-page{background-color:#fff;color:#111;display:flex;font-family:Poppins,sans-serif;height:100vh}.login-page input{border:1px solid #ddd;border-radius:12px;height:50px;padding:0 42px 0 14px;width:88%!important}.login-page .link{color:#3b5998;font-weight:600;text-decoration:none}.nethome-header{all:unset;all:revert-layer;animation:fadeInDown .6s ease;background:#fff;box-shadow:0 3px 16px #00000014;font-family:Inter,Segoe UI,Arial,sans-serif;left:0;position:fixed;right:0;top:0;z-index:100}.nethome-header *{box-sizing:border-box;color:inherit;font-family:inherit}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.nethome-header .rr-wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:6px 0;width:min(1200px,100% - 32px)}.nethome-header .logo{align-items:center;display:flex;gap:10px;text-decoration:none;transition:transform .3s ease}.nethome-header .logo:hover{transform:translateY(-1px) scale(1.02)}.nethome-header .logo-img{border-radius:12px;box-shadow:none!important;height:46px;object-fit:contain;transition:all .35s ease;width:46px}.nethome-header .logo:hover .logo-img{box-shadow:none!important}.nethome-header .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff8a00,#ff4d00);-webkit-background-clip:text;font-size:25px;font-weight:900;letter-spacing:.3px;transition:.3s}.nethome-header .logo:hover .logo-text{background:linear-gradient(90deg,#fa3,#f60);transform:scale(1.05)}.nethome-header .nav{align-items:center;display:flex;gap:26px}.nethome-header .nav-item{color:#111;font-size:15px;font-weight:700;padding:10px 2px;position:relative;text-decoration:none;transition:color .25s}.nethome-header .nav-item:hover{color:#3b5998}.nethome-header .nav-item:after{background:#3b5998;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s}.nethome-header .nav-item.is-active:after,.nethome-header .nav-item:hover:after{transform:scaleX(1)}.nethome-header .nav-item.is-active{color:#3b5998}.nethome-header .actions{align-items:center;display:flex;gap:24px;position:relative}.nethome-header .btn-avatar{align-items:center;background:#ececec;border:none;border-radius:50%;color:#3b5998;cursor:pointer;display:flex;font-size:18px;height:42px;justify-content:center;transition:.3s;width:42px}.nethome-header .btn-avatar.active{background:#3b5998;color:#fff;transform:scale(1.1)}.nethome-header .btn-avatar:hover{transform:scale(1.1) rotate(-5deg)}.nethome-header .btn-login{background:#3b5998;border-radius:10px;color:#fff;font-size:14px;font-weight:800;padding:9px 18px;text-decoration:none;transition:.3s}.nethome-header .btn-login:hover{background:#3b5998;border:1px solid #3b5998;color:#fff;transform:translateY(-2px) scale(1.05)}.nethome-header .user-dropdown{animation:fadeIn .3s ease;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;position:absolute;right:0;top:calc(100% + 10px);width:210px;z-index:200}.nethome-header .menu-item{align-items:center;color:#111827;display:flex;font-weight:600;gap:10px;padding:12px 16px;text-decoration:none;transition:.25s}.nethome-header .menu-item:hover{background:#f5f5f5;color:#3b5998}.nethome-header .menu-item.logout:hover{background:#3b5998;color:#fff}.nethome-header .overlay{animation:fadeIn .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000040;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.nethome-header .nav-open{background:#fff;box-shadow:-6px 0 25px #00000026;display:flex;flex-direction:column;gap:22px;height:100vh;padding:24px;position:fixed;right:0;top:0;width:280px;z-index:150}.nethome-header .nav-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:12px}.nethome-header .btn-close{background:none;border:none;color:#111;cursor:pointer;font-size:22px;transition:transform .2s}.nethome-header .btn-close:hover{color:#ff4d00;transform:scale(1.2)}.nethome-header .btn-menu{background:none;border:none;color:#111;cursor:pointer;display:none;font-size:24px;transition:.3s}.nethome-header .btn-menu:hover{transform:scale(1.1)}.nethome-header .logout-toast-container{animation:fadeInToast .35s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff!important;border-left:6px solid #ff4d00!important;border-radius:16px!important;box-shadow:0 8px 30px #0003!important;padding:24px 22px!important;width:min(400px,90%)!important}.nethome-header .logout-toast{display:flex;flex-direction:column;gap:14px;text-align:left}.nethome-header .toast-header{align-items:center;display:flex;gap:12px}.nethome-header .toast-icon{align-items:center;animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(135deg,#ff8a00,#ff4d00);border-radius:50%;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.nethome-header .toast-header h3{color:#111;font-size:17px;font-weight:800;margin:0}.nethome-header .toast-desc{color:#444;font-size:14px;line-height:1.5;margin:0}.nethome-header .toast-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.nethome-header .toast-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .25s ease}.nethome-header .cancel-btn{background:#e5e7eb;color:#111}.nethome-header .cancel-btn:hover{background:#d1d5db}.nethome-header .confirm-btn{background:linear-gradient(135deg,#ff8a00,#ff4d00);box-shadow:0 3px 10px #ff4d0059;color:#fff}.nethome-header .confirm-btn:hover{box-shadow:0 5px 16px #ff4d0073;transform:scale(1.05)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.nethome-header .logout-success-toast{animation:fadeInToast .4s ease;background:#fff!important;border-left:6px solid #16a34a!important;border-radius:14px!important;box-shadow:0 6px 20px #0000001a;color:#16a34a!important;font-weight:600;padding:16px 20px!important}@keyframes fadeInToast{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.nethome-header .nav{display:none}.nethome-header .btn-menu{display:block}}@media (max-width:480px){.nethome-header .logo-text{font-size:18px}.nethome-header .btn-avatar{font-size:15px;height:34px;width:34px}.nethome-header .btn-login{font-size:12px;padding:6px 12px}.nethome-header .nav-open{width:85%}}.roomyrent-footer{background:#0d1117;color:#f9fafb;font-family:Poppins,sans-serif;margin-top:60px;padding-top:50px}.roomyrent-footer .footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 40px;max-width:1200px;padding:0 40px}.roomyrent-footer .footer-col{display:flex;flex-direction:column;gap:10px}.roomyrent-footer .footer-logo{font-size:26px;font-weight:700;margin-bottom:10px}.roomyrent-footer .logo-gradient{-webkit-text-fill-color:#0000;background:#3b5998;-webkit-background-clip:text}.roomyrent-footer .footer-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.roomyrent-footer .footer-text{color:#d1d5db;font-size:14px;line-height:1.6}.roomyrent-footer .footer-list{color:#cfd2e6;display:flex;flex-direction:column;font-size:14px;gap:6px;list-style:none;margin:0;padding:0}.roomyrent-footer .footer-list li:hover{color:#3b5998;cursor:pointer;transition:color .3s}.roomyrent-footer .footer-badges{display:flex;flex-direction:column;gap:6px;margin-top:12px}.roomyrent-footer .badge{background:#ffffff14;border-radius:8px;color:#9ca3af;font-size:13px;padding:6px 12px}.roomyrent-footer .footer-apps{display:flex;gap:10px;margin-top:6px}.roomyrent-footer .app-btn{background:#3b5998;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;text-decoration:none;transition:all .3s ease}.roomyrent-footer .app-btn:hover{background:#3b5998;transform:translateY(-2px)}.roomyrent-footer .footer-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px;padding:20px 40px}.roomyrent-footer .feature-box{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;color:#f3f4f6;font-size:14px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.roomyrent-footer .feature-box:hover{box-shadow:0 6px 15px #ff660040;transform:translateY(-5px)}.roomyrent-footer .feature-text{color:#9ca3af;font-size:13px;margin-top:6px}.roomyrent-footer .footer-bottom{align-items:center;border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px;margin-top:30px;padding:20px 40px}.roomyrent-footer .bottom-text{color:#9ca3af;font-size:13px;text-align:center}.roomyrent-footer .footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.roomyrent-footer .policy-link{color:#cfd2e6;font-size:13px;text-decoration:none;transition:color .25s}.roomyrent-footer .policy-link:hover{color:#3b5998}.roomyrent-footer .footer-socials{display:flex;gap:12px;margin-top:10px}.roomyrent-footer .social-icon{align-items:center;background:#ffffff14;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.roomyrent-footer .social-icon:hover{background:#3b5998;transform:scale(1.1)}.roomyrent-footer .footer-icon{color:#fff;margin-right:8px}@media (max-width:768px){.roomyrent-footer .footer-container,.roomyrent-footer .footer-features{padding:0 20px}.roomyrent-footer{text-align:center}.roomyrent-footer .footer-apps{justify-content:center}.roomyrent-footer .footer-links{flex-direction:column;gap:8px}.roomyrent-footer .feature-box{font-size:13px}}@media (max-width:480px){.roomyrent-footer .footer-logo{font-size:22px}.roomyrent-footer .footer-title{font-size:16px}.roomyrent-footer .footer-text{font-size:13px}.roomyrent-footer .app-btn,.roomyrent-footer .feature-text{font-size:12px}}:root{--orange:#ff6a00;--dark:#0f172a;--light-bg:#f7f8fb;--shadow:0 10px 28px #0f172a0f}.roomlist-page{background:#f7f8fb;background:var(--light-bg);color:#0f172a;color:var(--dark);font-family:Poppins,sans-serif;min-height:100vh;padding-top:80px}.roomlist-full{box-sizing:border-box;padding-inline:4vw;width:100%}.roomlist-heading{color:#0f172a;color:var(--dark);font-size:25px;font-weight:600;letter-spacing:-.5px;margin:20px 0 30px;position:relative;text-align:left}.roomlist-heading:after{animation:fadeInBar 1.2s ease forwards;background:#3b5998;border-radius:6px;bottom:-8px;box-shadow:none!important;content:"";height:4px;left:0;position:absolute;width:80px}@keyframes fadeInBar{0%{opacity:0;width:0}to{opacity:1;width:80px}}.rl-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.rl-card{animation:fadeUp .6s ease forwards;background:#fff;border:1px solid #0f172a08;border-radius:18px;box-shadow:0 10px 28px #0f172a0f;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:all .3s ease}.rl-card:hover{box-shadow:0 20px 45px #0f172a1f;transform:translateY(-6px) scale(1.02)}.image-wrapper{height:200px;overflow:hidden;position:relative}.rl-img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);width:100%}.rl-card:hover .rl-img{transform:scale(1.06)}.price-tag{animation:popIn .8s ease forwards;border-radius:10px;bottom:14px;box-shadow:0 8px 22px #00000038;font-weight:700;left:14px;padding:8px 12px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-body{display:flex;flex-direction:column;gap:8px;padding:16px}.name-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.room-name{color:#0f172a;color:var(--dark);flex:1 1;font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0;transition:color .25s}.rl-card:hover .room-name{color:#3b5998}.commission-badge{align-items:center;background:linear-gradient(135deg,#eef2ff,#dce3ff);border-radius:10px;box-shadow:0 3px 10px #3b4a6b26;color:#3b4a6b;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-width:50px;padding:6px 14px;transition:.25s ease}.commission-badge:hover{background:linear-gradient(135deg,#e2e8ff,#c7d4ff);box-shadow:0 6px 18px #3b4a6b40;transform:translateY(-2px) scale(1.05)}.commission-badge .tooltip,.commission-badge .tooltip:after{background:#3b4a6b}@keyframes fadePop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.commission-badge .tooltip{background:#0f172a;background:var(--dark);border-radius:8px;bottom:130%;box-shadow:0 4px 12px #00000040;color:#fff;font-size:12px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(6px);transition:all .2s ease;white-space:nowrap;z-index:100}.commission-badge:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.commission-badge .tooltip:after{background:#0f172a;background:var(--dark);content:"";height:10px;left:50%;position:absolute;top:100%;transform:translateX(-50%) rotate(45deg);width:10px}.room-info{color:#6b7280;color:var(--gray);font-size:14px;margin-top:4px}.poster-row{align-items:center;display:flex;gap:10px;margin-top:10px}.poster-avatar{border-radius:50%;box-shadow:0 6px 18px #0f172a0f;height:42px;object-fit:cover;transition:transform .25s ease;width:42px}.poster-row:hover .poster-avatar{transform:scale(1.05)}.poster-name{color:#0f172a;color:var(--dark);font-size:14px;font-weight:700;margin:0}.posted-time{color:#6b7280;color:var(--gray);font-size:12px;margin:0}.action-row{align-items:center;gap:12px;margin-top:12px}.phone-btn{align-items:center;background:#fff;border:1.8px solid #3b5998;border-radius:12px;box-shadow:0 6px 18px #1118270d;color:#3b5998;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:700;justify-content:center;padding:10px 12px;transition:all .25s ease}.phone-btn:hover{background:#e8edf7!important;border-color:#3b5998!important;box-shadow:none!important;color:#3b5998!important;transform:translateY(-2px)}.fav-btn{align-items:center;background:#fff;border:1px solid #0f172a0d;border-radius:12px;box-shadow:0 6px 18px #1118270a;cursor:pointer;display:inline-flex;height:46px;justify-content:center;transition:all .25s ease;width:46px}.fav-btn:hover{background:#ff6a0014;transform:scale(1.12)}.pagination{margin:40px 0 60px}.pagination button{min-width:38px;transition:all .25s ease}.pagination button.active,.pagination button:hover:not(:disabled):not(.active){transform:translateY(-2px)}.pagination button:disabled{background:#f2f2f2!important}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;grid-column:1/-1;justify-content:center;min-height:40vh}.dot-bounce{display:flex;gap:8px}.dot-bounce span{animation:bounce .7s infinite alternate;background:#ff6a00;background:var(--orange);border-radius:50%;display:inline-block;height:14px;width:14px}.dot-bounce span:nth-child(2){animation-delay:.12s}.dot-bounce span:nth-child(3){animation-delay:.24s}@keyframes bounce{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}.loading-text{color:#555;font-size:16px;font-weight:600;letter-spacing:.3px}@media (max-width:900px){.rl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.rl-grid{grid-template-columns:1fr}.roomlist-heading{font-size:22px;text-align:center}.roomlist-heading:after{left:50%;transform:translateX(-50%)}}.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__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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):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__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;-webkit-clip-path:circle(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}:root{--orange:#3b5998;--light-orange:#3b5998;--light-bg:#f8fafc}body .roomy-detail-page{background:#f8fafc;background:var(--light-bg);color:#111;font-family:Poppins,sans-serif;min-height:100vh;padding-top:80px}body .roomy-detail-page .loading{color:#6b7280;color:var(--gray);font-size:18px;padding:40px;text-align:center}body .roomy-detail-page .detail-layout{grid-gap:40px;animation:fadeSlideIn 1s ease-out;display:grid;gap:40px;grid-template-columns:1.3fr 1fr;padding:40px 60px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}body .roomy-detail-page .left{display:flex;flex-direction:column;gap:20px}body .roomy-detail-page .main-image-wrap{background:#f3f4f6;border-radius:20px;box-shadow:0 10px 30px #00000026;height:450px;overflow:hidden;position:relative;width:100%}body .roomy-detail-page .main-image{height:100%;object-fit:cover;width:100%}body .roomy-detail-page .corner-badge{background:#000000b3;border-radius:10px;bottom:12px;color:#fff;font-size:13px;font-weight:700;padding:6px 10px;position:absolute;right:12px}body .roomy-detail-page .img-nav{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 8px 20px #0000002e;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.2s ease;width:42px;z-index:2}body .roomy-detail-page .img-nav:hover{background:#fff3ec;color:#3b5998;color:var(--orange);transform:translateY(-50%) scale(1.06)}body .roomy-detail-page .img-nav.prev{left:12px}body .roomy-detail-page .img-nav.next{right:12px}body .roomy-detail-page .thumbs-container{position:relative}body .roomy-detail-page .gallery{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}body .roomy-detail-page .thumb{background:#eee;border-radius:12px;cursor:pointer;height:100px;object-fit:cover;opacity:.75;transition:transform .2s ease,box-shadow .2s ease;width:100%}body .roomy-detail-page .thumb:hover{transform:scale(1.04)}body .roomy-detail-page .thumb.active{box-shadow:0 0 0 3px #3b5998;opacity:1}body .roomy-detail-page .thumb-nav{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.2s ease;width:32px;z-index:2}body .roomy-detail-page .thumb-nav:hover{background:#3b5998;background:var(--orange);color:#fff}body .roomy-detail-page .thumb-nav.prev{left:-20px}body .roomy-detail-page .thumb-nav.next{right:-20px}body .roomy-detail-page .amenities-section{background:#fff;border-radius:16px;box-shadow:0 10px 20px #0000000d;margin-top:40px;padding:20px}body .roomy-detail-page .accordion-header{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:10px}body .roomy-detail-page .accordion-header h3{color:#111;font-size:20px;font-weight:700}body .roomy-detail-page .amenities-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:15px}body .roomy-detail-page .amenity-item{align-items:center;background:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;padding:10px}body .roomy-detail-page .amenity-icon{color:#1f2937;color:var(--dark);font-size:19px}body .roomy-detail-page .amenity-text{color:#333;font-size:15px;font-weight:500}body .roomy-detail-page .right{animation:fadeInRight 1s ease;background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:18px;padding:35px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}body .roomy-detail-page .title-row{align-items:center;display:flex;gap:10px}body .roomy-detail-page .title-row h1{color:#1f2937;color:var(--dark);font-size:28px;font-weight:700}body .roomy-detail-page .heart{color:#ccc;cursor:pointer;font-size:22px;margin-left:auto;transition:color .25s ease,transform .25s ease}body .roomy-detail-page .heart:hover{color:red;transform:scale(1.15)}body .roomy-detail-page .heart.active{color:red}body .roomy-detail-page .location{align-items:center;color:#6b7280;color:var(--gray);display:flex;font-size:15px;gap:6px}body .roomy-detail-page .price-row{align-items:center;display:flex;gap:10px}body .roomy-detail-page .price{color:#3b5998;font-size:24px;font-weight:700}body .roomy-detail-page .commission-info{background:#f0f2f5;border-left:4px solid #3b5998;border-radius:10px;box-shadow:0 3px 8px #0000000d;color:#374151;font-size:15px;padding:10px 14px;transition:.25s}body .roomy-detail-page .commission-info:hover{box-shadow:none!important;transform:translateY(-2px)}body .roomy-detail-page .commission-info .highlight{color:#3b5998;color:var(--orange);font-weight:700}body .roomy-detail-page .details{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000d;padding:16px 18px}body .roomy-detail-page .detail-row.inline{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px}body .roomy-detail-page .detail-item{align-items:center;color:#444;display:flex;flex:1 1;font-size:15px;gap:6px;min-width:150px}body .roomy-detail-page .detail-item span{color:#6b7280}body .roomy-detail-page .services-section{background:#fff;border-radius:16px;box-shadow:0 10px 20px #0000000d;padding:20px}body .roomy-detail-page .services-section h3{font-size:20px;font-weight:700;margin-bottom:10px}body .roomy-detail-page .services-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}body .roomy-detail-page .service-item{background:#f9fafb;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:10px}body .roomy-detail-page .contact-box{background:#f0f2f5;border-radius:16px;box-shadow:none!important;display:flex;flex-direction:column;gap:14px;margin-top:10px;padding:25px}body .roomy-detail-page .contact-item{align-items:center;color:#374151;display:flex;font-size:15px;gap:8px}body .roomy-detail-page .toggle-btn{background:#fff;border:1px solid #3b5998;border:1px solid var(--orange);border-radius:8px;color:#3b5998;color:var(--orange);cursor:pointer;margin-left:10px;padding:5px 10px;transition:.25s}body .roomy-detail-page .toggle-btn:hover{background:#3b5998;background:var(--orange);color:#fff}body .roomy-detail-page .cta-btn{background:#3b4a6b;border:none;border-radius:10px;box-shadow:none!important;color:#fff;font-weight:600;margin-top:12px;padding:12px 0;transition:.25s ease;width:100%}body .roomy-detail-page .cta-btn:hover{background:#2d3a55;box-shadow:none!important;transform:translateY(-1px)}body .roomy-detail-page .modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}body .roomy-detail-page .modal{animation:popUp .35s ease;background:#fff;border-radius:20px;box-shadow:0 18px 45px #00000040;padding:30px 34px;width:430px}@keyframes popUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}body .roomy-detail-page .modal-title{color:#3b5998;color:var(--orange);font-size:22px;font-weight:700;text-align:center}body .roomy-detail-page .close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:20px;position:absolute;right:12px;top:10px}body .roomy-detail-page .close-btn:hover{color:#3b5998;color:var(--orange)}body .roomy-detail-page .form{display:flex;flex-direction:column;gap:14px;margin-top:6px}body .roomy-detail-page .input-group{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;height:48px;padding-left:42px;position:relative;transition:.25s}body .roomy-detail-page .input-group:hover{border-color:#3b5998}body .roomy-detail-page .input-group:focus-within{border-color:#3b5998;border-color:var(--orange);box-shadow:0 0 0 3px #ff660026}body .roomy-detail-page .input-group .icon{color:#3b5998;color:var(--orange);font-size:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}body .roomy-detail-page .input-group .react-datepicker-wrapper input,body .roomy-detail-page .input-group input{background:#0000;border:none;color:#111;font-size:14px;height:100%;outline:none;width:100%}body .roomy-detail-page .input-group input::placeholder{color:#9ca3af}body .roomy-detail-page .react-datepicker-wrapper{align-items:center;display:flex;flex:1 1;height:100%}body .roomy-detail-page .input-group .react-datepicker__input-container{align-items:center;display:flex;height:100%;width:100%}body .roomy-detail-page .input-group .react-datepicker__input-container input{align-items:center;background:#0000;border:none;color:#111;display:flex;font-size:14px;height:100%;justify-content:flex-start;padding:0;text-align:left;width:100%}:root{--navy:#3b4a6b}.roomy-detail-page .modal-title{align-items:center;display:flex;gap:8px}.roomy-detail-page .modal-title,.roomy-detail-page .modal-title svg{color:#3b4a6b!important;color:var(--navy)!important;text-align:center}.roomy-detail-page .input-group .icon,.roomy-detail-page .input-group svg,.roomy-detail-page .toggle-btn{color:#3b4a6b!important;color:var(--navy)!important}.roomy-detail-page .toggle-btn{border-color:#3b4a6b!important;border-color:var(--navy)!important}.roomy-detail-page .toggle-btn:hover{background:#3b4a6b!important;background:var(--navy)!important;color:#fff!important}.reac body .roomy-detail-page .textarea-group{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;transition:.25s}body .roomy-detail-page .textarea-group:focus-within{border-color:#3b5998;border-color:var(--orange);box-shadow:0 0 0 3px #ff660026}body .roomy-detail-page textarea{background:#0000;border:none;font-size:14px;height:90px;outline:none;resize:none;width:100%}body .roomy-detail-page .modal-actions{display:flex;gap:10px;margin-top:10px}body .roomy-detail-page .cancel-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;color:#374151;flex:1 1;font-weight:600;padding:10px 0}body .roomy-detail-page .cancel-btn:hover{background:#f3f4f6;color:#000!important}body .roomy-detail-page .confirm-btn{background:#3b4a6b;border:none;border-radius:10px;box-shadow:none!important;color:#fff;flex:1 1;font-weight:600;padding:10px 0;transition:.25s ease}body .roomy-detail-page .confirm-btn:hover{background:#2d3a55;box-shadow:none!important;transform:translateY(-1px)}@media (max-width:1024px){body .roomy-detail-page .detail-layout{grid-template-columns:1fr;padding:20px}body .roomy-detail-page .right{order:-1}body .roomy-detail-page .main-image-wrap{height:360px}}@media (max-width:480px){body .roomy-detail-page .modal{padding:20px;width:90%}body .roomy-detail-page .modal-title{font-size:18px}body .roomy-detail-page .main-image-wrap{height:280px}}.Toastify__toast{background:#fff!important;border-left:6px solid #3b5998!important;border-radius:10px!important;box-shadow:0 4px 18px #0000001f!important;color:#111!important;font-family:Poppins,sans-serif!important}.Toastify__progress-bar{background:#3b5998!important;background:var(--orange)!important;border-radius:0 0 10px 10px!important;height:4px!important}body .roomy-detail-page .react-datepicker-wrapper,body .roomy-detail-page .react-datepicker__input-container,body .roomy-detail-page .react-datepicker__input-container input{display:block!important;text-align:left!important;width:100%!important}body .roomy-detail-page .react-datepicker__input-container input{background:#0000!important;justify-content:flex-start!important;padding-left:0!important}.react-datepicker-ignore-onclickoutside{text-align:left!important}body input[placeholder="Chọn ngày xem phòng"]{display:block!important;justify-content:flex-start!important;text-align:left!important}.roomy-detail-page .busy-list{background:#fff8f3;border:1px solid #ffd3b6;border-radius:10px;margin-top:12px;padding:10px 12px}.roomy-detail-page .busy-title{color:#3b5998;font-weight:600;margin-bottom:6px}.title-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.copy-btn{background-color:#ececec;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;padding:6px 12px;transition:background-color .3s}.copy-btn:hover{background-color:#324b81;color:#fff}.roomy-detail-page .busy-grid{display:flex;flex-wrap:wrap;gap:8px}.roomy-detail-page .busy-item{background:#ffe3cc;border-radius:6px;color:#111;font-size:13px;font-weight:500;padding:6px 10px}.roomy-detail-page .room-description-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-left:10px;margin-right:10px;margin-top:18px;padding:16px 20px}.roomy-detail-page .room-description-section h3{color:#222;font-size:17px;font-weight:600;margin-bottom:10px}.roomy-detail-page .room-description-section .desc{color:#444;font-size:15px;line-height:1.6;white-space:pre-line}.roomy-detail-page .modal{background:#fff;border-radius:16px;max-height:90vh;max-width:420px;overflow-y:auto;padding:30px;position:relative;scrollbar-width:none;width:90%}.roomy-detail-page .modal::-webkit-scrollbar{display:none}:root{--orange:#f60;--light-orange:#ff8533;--dark:#1f2937;--gray:#6b7280;--light-bg:#f9fafb}.profile-page{background:#f9fafb;background:var(--light-bg);min-height:100vh;padding-top:80px}.profile-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;margin:40px auto;max-width:520px;padding:40px 32px;text-align:center;transition:all .3s ease}.profile-container:hover{box-shadow:0 12px 36px #0000002e}.avatar-box{height:120px;margin:0 auto 20px;position:relative;width:120px}.avatar{border:4px solid #3b5998;border-radius:50%;box-shadow:none!important;height:100%;object-fit:cover;width:100%}.camera-btn{align-items:center;background:#3b5998;border:none;border-radius:50%;bottom:6px;box-shadow:0 3px 8px #0003;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:6px;width:38px}.name{color:#111;font-size:24px;font-weight:700;margin-bottom:4px}.email{color:#6b7280;color:var(--gray);font-size:14px;margin-bottom:20px}.info-card{background:#fafafa;border-radius:16px;box-shadow:inset 0 0 10px #0000000d;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:left}.item{align-items:center;color:#111;display:flex;font-size:15px;gap:10px}.icon{color:#f60;color:var(--orange);font-size:16px}.input-field{border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;transition:.2s}.input-field:focus{border-color:#f60;border-color:var(--orange);box-shadow:0 0 0 2px #ff660026}.action-row{display:flex;gap:10px;margin-top:10px}.cancel-btn,.edit-btn,.logout-btn,.save-btn{border-radius:10px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:10px 0;transition:all .25s ease}.save-btn{background:#3b5998!important;border:none;box-shadow:none!important}.save-btn:hover{background:#3b5998}.two-btn-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:18px}.edit-btn,.logout-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1 48%;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:10px 0;transition:all .25s ease}.edit-btn{background:#3b5998;border:none;color:#fff}.logout-btn{background:#f3f4f6;border:1px solid #ddd;color:#111}.edit-btn:hover{box-shadow:none!important;transform:translateY(-2px)}.logout-btn:hover{background:#fff;box-shadow:0 6px 14px #00000026;transform:translateY(-2px)}.custom-toast{border-left:5px solid #3b5998!important}.logout-toast h4{color:#111;font-size:15px;font-weight:700;margin:0 0 10px}.toast-buttons button{transition:all .2s ease}.toast-buttons .cancel-btn{background:#e5e7eb;color:#111}.toast-buttons .cancel-btn:hover{background:#d1d5db;transform:scale(1.05)}.toast-buttons .confirm-btn{background:#3b5998;color:#fff}.toast-buttons .confirm-btn:hover{background:#3b5998;transform:scale(1.05)}@media (max-width:768px){.profile-container{margin:30px 12px;padding:28px 20px}.avatar-box{height:120px;width:120px}.name{font-size:20px}.info-card{padding:18px}.item{font-size:14px}}@media (max-width:480px){.two-btn-row{flex-direction:column;gap:10px}.edit-btn,.logout-btn{flex:1 1 100%;font-size:14px}}.about-page{background:#fff;font-family:Poppins,sans-serif;overflow-x:hidden;padding-top:70px}.hero-section-gray{background:linear-gradient(180deg,#f6f7f8,#f1f2f3);border-radius:0 0 60px 60px;box-shadow:0 6px 25px #00000014;color:#111;padding:140px 20px 120px;text-align:center}.hero-title{font-size:46px;margin-bottom:15px}.hero-desc{max-width:680px}.intro-section{align-items:center;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:100px 20px}.intro-section.reverse{flex-direction:row-reverse}.intro-text{border-radius:24px;flex:1 1;padding:40px;transition:all .4s ease}.intro-text:hover{transform:translateY(-6px)}.intro-img{border-radius:25px;box-shadow:0 12px 25px #00000026;flex:1 1;max-width:480px;transition:transform .5s ease}.intro-img:hover{transform:scale(1.05)}.intro-desc{color:#4b5563;font-size:16px;line-height:1.8;margin-top:16px}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 10px 25px #0000000d}.features-section{background:linear-gradient(180deg,#fafafa,#fff);padding:110px 20px;text-align:center}.section-title{font-size:34px;margin-bottom:60px}.features-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1150px}.feature-card{border-radius:24px;cursor:pointer;overflow:hidden;padding:38px 30px;position:relative;transition:all .4s ease}.feature-card:before{background:none!important;content:"";height:240%;left:-70%;position:absolute;top:-70%;transform:scale(0);transition:transform .6s ease;width:240%}.feature-card:hover:before{transform:scale(1)}.feature-card:hover{background-color:#f0f2f5;box-shadow:none!important}.feature-icon{color:#3b5998;font-size:42px;margin-bottom:16px}.feature-title{font-size:19px;font-weight:600;margin-bottom:12px}.feature-desc{color:#555;font-size:15px;line-height:1.7}.intro-img{transition:transform .4s ease,opacity .4s ease}.intro-img:hover{transform:scale(1.03)}.intro-text{transition:transform .4s ease,opacity .4s ease}.intro-text:hover{transform:translateY(-4px)}@media (max-width:900px){.intro-section{flex-direction:column!important;text-align:center}.intro-img{max-width:100%}.hero-title{font-size:36px}}@media (max-width:600px){.hero-title{font-size:28px}.hero-desc{font-size:15px}}.contact-page{background:#f9fafb;padding-top:70px}.contact-hero{background:linear-gradient(135deg,#fff,#f3f4f6);border-radius:0 0 40px 40px;box-shadow:0 6px 20px #00000014;color:#111;padding:100px 20px;text-align:center}.hero-title{font-size:44px;font-weight:700!important;margin-bottom:20px}.hero-desc{color:#374151;font-size:18px;line-height:1.6;max-width:700px}.contact-container{display:flex;flex-wrap:wrap;gap:40px;margin:0 auto;max-width:1100px;padding:80px 20px}.contact-form,.contact-info{background:#fff;border-radius:20px;box-shadow:0 8px 20px #00000014;flex:1 1;padding:30px}.section-title{color:#111;font-size:26px;font-weight:700;margin-bottom:20px}.info-item{align-items:center;color:#374151;display:flex;font-size:15px;gap:10px;margin:10px 0}.icon{color:#3b5998!important;min-width:20px}.map{border:0;border-radius:12px;height:300px;margin-top:20px;width:100%}.form{display:flex;flex-direction:column;gap:16px}.input,.textarea{border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none;padding:12px 15px;resize:none;transition:.2s}.input:focus,.textarea:focus{border-color:#3b5998;box-shadow:0 0 5px #ff66004d}.submit-btn{background:#3b5998;border:none;border-radius:12px;box-shadow:0 6px 12px #00000026;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s}.submit-btn:hover{background:#ff8533;transform:translateY(-3px)}@media (max-width:992px){.hero-title{font-size:36px}.contact-container{flex-direction:column}}@media (max-width:600px){.hero-title{font-size:28px}.hero-desc{font-size:16px}.contact-form,.contact-info{padding:20px}.section-title{font-size:22px}.submit-btn{font-size:15px}}.favourite-page{background:#f7f7fb;min-height:100vh;padding-top:70px}.hero{background:linear-gradient(180deg,#fafafa,#f3f4f6);border-radius:0 0 40px 40px;box-shadow:0 6px 16px #00000014;padding:100px 20px;text-align:center}.hero-title{font-size:42px;font-weight:700;margin-bottom:12px}.hero-desc{color:#555;font-size:17px;margin:0 auto;max-width:760px}.highlight{color:#3b5998;font-weight:600}.fav-section{padding:60px 20px}.card-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1100px}.fav-card{background:#fff;border-radius:14px;box-shadow:0 5px 16px #00000012;cursor:pointer;display:flex;flex-direction:column;height:430px;overflow:hidden;transition:all .25s ease}.fav-card:hover{box-shadow:0 8px 20px #0000001a}.img-wrap{flex-shrink:0;height:180px;overflow:hidden;position:relative}.img-wrap img{display:block;height:100%;object-fit:cover;transition:transform .4s;width:100%}.img-wrap:hover img{transform:scale(1.04)}.price-tag{background:#000;border-radius:6px;bottom:10px;color:#fff;font-size:13px;left:10px;padding:5px 10px;position:absolute}.card-content{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.card-content h3{font-size:18px;font-weight:700;margin-bottom:6px}.meta{color:#6b7280;font-size:14px;line-height:1.4;margin-bottom:10px}.owner-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.owner-row img{border-radius:50%;height:34px;object-fit:cover;width:34px}.owner-name{font-size:14px;font-weight:600}.owner-date{color:#888;font-size:12px}.call-btn{border-radius:8px;padding:8px 12px}.call-btn:hover{background:#3b5998;color:#fff}.like-btn{border-radius:8px;color:#ef4444;height:40px;transition:.2s;width:40px}.pagination button{border:1.5px solid #3b5998;height:36px;transition:.2s}.pagination button:hover{background:#e8edf7;color:#3b5998}.pagination button:disabled{background:#f1f1f1}.card-actions{gap:10px;justify-content:space-between;margin-top:auto}.call-btn,.card-actions{align-items:center;display:flex}.call-btn{background:#fff;border:1.5px solid #3b5998;border-radius:10px;color:#3b5998;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .25s ease}.call-btn:hover{background:#e8edf7;color:#3b5998}.like-btn{align-items:center;background:#f9f9f9;border:1.5px solid #eee;border-radius:10px;color:#ff4d4d;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease;width:42px}.like-btn:hover{background:#ffeaea;transform:scale(1.08)}.fav-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin:35px 0 60px}.fav-pagination button{background:#fff;border:1.6px solid #3b4a6b;border-radius:8px;color:#3b4a6b;cursor:pointer;font-weight:600;height:36px;min-width:38px;transition:all .22s ease}.fav-pagination button:hover:not(:disabled){background:#e9eef7;color:#3b4a6b;transform:translateY(-2px)}.fav-pagination button.active{background:#3b4a6b;border-color:#3b4a6b;box-shadow:0 4px 12px #3b4a6b40;color:#fff}.fav-pagination button:disabled{cursor:not-allowed;opacity:.45}@media (max-width:992px){.fav-card{height:400px}}@media (max-width:768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.fav-card{height:380px}}@media (max-width:480px){.fav-card{height:auto}}.Revenue_revenuePage__m-STp{background:#f5f7fb;display:flex;flex-direction:column;min-height:100vh}.Revenue_revenueContainer__fqzEw{margin:40px auto;max-width:1100px;padding-bottom:40px;width:90%}.Revenue_revTitle__wH0R7{align-items:center;color:#1d3a6d;display:flex;font-size:28px;font-weight:700;gap:12px;margin-bottom:25px}.Revenue_revIcon__mjgk4{color:#3b5998;font-size:28px}.Revenue_revSummary__Awefc{background:#3b5998;border-radius:16px;box-shadow:0 4px 12px #2e62d033;color:#fff;margin-bottom:30px;padding:25px 30px;text-align:center}.Revenue_revHighlight__W7IN0{font-size:22px;font-weight:700}.Revenue_revSub__69zii{font-size:14px;opacity:.9}.Revenue_revEmpty__4MMmQ{color:#777;margin-top:20px;text-align:center}.Revenue_revTable__6aWUi{background:#fff;border-collapse:collapse;border-radius:16px;box-shadow:0 4px 16px #0000000d;overflow:hidden;width:100%}.Revenue_revTable__6aWUi thead{background:#eef2fa}.Revenue_revTable__6aWUi th{color:#2e446f;font-size:14px;font-weight:600;padding:14px 12px;text-align:center}.Revenue_revTable__6aWUi td{color:#444;font-size:14px;padding:14px 10px;text-align:center}.Revenue_revTable__6aWUi tbody tr:hover{transition:.2s}.Revenue_commissionCell__YhQ0r{color:#1d4ed8;cursor:help;font-weight:700}.Revenue_statusPaid__gfDaO,.Revenue_statusPartial__iEj5m,.Revenue_statusUnpaid__b6OsR{border-radius:8px;padding:4px 10px}.Revenue_textMuted__\+FU5l{color:#888;font-size:12px}.Revenue_revPagination__Ll5W6{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:25px}.Revenue_pageBtn__OYiJC{background:#e2e8f0;border:none;border-radius:10px;color:#1e293b;cursor:pointer;font-size:20px;height:38px;transition:.2s;width:38px}.Revenue_pageBtn__OYiJC:hover:not(.Revenue_disabled__jG\+i1){background:#d1d8e0}.Revenue_disabled__jG\+i1{cursor:not-allowed;opacity:.4}.Revenue_pageList__Hi4uH{display:flex;gap:8px}.Revenue_pageChip__LI-ze{background:#e5e9f3;border:none;border-radius:10px;cursor:pointer;padding:8px 14px;transition:.2s}.Revenue_pageChip__LI-ze:hover{background:#d7dce8}.Revenue_active__mvX6h{background:#3b5998!important;color:#fff!important;font-weight:600}.Revenue_revCardList__axUS0{display:flex;flex-direction:column;gap:14px}.Revenue_revCard__EU-W-{background:#fff;border-radius:14px;box-shadow:0 3px 10px #0000000f;padding:18px}.Revenue_revCardHeader__UZjdn{align-items:center;display:flex;gap:10px;margin-bottom:12px}.Revenue_revCardIcon__6RNd\+{color:#2e62d0;font-size:22px}.Revenue_revCardTitle__p0NZl{color:#1d3a6d;font-size:18px;font-weight:700}.Revenue_revCardBody__EMTcW p{color:#333;font-size:14px;margin:6px 0}.Revenue_revIconSmall__qHX3x{color:#2e62d0;margin-right:4px}.Revenue_statusPaid__gfDaO{background:#d5f5e3;color:#0e7a32}.Revenue_statusPaid__gfDaO,.Revenue_statusUnpaid__b6OsR{border-radius:10px;font-size:13px;font-weight:600;padding:6px 12px}.Revenue_statusUnpaid__b6OsR{background:#ffe1e1;color:#c62828}.Revenue_statusPartial__iEj5m{background:#fff4d1;border-radius:10px;color:#b57f00;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;white-space:pre-line}.Revenue_modalOverlay__jexBi{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.Revenue_modalBox__1A9gC{animation:Revenue_fadeUp__DBxfH .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;padding:24px 30px;width:420px}@keyframes Revenue_fadeUp__DBxfH{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Revenue_modalTitle__eAPN0{color:#3b5998;font-size:22px;font-weight:700;margin-bottom:18px;text-align:center}.Revenue_modalRow__FP0FX{display:flex;font-size:16px;justify-content:space-between;margin:10px 0}.Revenue_modalCloseBtn__i58VE{background:#3b5998;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:18px;padding:10px;width:100%}.Revenue_modalCloseBtn__i58VE:hover{opacity:.9}@media (max-width:768px){.Revenue_revTable__6aWUi{font-size:13px}.Revenue_revSummary__Awefc{padding:20px}.Revenue_revTitle__wH0R7{font-size:24px}}.history-page{background:#e8edf7;color:#111;font-family:Inter,sans-serif;min-height:100vh;padding-top:90px}.history-container{background:#fff;border:1px solid #d9e2f0;border-radius:20px;box-shadow:0 12px 32px #00000014;margin:0 auto;max-width:1000px;padding:40px 30px}.history-title{align-items:center;border-left:6px solid #3b5998;color:#2d4478;display:flex;font-size:26px;font-weight:680;gap:10px;margin-bottom:25px;padding-left:14px}.history-icon{color:#3b5998;font-size:26px}.empty{color:#6b7280;font-size:16px}.table-wrapper{overflow-x:auto}.history-table{background:#fff;border-collapse:collapse;border-radius:14px;font-size:15px;overflow:hidden;width:100%}.history-table thead{background:#f0f4ff;border-bottom:2px solid #3b5998;color:#2d4478}.history-table td,.history-table th{padding:14px 16px;text-align:left}.history-table th{font-size:12px;font-weight:700;text-transform:uppercase}.history-table tbody tr{transition:.25s}.history-table tbody tr:nth-child(2n){background:#f7f9fc}.history-table tbody tr:hover{background:#e8edf7}.table-icon{color:#2d4478;margin-right:8px}.status-tag{padding:6px 12px;transition:.25s}.status-tag svg{font-size:13px}.status-tag.green{background:#d8fadd;color:#0f7a36}.status-tag.red{background:#ffe1e1;color:#b91c1c}.status-tag.blue{background:#dbeafe;color:#1d4ed8}.status-tag.yellow{background:#fef9c3;color:#b45309}.status-tag.gray{background:#edf1f5;color:#374151}.pagination{margin-top:28px}.page-btn{background:#fff;border:1.8px solid #3b5998;border-radius:10px;color:#3b5998;cursor:pointer;font-size:14px;font-weight:600;height:34px;min-width:36px;transition:.25s}.page-btn:hover:not(:disabled){background:#c7d2e8;color:#2d4478;transform:translateY(-2px)}.page-btn.active{background:#3b5998;border-color:#3b5998;box-shadow:0 4px 14px #3b599859;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:768px){.history-table{display:none}.history-card-list{display:flex;flex-direction:column;gap:18px}.history-card{background:#fff;border:1px solid #d7e0ef;border-left:5px solid #3b5998;border-radius:16px;box-shadow:0 5px 14px #3b599826;padding:16px 18px;transition:.25s}.history-card:hover{box-shadow:0 6px 18px #3b599833;transform:translateY(-2px)}.card-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.room-icon{color:#3b5998;font-size:18px}.room-name{color:#2d4478;font-size:16px;font-weight:700}.card-body p{color:#333;font-size:14px;margin:5px 0}}.superadmin-dashboard{background:#fafafa;color:#222;font-family:Inter,sans-serif;min-height:100vh;padding:32px}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:#ff6a00;font-size:28px;font-weight:700}.dashboard-header p{color:#666;font-size:15px;margin-top:6px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 3px 8px #0000000d;cursor:pointer;display:flex;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 5px 12px #0000001a;transform:translateY(-4px)}.icon-wrap{border-radius:12px;color:#fff;font-size:24px;margin-right:16px;padding:16px}.icon-wrap.blue{background:#3a7bd5}.icon-wrap.teal{background:#009688}.icon-wrap.purple{background:#8e44ad}.icon-wrap.orange{background:#ff6a00}.chart-section{background:#fff;border-radius:14px;box-shadow:0 3px 8px #0000000d;padding:24px}.modal-overlay{background:#00000080;z-index:999}.modal-card.full{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:90%}.modal-header{align-items:center;background:#3b5998;border-radius:10px;color:#fff;display:flex;font-size:17px;font-weight:600;justify-content:space-between;padding:16px 24px}.modal-close-btn{color:#fff;cursor:pointer;font-size:22px;transition:.3s}.modal-close-btn:hover{color:#fff8e1;transform:scale(1.2)}.modal-body{overflow:auto;padding:24px}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border-bottom:1px solid #eee;font-size:14px;padding:10px 12px;text-align:left}.user-table th{background:#fdfdfd;color:#444;font-weight:600}.user-table tr:hover{background:#fff8f2}.btn-delete{background:#ff4d4d;border-radius:6px;color:#fff;font-size:13px;padding:6px 10px;transition:background .3s}.btn-delete:hover{background:#e63946}.empty{color:#888;padding:30px 0}.toast-confirm p{color:#222;font-weight:500;margin:0 0 10px}.toast-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;transition:.3s}.toast-btn.confirm{background:#ff6a00;color:#fff}.toast-btn.cancel{background:#ccc;color:#222}.toast-btn:hover{opacity:.9}.revenue-card{cursor:pointer;transition:all .3s ease}.revenue-card:hover{box-shadow:0 4px 14px #ff660040;transform:translateY(-5px)}.revenue-card .sub-info{color:#777;font-size:13px;margin-top:4px}.revenue-modal{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-width:500px;padding:25px 35px}.revenue-modal p{font-size:16px;margin:10px 0}.revenue-modal .note{color:#888;font-size:14px;font-style:italic;margin-top:10px}.chart-header{justify-content:space-between;margin-bottom:10px}.chart-header,.filter-month{align-items:center;display:flex}.filter-month{gap:8px}.filter-icon{color:#3b5998;font-size:18px}.filter-month select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:6px 10px}.dashboard{opacity:0;padding:40px;transform:translateY(10px);transition:.4s ease}.dashboard.loaded{opacity:1;transform:translateY(0)}.title-box{align-items:center;display:flex;gap:10px;margin-bottom:25px}.title-icon{color:#3b5998;font-size:26px}.table-container{background:#fff;border-radius:16px;box-shadow:0 2px 14px #0000000f;overflow-x:auto;padding:20px}th{background:#f8f8f8;color:#111}tr:hover{background:#f1f1f1;transition:.25s}.room-link{color:#000!important;transition:.2s}.time-cell{display:flex;flex-direction:column;gap:4px}.time-cell .date{color:#111;font-weight:600}.time-cell .hour{color:#444}.action-group{gap:10px}.btn.action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px 10px;transition:.25s ease;width:40px}.btn.action.assign,.btn.action.done{background:#3b5998;color:#fff}.btn.action.cancel{background:#111;color:#fff}.btn.action:hover{transform:scale(1.1)}.pagination{margin-top:20px}.pagination button{border:1.5px solid #111;color:#111;font-weight:700}.pagination button.active{border-color:#3b5998}.pagination button:hover:not(.active):not(:disabled){background:#fef3e7}.modal-overlay{z-index:50}.modal{animation:fadeIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:24px;text-align:center;width:400px}.staff-list{display:flex;flex-direction:column;gap:10px;margin:15px 0}.staff-card{align-items:center;background:#fafafa;border:1px solid #eee;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:.2s}.staff-card:hover{background:#f0f2f5;border-color:#3b5998}.staff-card img{border-radius:50%;height:36px;width:36px}.staff-card.disabled{cursor:not-allowed;opacity:.5}.close-btn{background:#111;font-weight:600;padding:10px 16px}.close-btn:hover{background:#3b5998}.custom-toast{background:#fff!important;border-left:4px solid #3b5998!important;border-radius:14px!important;box-shadow:0 8px 24px #00000026!important;color:#111!important;padding:16px!important}.toast-confirm h4{color:#111;font-size:15px;font-weight:700;margin:0 0 10px}.toast-buttons{gap:10px;justify-content:flex-end}.toast-buttons button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:6px 12px}.cancel-btn{background:#e5e7eb;color:#111}.cancel-btn:hover{background:#d1d5db}.confirm-btn,.confirm-btn:hover{background:#3b5998}.btn-text.assign,.btn-text.done{background-color:#3b5998;color:#fff}.action-group{align-items:center;display:flex;gap:8px;justify-content:center}.close-icon{background:#0000;border:none;color:#111;cursor:pointer;font-size:26px;font-weight:600;line-height:1;position:absolute;right:14px;top:12px;transition:all .25s ease}.close-icon:hover{color:#3b5998;transform:scale(1.1)}.pagination{gap:10px;margin-top:30px}.pagination button{background:#fff!important;border:1.5px solid #3b5998!important;border-radius:10px;box-shadow:none!important;color:#3b5998!important;font-size:15px;height:38px;width:38px}.pagination button:hover:not(:disabled):not(.active){background:#e8edf7!important;border-color:#3b5998!important;box-shadow:none!important;color:#3b5998!important}.pagination button.active{background:#3b5998!important;border-color:#3b5998!important;box-shadow:none!important;color:#fff!important}.pagination button:disabled{background:#f3f3f3!important;border-color:#ccc!important;box-shadow:none!important;color:#999!important}.room-detail-page{background:#f9fafb;color:#222;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;padding:36px 40px}.header{border-bottom:2px solid #eee;gap:12px;margin-bottom:28px;padding-bottom:12px}.header h1{color:#111}.room-detail-page .room-detail-grid{grid-gap:28px;all:unset;align-items:stretch;box-sizing:border-box;display:grid;gap:28px;grid-template-columns:1fr 1fr!important;justify-items:stretch;margin-top:20px;width:100%}.room-detail-page .card{background:#fff;border:1px solid #f2f2f2;border-radius:18px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:280px;padding:26px;transition:all .25s ease;width:100%!important}.room-detail-page .card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.card h2{align-items:center;color:#ff7a00;display:flex;font-size:17px;font-weight:700;gap:8px;margin-bottom:12px}.card-header{border-bottom:1px solid #f2f2f2;padding-bottom:6px}.room-info img{border-radius:10px;box-shadow:0 2px 8px #00000014;height:110px;object-fit:cover;width:160px}.room-info p{color:#333;font-size:14px;margin:4px 0}.status{color:#fff;display:inline-block;padding:4px 10px}.status.green{background:#10b981}.status.orange{background:#f59e0b}.btn-main{align-items:center;background:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .25s ease}.btn-main:hover{background:#3b5998;transform:translateY(-2px)}.btn-dark{align-items:center;background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:7px 12px;transition:.25s}.btn-dark:hover{background:#000}.btn-outline{transition:all .25s ease}.btn-danger{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:7px 12px;transition:.25s}.btn-danger:hover{background:#b91c1c}.contract-list,.utility-list{list-style:none;margin:0;padding:0}.contract-item,.utility-list li{align-items:center;border-bottom:1px solid #f3f3f3;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.empty{color:#777;font-size:14px;font-style:italic;margin-top:10px}.total-display,.total-utility{color:#ff7a00;font-size:15px;font-weight:500;margin-top:10px}.modal-overlay,.utility-modal-container{align-items:center;animation:fadeIn .25s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal,.utility-modal{animation:scaleIn .25s ease;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 10px 28px #00000026;max-height:82vh;max-width:95%;overflow-y:auto;padding:28px 30px;position:relative;width:720px}.modal h3,.utility-modal h3{align-items:center;color:#ff7a00;display:flex;font-size:18px;font-weight:700;gap:6px;justify-content:center;margin-bottom:22px}.close-btn{color:#555;font-size:20px;right:16px;top:14px;transition:.25s}.close-btn:hover{background-color:#fff!important}.remove-utility-btn{align-items:center;background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:.25s;width:36px}.remove-utility-btn:hover{background:#e56700}.modal input,.utility-modal input{border:1.5px solid #ddd;border-radius:8px;color:#222;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;transition:.25s;width:100%}.modal input:focus,.utility-modal input:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0026}.utility-modal .input-group{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr .8fr 40px;margin-bottom:12px}.tenant-list-modal{animation:fadeIn .25s ease;background:#fff;border:1px solid #f1f1f1;border-radius:18px;box-shadow:0 12px 35px #00000026;max-height:85vh;overflow-y:auto;padding:30px;width:750px}.tenant-list-modal h3{align-items:center;border-bottom:2px solid #ffead1;color:#ff7a00;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin-bottom:22px;padding-bottom:10px}.tenant-list-wrapper{display:flex;flex-direction:column;gap:16px}.tenant-card{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 2px 6px #0000000d;padding:16px 18px;transition:.25s ease}.tenant-card:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.tenant-info{line-height:1.6}.tenant-info h4{color:#111;font-size:16px;font-weight:700;margin-bottom:4px}.tenant-info p{color:#333;font-size:14px;margin:3px 0}.tenant-status{border-radius:6px;font-size:13px;font-weight:600;padding:4px 10px}.tenant-status.active{background:#ffe3c0;color:#c55a00}.tenant-status.inactive{background:#e5e7eb;color:#555}.tenant-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.room-detail-page .utility-modal{animation:scaleIn .25s ease;border:1px solid #f2f2f2;box-shadow:0 12px 35px #00000026;max-width:95%;padding:32px 36px;width:720px}.room-detail-page .utility-modal h3{align-items:center;color:#3b5998;display:flex;font-size:19px;font-weight:700;gap:8px;justify-content:center;margin-bottom:24px;text-align:center}.room-detail-page .utility-modal .input-group{grid-gap:12px;gap:12px;grid-template-columns:2fr 1fr .8fr 50px}.room-detail-page .remove-utility-btn{background:#fff2e5}.room-detail-page .add-service-btn{background:#ff7a00;margin-top:10px}.room-detail-page .add-service-btn:hover{background:#e66b00}.room-detail-page .btn-group{margin-top:20px}.room-detail-page .btn-cancel,.room-detail-page .btn-save{padding:9px 20px}.room-detail-page .tenant-list-modal-container{all:unset;animation:fadeIn .25s ease!important;box-sizing:border-box!important;padding-left:80px!important}.room-detail-page .tenant-list-modal{animation:scaleIn .25s ease!important;background:#fff!important;border:1px solid #f1f1f1!important;border-radius:18px!important;box-shadow:0 12px 35px #00000026!important;margin-left:0!important;max-height:85vh!important;max-width:95%!important;overflow-y:auto!important;padding:30px!important;width:750px!important}.room-detail-page .utility-modal .close-btn{align-items:center;background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#555;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:18px;top:16px;transition:all .25s ease;width:34px}.room-detail-page .utility-modal .close-btn:hover{background:#ff7a00;border-color:#ff7a00;color:#fff}.room-detail-page .utility-modal .input-group{grid-template-columns:2fr 1fr 1fr 50px}.room-detail-page .utility-modal input{border:1.5px solid #e5e5e5;font-size:14px;height:42px;padding:10px 12px}.room-detail-page .remove-utility-btn{border:1.5px solid #ffb366}.room-detail-page .total-display{color:#ff7a00;font-size:15.5px;margin-top:16px}.room-detail-page .btn-group{gap:12px;margin-top:22px}.room-detail-page .btn-save{background:#ff7a00;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:9px 22px;transition:all .25s ease}.room-detail-page .btn-save:hover{background:#e66b00}.room-detail-page .btn-cancel{background:#f3f4f6;padding:9px 22px}.btn-outline{border:1.5px solid #ff7a00;padding:6px 10px;transition:.3s}.contract-card:hover{background:#fff!important}.active-badge,.draft-badge{font-weight:600;padding:2px 6px}.sign-btn{background:#ffb020;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;transition:.2s}.sign-btn:hover{background:#f90}.contract-list{margin-top:10px}.contract-card{align-items:center;background:#fffefc;border:1px solid #f1e5d0;border-radius:10px;box-shadow:0 1px 3px #0000000d;justify-content:space-between;margin-bottom:12px;padding:14px 18px;transition:all .25s ease}.contract-card:hover{background:#fff8ef;box-shadow:0 2px 6px #00000014;transform:translateY(-2px)}.contract-info{flex:1 1}.contract-name{align-items:center;color:#222;display:flex;font-size:15px;gap:8px}.upload-date{color:#666;font-size:13px;margin-top:2px}.active-badge,.draft-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.draft-badge{background:#fff3d6;border:1px solid #ffe2a8;color:#c47500}.active-badge{background:#e7f8e8;border:1px solid #c2edc4;color:#2b8a3e}.contract-buttons{align-items:center;display:flex;gap:8px}.view-btn{font-size:13px;padding:5px 10px}.delete-btn{background:#f4f4f4;border:1px solid #ddd;border-radius:6px;color:#444;padding:6px 10px;transition:.2s}.delete-btn:hover{background:#ffeaea;color:#b20000}.card-header .btn-main{align-items:center;background:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:7px 14px;transition:background .2s ease}.card-header .btn-main:hover{background:#3b5998}.room-info-card{display:flex;flex-direction:column;gap:10px}.room-info{align-items:flex-start;display:flex;gap:16px}.room-img{box-shadow:0 0 8px #00000014;object-fit:cover}.no-img,.room-img{border-radius:10px;height:120px;width:160px}.no-img{align-items:center;background:#f8f9fa;color:#888;display:flex;font-size:14px;font-style:italic;justify-content:center}.room-details p{color:#333;margin:4px 0}.status-tag.available{background:#e6fff0;color:#fff}.status-tag.rented{background:#ffe3e3;color:#c92a2a}.tenant-card{gap:12px}.tenant-card,.tenant-summary-card{display:flex;flex-direction:column}.tenant-summary-card{background:#fffdf8;border:1px solid #ffdcb3;border-radius:10px;box-shadow:0 1px 3px #0000000d;gap:8px;padding:14px}.tenant-info-block p{color:#333;margin:4px 0}.no-leader{background:#fff7e6;border-radius:6px;color:#b45f06;font-weight:600;margin-bottom:6px;padding:6px 10px}.leader-line{color:#222;font-weight:500;margin-bottom:6px}.tenant-status.active{background-color:#000;color:#fff;font-weight:600}.tenant-status.inactive{color:#c92a2a;font-weight:600}.view-all-btn{align-self:flex-start;font-size:14px;margin-top:8px}.room-detail-page .tenant-list-modal-container{align-items:center!important;background:#0000008c!important;bottom:0;display:flex!important;justify-content:flex-start!important;left:0;padding-left:100px!important;position:fixed!important;right:0;top:0;z-index:9999!important}.room-detail-page .tenant-list-modal,.room-detail-page .tenant-list-modal *{text-align:left!important}.room-detail-page .utility-modal{animation:fadeIn .25s ease;background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 10px 45px #0000001f;max-width:96%;overflow:hidden;padding:38px 40px;position:relative;width:760px}.room-detail-page .utility-modal .input-group{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:1.5fr 1fr 1fr 50px;margin-bottom:14px}.room-detail-page .utility-modal input{border:1.5px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 4px #00000005;color:#222;font-size:15px;padding:10px 14px;transition:all .25s ease}.room-detail-page .utility-modal input:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a0026;outline:none}.room-detail-page .remove-utility-btn{align-items:center;background:#fff;border:1.5px solid #ffd2a3;border-radius:10px;color:#ff7a00;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .25s ease;width:42px}.room-detail-page .remove-utility-btn:hover{background:#ff7a00;border-color:#ff7a00;color:#fff;transform:scale(1.05)}.room-detail-page .add-service-btn{background:#3b5998;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:18px;padding:10px 18px;transition:all .25s ease}.room-detail-page .add-service-btn:hover{background:#3b5998;transform:translateY(-2px)}.room-detail-page .total-display{border-top:1px solid #f4f4f4;color:#3b5998;font-size:16px;font-weight:600;margin-top:20px;padding-top:10px;text-align:right}.room-detail-page .btn-group{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.room-detail-page .btn-cancel{background:#f4f4f6;border:none;border-radius:10px;color:#333;cursor:pointer;font-weight:600;padding:10px 26px;transition:all .25s ease}.room-detail-page .btn-cancel:hover{background:#e5e7eb}.room-detail-page .utility-modal label,.room-detail-page .utility-modal span{align-items:flex-start!important;color:#333;display:block!important;font-weight:600;justify-content:flex-start!important;text-align:left!important}.room-detail-page .utility-modal .input-group label,.room-detail-page .utility-modal .input-group span{align-self:start!important;display:block;justify-self:start!important;text-align:left!important}.room-detail-page .utility-modal .date-row{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr 1fr}.room-detail-page .utility-modal .date-row label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.room-detail-page .utility-modal input[type=date]{border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:14px;padding:10px 12px;width:100%}@media (max-width:768px){.room-detail-page .utility-modal{padding:24px;width:95%}.room-detail-page .utility-modal .input-group{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.room-detail-page .utility-modal input{font-size:13px}.room-detail-page .remove-utility-btn{height:36px;width:36px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.room-detail-grid{grid-template-columns:1fr}.tenant-list-modal,.utility-modal{width:90%}.card{min-height:auto}}body{background:#fff}.page{opacity:0;padding:40px;transform:translateY(10px);transition:all .4s ease}.page.loaded{opacity:1;transform:translateY(0)}.header{margin-bottom:24px}.icon{color:#3b5998;font-size:26px}h1{color:#111;font-size:22px;font-weight:700}.table-wrap{background:#fff;border-radius:16px;box-shadow:0 3px 14px #00000014;overflow-x:auto;padding:20px}table{border-collapse:collapse;width:100%}td,th{font-size:14px;padding:14px 16px;text-align:left}th{background:#fafafa;color:#444;font-weight:600;text-transform:uppercase}tr{transition:background .25s}tr:hover{background:#fff8f3}.room-link{color:#000;text-decoration:none}.time-box{display:flex;flex-direction:column;gap:4px}.date{color:#000;font-weight:600}.date,.hour{font-size:13px}.hour{color:#333}.status{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:6px;padding:6px 10px}.actions{flex-wrap:wrap;gap:10px;justify-content:flex-start}.btn-text{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .25s ease}.btn-icon{font-size:16px}.btn-text.accept,.btn-text.done,.btn-text.view{background-color:#3b5998;color:#fff}.btn-text.cancel{background-color:#111;color:#fff}.btn-text:hover{opacity:.9;transform:scale(1.05)}.pagination{gap:8px;margin-top:16px}.pagination button{background:#fff3e6;border:none;padding:8px 14px;transition:.25s}.pagination button:hover:not(.active):not(:disabled){background:#ffe1cc}.pagination button.active{background:#3b5998;color:#fff}.pagination button:disabled{opacity:.4}.empty{color:#666;padding:40px;text-align:center}.empty p{font-weight:500;margin-top:10px}.administrator-profile-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf3);display:flex;flex-direction:column;font-family:Inter,Poppins,sans-serif;gap:35px;min-height:100vh;padding:40px 0 80px}.administrator-profile-page .glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 35px #0000001a;transition:all .3s ease}.administrator-profile-page .glass-card:hover{box-shadow:0 12px 45px #0000001f;transform:translateY(-4px)}.administrator-profile-page .profile-card{padding:40px 35px 50px;text-align:center;width:420px}.administrator-profile-page .profile-avatar{height:130px;margin:0 auto 15px;position:relative;width:130px}.administrator-profile-page .profile-avatar img{background:#fff;border:3px solid #3b5998;border-radius:50%;height:100%;object-fit:cover;width:100%}.administrator-profile-page .avatar-edit-btn{background:#3b5998;border:none;border-radius:50%;bottom:6px;box-shadow:none!important;color:#fff;cursor:pointer;height:34px;position:absolute;right:8px;transition:all .3s;width:34px}.administrator-profile-page .avatar-edit-btn:hover{background:linear-gradient(135deg,#ff7a00,#ff4f00);transform:scale(1.05)}.administrator-profile-page .profile-name{color:#111;font-size:20px;font-weight:700;margin-top:10px}.administrator-profile-page .profile-email{color:#777;font-size:14px;margin-bottom:25px}.administrator-profile-page .info-section{margin-top:15px}.administrator-profile-page .info-item{align-items:center;background:#fff9;border:1px solid #0000000d;border-radius:12px;color:#333;display:flex;font-size:15px;gap:8px;margin-bottom:10px;padding:12px 15px;transition:all .3s ease}.administrator-profile-page .info-item:hover{background:#5c6c8e12;border-color:#3b5998;color:#3b5998}.administrator-profile-page .edit-section input{background:#ffffffe6;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;outline:none;padding:10px 14px;transition:.3s;width:100%}.administrator-profile-page .edit-section input:focus{border-color:#3b5998;box-shadow:0 0 0 3px #ff660026}.administrator-profile-page .action-buttons{display:flex;gap:10px;margin-top:20px}.administrator-profile-page button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 12px;transition:.3s}.administrator-profile-page .edit-btn{background:#000;box-shadow:none!important;color:#fff}.administrator-profile-page .save-btn{background:#3b5998;box-shadow:none!important;color:#fff}.administrator-profile-page .cancel-btn{color:#333}.administrator-profile-page .qr-btn{background:#3b5998;color:#fff}.administrator-profile-page .logout-btn{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff}.administrator-profile-page button:hover{background-color:#3b5998!important;opacity:.9;transform:translateY(-2px)}.administrator-profile-page .qr-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.administrator-profile-page .qr-modal{animation:zoomIn .28s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border-radius:24px;box-shadow:0 12px 45px #0000002e;padding:35px 30px 45px;text-align:center;width:450px}.administrator-profile-page .qr-modal h3{color:#111;font-size:22px;font-weight:700;margin-bottom:25px}.administrator-profile-page .qr-modal input{background:#ffffffd9;border:1.4px solid #d1d5db;border-radius:12px;font-size:15px;margin-bottom:14px;padding:12px 14px;transition:.25s ease;width:100%}.administrator-profile-page .qr-modal input:focus{border-color:#3b5998;box-shadow:0 0 0 4px #3b59982e}.administrator-profile-page .qr-upload button{background:linear-gradient(135deg,#3b5998,#213b72);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-bottom:18px;padding:10px 16px;transition:.25s ease}.administrator-profile-page .qr-upload button:hover{opacity:.9;transform:translateY(-2px)}.administrator-profile-page .qr-preview img{border:2px solid #ffffffb3;border-radius:16px;box-shadow:0 12px 30px #00000038;height:200px;margin-top:6px;object-fit:cover;width:200px}.administrator-profile-page .qr-actions{display:flex;gap:14px;justify-content:center;margin-top:28px}.administrator-profile-page .qr-actions button{border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:12px 0;transition:.25s ease}.administrator-profile-page .qr-actions .save-btn{background:linear-gradient(135deg,#3b5998,#2a427c);border:none;color:#fff}.administrator-profile-page .qr-actions .save-btn:hover{opacity:.9;transform:translateY(-2px)}.administrator-profile-page .qr-actions .cancel-btn{background:#f3f4f6;border:1.5px solid #d1d5db;color:#444}.administrator-profile-page .qr-actions .cancel-btn:hover{background:#e5e7eb;transform:translateY(-2px)}@media (max-width:480px){.administrator-profile-page .qr-modal{padding:28px 22px 35px;width:92%}}.administrator-profile-page .boss-info-modal{text-align:center}.administrator-profile-page .boss-info-modal img.boss-avatar{border:3px solid #3b5998;border-radius:50%;height:90px;margin-bottom:10px;object-fit:cover;width:90px}.administrator-profile-page .boss-info-modal h4{color:#111;font-size:18px;font-weight:700;margin-bottom:8px}.administrator-profile-page .boss-info-modal p{align-items:center;color:#444;display:flex;font-size:14px;gap:6px;justify-content:center;margin:4px 0}.administrator-profile-page .boss-info-modal .boss-qr-modal{border:2px solid #ff66004d;border-radius:15px;box-shadow:0 8px 25px #f603;height:200px;margin-top:15px;object-fit:cover;width:200px}.administrator-profile-page .logout-toast{color:#222;text-align:center}.administrator-profile-page .logout-toast h4{font-weight:600;margin-bottom:10px}.administrator-profile-page .toast-buttons{display:flex;gap:10px;justify-content:center}.administrator-profile-page .confirm-btn{background:#3b5998;border:none;border-radius:8px;color:#fff;padding:8px 16px}.administrator-profile-page .cancel-btn{background:#fff;border:none;border-radius:8px;padding:8px 16px}.administrator-profile-page .custom-toast{border-left:5px solid #3b5998!important;border-radius:12px!important;box-shadow:0 6px 20px #00000026!important;padding:15px!important}.administrator-profile-page .profile-loading{color:#666;font-size:18px;padding-top:100px;text-align:center}.boss-modal{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border-radius:20px;box-shadow:0 8px 25px #00000026;display:flex;flex-direction:column;max-width:95%;padding:30px 40px;text-align:center;width:850px}.boss-modal-title{color:#222;font-size:1.5rem;font-weight:600;margin-bottom:25px}.boss-modal-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;width:100%}.boss-avatar-section{align-items:center;border-right:2px solid #0000000d;display:flex;flex:1 1;flex-direction:column;min-width:200px;padding-right:20px}.boss-avatar-large{border-radius:50%;box-shadow:0 4px 10px #0003;height:110px;margin-bottom:10px;object-fit:cover;width:110px}.boss-role{color:#666;font-size:.9rem;margin-top:3px}.boss-info-section{flex:2 1;font-size:.95rem;min-width:250px;text-align:left}.boss-info-section p{align-items:center;color:#333;display:flex;gap:8px;line-height:1.5;margin-bottom:12px}.boss-qr-section{flex:1 1;min-width:200px;text-align:center}.boss-qr-image{border:3px solid #fffc;border-radius:10px;box-shadow:0 5px 15px #00000026;height:170px;object-fit:cover;width:170px}.close-btn{background-color:#222;border-radius:8px;color:#fff;font-size:.95rem;margin-top:25px;padding:10px 22px;transition:all .2s ease}.close-btn:hover{background-color:#ff4d4d}@media (max-width:768px){.boss-modal-content{align-items:center;flex-direction:column}.boss-avatar-section{border-bottom:1px solid #0000000d;border-right:none;padding-bottom:15px;padding-right:0}.boss-qr-image{height:130px;width:130px}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.administrator-profile-page .profile-card{padding:30px 20px;width:90%}.administrator-profile-page .qr-modal{width:90%}.administrator-profile-page .boss-info-modal .boss-qr-modal{height:150px;width:150px}.administrator-profile-page .boss-info-modal p{font-size:13px}}.header{align-items:center;display:flex;gap:10px;margin-bottom:30px}.header-icon{color:#ff7a00;font-size:28px}.header h1{color:#3b5998;font-size:22px;font-weight:700}.form-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.initial-index-box{background-color:#fafafa;border-radius:8px;border-top:1px solid #eee;margin-top:1rem;padding:1rem}.initial-index-box .input-row{display:flex;gap:16px}.initial-index-box label{font-weight:600}.form-card{background:#fff;border-radius:16px;box-shadow:0 4px 18px #0000000d;display:flex;flex-direction:column;gap:18px;padding:24px;transition:all .25s ease}.form-card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-1px)}.input-group{display:flex;flex-direction:column;gap:6px}label{color:#222}input,select,textarea{background:#fff;border:1px solid #ddd;border-radius:10px;font-size:14px;padding:10px 12px;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#ff7a00;box-shadow:0 0 0 3px #ff7a0026}input:disabled,select:disabled{background:#f3f3f3;color:#777;cursor:not-allowed}.input-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.upload-label{color:#222;font-weight:600}.upload-box{background:#fffdf8;border:2px dashed #ff7a00;border-radius:12px;color:#777;cursor:pointer;padding:30px 20px;text-align:center;transition:.3s}.upload-box:hover{background:#fff9f3;color:#ff7a00;transform:scale(1.01)}.upload-box input{display:none}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.img-card{background:#fafafa;border:1px solid #eee;border-radius:10px;overflow:hidden;position:relative}.img-card img{height:100px;object-fit:cover;transition:transform .3s ease;width:100%}.img-card:hover img{transform:scale(1.06)}.remove-img{background:#ff4b4b;border:none;border-radius:8px;color:#fff;cursor:pointer;height:26px;position:absolute;right:6px;top:6px;transition:.2s;width:26px}.remove-img:hover{background:#e03535}.utility-card{background:#fff!important;border:1px solid #fff!important;padding:16px 18px 20px}.card-header{margin-bottom:14px}.card-header h3{color:#222}.add-btn{background:#fff;border:1px solid #3b5998;color:#3b5998;justify-content:center;padding:6px 10px;transition:.25s}.add-btn:hover{color:#fff}.extra-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2.3fr 1.1fr .8fr 40px}.price-col{align-items:center;display:flex;position:relative}.price-col input{border:1px solid #ddd;border-radius:8px;font-size:13.5px;overflow-x:auto;padding:8px 95px 8px 10px;scrollbar-width:thin;transition:all .2s ease;white-space:nowrap}.price-col input::-webkit-scrollbar{height:4px}.price-col input::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.price-format{background:linear-gradient(270deg,#fff 65%,#0000);color:#ff914d;font-size:12px;font-weight:500;max-width:90px;opacity:.75;overflow:hidden;padding-left:6px;pointer-events:none;position:absolute;right:12px;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:all .25s ease;white-space:nowrap}.price-col input:focus+.price-format{color:#ff7a00;opacity:1}.unit-input{font-size:13px;max-width:90px;padding:8px 6px;width:100%}.extra-row input{font-size:13.5px;padding:8px 10px;transition:all .2s ease}.extra-row input:focus{border-color:#ff7a00;box-shadow:0 0 0 2px #ff7a001f}.no-utility{background:#fdfdfd;border:none;border-radius:8px;color:#888;font-size:14px;padding:8px 0;text-align:center}.remove-btn{align-items:center;border:none;border:1px solid #ff7a00!important;color:#ff7a00!important;display:flex;height:36px;justify-content:center;transition:.2s}.remove-btn:hover{background:#e86500}textarea{line-height:1.5;min-height:100px}.footer{border-top:1px solid #eee;display:flex;gap:12px;grid-column:span 2;justify-content:flex-end;margin-top:20px;padding-top:20px}.cancel,.submit{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 18px;transition:.25s}.cancel{background:#f3f4f6;color:#333}.cancel:hover{background:#e6e7e8}.submit{background:#3b5998;color:#fff}.submit:hover{background:#3b5998;transform:translateY(-1px)}.submit:disabled{background:#ccc;cursor:not-allowed}.price-hint-text{color:#ff6b10;font-size:12.5px;font-weight:700;opacity:.8;transition:.25s ease}.price-input-group input:focus+.price-hint-text{color:#ff7a00;opacity:1}.error{border:1px solid #fff;border-radius:4px;box-shadow:0 2px 4px #ff4d4d1a;color:red;font-size:14px;font-weight:600;margin-bottom:10px;margin-top:5px;padding:5px 10px}.extra-row{background:#fafafa;gap:12px;margin-bottom:12px;padding:10px 14px}.extra-row:hover{background:#f5f9ff;border-color:#d0e2ff}.extra-row input{background:#fff;border:1px solid #ddd;border-radius:8px;height:38px;outline:none;padding:8px 12px;transition:.2s;width:100%}.extra-row input:focus{border-color:#3b5998}.extra-row select.unit-input{background:#fff;border:none!important;border-radius:8px;cursor:pointer;font-size:14px;height:38px;padding:8px 10px;transition:.2s}.extra-row select.unit-input:focus{border-color:#3b5998}.extra-row{gap:12px!important;width:100%!important}.extra-row input,.unit-input{height:38px!important}.extra-row,.extra-row input,.unit-input{align-items:center!important;display:flex!important}.extra-row{gap:10px!important;margin-bottom:10px!important}.utility-name,.utility-price,.utility-unit-input,.utility-unit-select{border:1px solid #ddd!important;border-radius:8px!important;font-size:14px!important;height:38px!important;padding:0 12px!important}.utility-name{flex:1.2 1!important}.utility-price,.utility-unit-input,.utility-unit-select{width:120px!important}.remove-btn{align-items:center!important;background:#fff!important;border:1px solid #fff!important;border-radius:8px!important;color:#b02a37!important;cursor:pointer!important;display:flex!important;height:38px!important;justify-content:center!important;padding:6px 10px!important}.remove-btn svg{font-size:18px}.remove-btn:hover{background:#fcc}.price-col input{width:100%}.input-row{align-items:flex-start}.input-row input,.input-row select{width:100%}.tenant-contract-section{margin-top:25px}.contract-card,.tenant-card{border-radius:10px;box-shadow:none!important;padding:15px}.btn-orange{background:#3b5998;transition:.2s}.btn-outline{border:1px solid #3b5998!important;color:#fff!important;margin-top:10px;padding:5px 12px}.btn-outline,.btn-outline:hover{background:#3b5998!important}.tenant-note{margin-top:5px}.tenant-section{border-top:1px solid #eee;margin-top:20px;padding:10px}.tenant-card{background:#fffaf4;border:1px solid #3b5998;border-radius:10px;margin-top:10px;padding:12px 16px}.status-badge{margin-left:6px}.tenant-modal-overlay{inset:0;z-index:999}.tenant-modal{width:420px}.tenant-info-card{background:#fff;border:1px solid #c8c8c8;border-radius:10px;margin-top:10px;padding:14px 16px}.tenant-title{color:#333}.tenant-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.tenant-modal{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0003;max-height:80vh;overflow-y:auto;padding:20px;position:relative;width:460px;z-index:10000}.tenant-modal .close-btn{background:#0000;border:none;cursor:pointer;font-size:22px;position:absolute;right:15px;top:10px}.tenant-modal h3{color:#3b5998!important;font-size:20px;margin-bottom:15px;text-align:center}.tenant-item{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:12px;padding:10px}.tenant-title{color:#3b5998;font-size:16px;margin-bottom:4px}.status-badge{background:#000;border-radius:6px;color:#fff;font-size:12px;padding:2px 8px}.contract-card{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;margin-top:20px;padding:15px}.tenant-header{margin-bottom:10px;width:100%}.tenant-header h3{font-size:18px;margin:0}.tenant-header .btn-orange{background-color:#3b5998;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:auto;padding:6px 12px}.contract-card .tenant-note{color:#666;color:#888;font-size:14px;font-style:italic;margin-top:10px;text-align:center}.badge-draft{background:#ffe9b5;color:#b45f06}.contract-card-body{display:flex;flex-direction:column;gap:4px}.contract-actions{margin-top:10px}.badge-draft{background:#f0f2f5;color:#000}.badge-draft,.badge-signed{border-radius:6px;font-size:13px;font-weight:600;padding:3px 8px}.badge-signed{background:#d1fae5;color:#065f46}.image-upload-section{margin-top:20px}.image-upload-label{margin-bottom:6px}.image-dropzone{background:#fff!important;border:2px dashed #3b5998!important;color:#f5f7fa;padding:18px 10px}.image-dropzone p{color:#333;font-size:14px}.image-dropzone span{font-size:11px}@media (max-width:1024px){.image-preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.image-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.image-preview-grid{grid-template-columns:repeat(1,1fr)}}.preview-card,.preview-card img{border-radius:16px}.preview-card .delete-btn{height:28px;width:28px}.preview-card .delete-btn:hover{transform:rotate(90deg)}@media (max-width:992px){.form-grid{grid-template-columns:1fr}}@media (max-width:600px){.create-room{padding:20px}.header h1{font-size:18px}input,select,textarea{font-size:13.5px}.extra-row{grid-template-columns:1.5fr 1fr 1fr 36px}}.building-page{animation:fadeIn .4s ease;background:#fafafa;color:#111;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.building-page .header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px}.building-page .header h1{align-items:center;color:#333;display:flex;font-size:22px;font-weight:700;gap:10px;letter-spacing:-.2px}.building-page .icon{color:#3b5998;font-size:26px}.building-page .toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.building-page .searchBox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;padding:8px 12px;transition:all .3s;width:260px}.building-page .searchBox:focus-within{border-color:#3b5998;box-shadow:0 0 0 3px #ff66001a}.building-page .searchBox input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px;outline:none}.building-page .add-btn{align-items:center;background:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 18px;transition:.25s ease}.building-page .add-btn:hover{background:#3b5998;box-shadow:none!important;transform:translateY(-2px)}.group-section{animation:fadeInUp .5s ease;margin-bottom:48px}.group-title{border-left:5px solid #3b5998;color:#3b5998;font-size:19px;font-weight:700;line-height:1.4;margin-bottom:16px;padding-left:10px;text-transform:capitalize}.filterBox,.group-title{align-items:center;display:flex;gap:8px}.filterBox{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px}.filterBox .filter-icon{color:#3b5998;font-size:18px}.filterBox select{background:#0000;border:none;color:#333;cursor:pointer;font-size:14px;font-weight:500;outline:none}.building-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow:hidden;transition:.25s ease}.building-card:hover{box-shadow:0 5px 14px #00000014;transform:translateY(-2px)}.b-header{align-items:center;background:#fff;border-bottom:1px solid #f2f2f2;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:.3s}.b-header:hover{background:#fff6ef}.b-info{display:flex;flex:1 1;flex-direction:column;margin-left:10px}.b-info strong{color:#00405d;font-size:16px;font-weight:700;margin-bottom:3px}.b-info span{color:#555;font-size:13px;line-height:1.4}.b-actions{display:flex;gap:10px}.b-actions .delete,.b-actions .edit{cursor:pointer;font-size:18px;transition:.25s ease}.b-actions .edit{color:#3b5998}.b-actions .delete{color:#e60023}.b-actions .delete:hover,.b-actions .edit:hover{transform:scale(1.2)}.group-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.building-card .special-info{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;gap:14px;height:140px;padding:14px 16px;position:relative;transition:all .3s ease}.building-card .special-info:hover{transform:translateY(-3px)}.special-left{flex-shrink:0;height:85px;width:85px}.special-left img{border:1px solid #f0f0f0;border-radius:8px;height:100%;object-fit:cover;width:100%}.special-details{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;line-height:1.3}.special-details p{color:#333;font-size:13px;margin:0}.special-details strong{color:#00405d;font-size:14px;font-weight:700}.building-card .b-actions,.room-card .room-actions,.special-info .b-actions{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.building-card:hover .b-actions,.room-card:hover .room-actions,.special-info:hover .b-actions{opacity:1;visibility:visible}.building-card .b-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;gap:8px;padding:5px 7px;position:absolute;right:10px;top:8px;transition:all .25s ease;z-index:5}.building-card .b-actions:hover{transform:translateY(-2px)}.building-card .b-actions .delete,.building-card .b-actions .edit{align-items:center;background:#ffffffe6;border-radius:8px;color:#000!important;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .25s ease;width:20px}.building-card .b-actions .delete{color:#e60023}.building-card .b-actions .edit:hover{color:#fff;transform:scale(1.15) rotate(5deg)}.building-card .b-actions .delete:hover{color:#fff;transform:scale(1.15) rotate(-5deg)}.status-tag.rented{color:#fff}.floor-block{background:#fff;border-bottom:1px dashed #eee;border-radius:10px;margin-bottom:24px;padding:0 24px 12px}.floor-header{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-top:8px}.room-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.room-card{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 1px 5px #0000000d;display:flex;gap:14px;min-height:110px;padding:10px 14px;position:relative;transition:all .25s ease}.room-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.room-card.available{border-left:3px solid #10b981}.room-card.rented{border-left:3px solid #f59e0b}.room-card.maintenance{border-left:3px solid #ef4444}.room-top{height:75px;position:relative;width:90px}.room-top img{border-radius:8px;height:100%;object-fit:cover;width:100%}.room-actions{display:flex;gap:4px;position:absolute;right:5px;top:5px}.room-actions button{background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;padding:3px 5px;transition:.25s ease}.room-actions button:hover{background:#3b5998;color:#fff}.room-info h4{color:#222;font-size:14px;font-weight:700;margin:0}.status-available{color:#10b981}.status-rented{color:#f59e0b}.status-maintenance{color:#ef4444}.room-bottom{font-size:12px;justify-content:space-between}.people,.room-bottom{align-items:center;display:flex}.people{color:#555;gap:4px}.detail-btn{background:#fff;border:1px solid #3b5998;border-radius:6px;color:#3b5998;font-size:11px;font-weight:600;padding:2px 8px;transition:.3s ease}.detail-btn:hover{background:#3b5998;color:#fff}.add-floor-btn,.room-add-btn{align-items:center;background:#fff;border:1.5px solid #3b5998;border-radius:8px;color:#3b5998;cursor:pointer;display:flex;justify-content:center;transition:all .25s ease}.room-add-btn{height:34px;width:34px}.room-add-btn:hover{background:#3b5998!important;color:#fff;transform:rotate(90deg) scale(1.05)}.add-floor-section{border-top:1px dashed #ffe0cc;display:flex;justify-content:center;margin-top:10px;padding-top:8px}.add-floor-btn{font-weight:600;gap:8px;padding:8px 16px}.add-floor-btn:hover{background:#3b5998;color:#fff;transform:scale(1.05)}.special-room{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;gap:14px;height:140px;padding:14px 16px;position:relative;transition:all .3s ease}.special-room:hover{box-shadow:0 4px 12px #ff660026;transform:translateY(-3px)}.special-room .special-left{flex-shrink:0;height:85px;width:85px}.special-room .special-left img{border:1px solid #f0f0f0;border-radius:8px;height:100%;object-fit:cover;width:100%}.special-room .special-details{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;line-height:1.3}.special-room .special-details p{color:#333;font-size:13px;margin:0}.special-room .special-details strong{color:#000;font-size:14px;font-weight:700}.special-room .room-actions{background:#ffffffb3;border-radius:8px;display:flex;gap:6px;padding:4px 6px;position:absolute;right:8px;top:6px;z-index:2}.special-room .room-actions .delete,.special-room .room-actions .edit{color:#000;cursor:pointer;font-size:16px;transition:.2s}.special-room .room-actions .delete{color:#000}.special-room .room-actions .delete:hover,.special-room .room-actions .edit:hover{transform:scale(1.2)}.status-tag{border-radius:6px;color:#fff;display:inline-block;font-size:12px;margin-left:6px;padding:3px 8px}.status-tag.available{background:#10b981}.status-tag.rented{background:#dc4e41}.status-tag.maintenance{background:#ef4444}.building-card .b-header{align-items:center;display:flex;justify-content:space-between;padding-right:40px;position:relative}.building-card .b-header .b-actions{display:flex;gap:10px;position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2}.building-card .b-header .b-actions .delete,.building-card .b-header .b-actions .edit{cursor:pointer;font-size:10px;font-size:10px!important;transition:.2s ease}.building-card .b-header .b-actions .delete{color:#e60023}.building-card .b-header .b-actions .edit:hover{color:#ff8c1a;transform:scale(1.15)}.building-card .b-header .b-actions .delete:hover{color:#ff2b2b;transform:scale(1.15)}.toast-confirm{align-items:center;animation:fadeInUp .35s ease forwards;background:#fff;border:2px solid #3b5998;border-radius:16px;box-shadow:none!important;color:#111;display:flex;flex-direction:column;font-weight:500;justify-content:center;max-width:90vw;min-width:300px;padding:18px 26px;text-align:center}.toast-confirm span{font-size:15.5px;line-height:1.5;margin-bottom:14px}.toast-buttons{display:flex;gap:14px;justify-content:center}.toast-buttons .btn-cancel,.toast-buttons .btn-confirm{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 18px;transition:all .25s ease}.toast-buttons .btn-confirm{background:#3b5998;box-shadow:none!important;color:#fff}.toast-buttons .btn-confirm:hover{background:#3b5998;transform:translateY(-2px)}.toast-buttons .btn-cancel{background:#000;box-shadow:0 3px 8px #0006;color:#fff}.toast-buttons .btn-cancel:hover{background:#333;transform:translateY(-2px)}[data-sonner-toast]{border-radius:12px!important;font-weight:500!important}.react-hot-toast{font-family:Inter,sans-serif;font-size:14.5px;font-weight:500;text-align:center}.react-hot-toast>div{border-radius:14px!important}[data-sonner-toaster]{justify-content:center!important}.image-upload{padding:16px}.image-upload:hover{background:#fff3e6}.preview-list{gap:10px;margin-top:12px}.preview-item{height:80px;width:110px}.preview-item button{background:#00000080;transition:.2s}.preview-item button:hover{background:#3b5998}.building-header{margin-bottom:8px}.building-header .left{align-items:center;display:flex;gap:8px}.building-header .icon{color:#3b5998;font-size:22px}.filter-toggle{border:1.4px solid #ddd;transition:all .25s ease}.filter-toggle:hover{background:#ff7a00;border-color:#ff7a00}.add-btn{background:#ff7a00;border-radius:8px;padding:7px 14px;transition:all .2s ease}.add-btn:hover{background:#e66b00}.filter-dropdown{animation:fadeIn .25s ease;border:1px solid #eee;margin-bottom:18px;margin-top:10px}.filter-item{border:1px solid #e5e7eb;gap:6px}.room-card.special-room{background:#fff;border-left:5px solid #0000;border-radius:10px;transition:border-color .3s ease}.room-card.special-room.status-available{border-left-color:#00b488}.room-card.special-room.status-rented{border-left-color:#ce1126}.room-card.special-room.status-maintenance{border-left-color:#f39c12}.room-card.special-room,.special-info{background:#fff;border-left:5px solid #0000;border-radius:10px;box-shadow:0 2px 6px #0000000f;padding:12px;transition:border-color .3s ease}.status-available{border-left-color:#2ecc71}.status-rented{border-left-color:#e74c3c}.status-maintenance{border-left-color:#f39c12}.special-details{margin-left:8px}@media (max-width:500px){.toast-confirm{padding:16px 20px}.toast-buttons{flex-direction:column;gap:10px}.toast-buttons button{width:100%}}@media (max-width:1200px){.group-grid{grid-template-columns:repeat(2,1fr)}.special-left{height:80px;width:80px}}@media (max-width:768px){.group-grid{grid-template-columns:1fr}.special-info{flex-direction:column;height:auto;padding:10px}.special-left{width:100%}.special-left img{height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoice-page{background:#fff;color:#111;font-family:Inter,sans-serif;min-height:100vh;padding:20px 32px}.invoice-page .invoice-header{align-items:center;background:#fff;border-bottom:2px solid #3b5998;border-radius:12px;box-shadow:0 2px 12px #0000000d;display:flex;justify-content:space-between;padding:16px 22px}.invoice-page .invoice-header .left{align-items:center;display:flex;gap:10px}.invoice-page .invoice-header .icon{color:#3b5998;font-size:24px}.invoice-page .invoice-header h1{color:#111;font-size:20px;font-weight:700}.invoice-page .add-btn{align-items:center;background:#3b5998;border:none;border-radius:10px;box-shadow:0 4px 10px #3b599840;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 16px;transition:all .25s ease}.invoice-page .add-btn:hover{background:#2c4373;box-shadow:0 6px 14px #3b599859;transform:translateY(-2px)}.invoice-page .add-btn i,.invoice-page .add-btn svg{color:#fff!important;font-size:14px}.invoice-page .building-box{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 4px 14px #0000000a;margin-top:24px;padding:20px 22px}.invoice-page .room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.invoice-page .room-header h3{color:#222;font-size:18px;font-weight:700}.invoice-page .room-header span{color:#777;font-size:14px}.invoice-page .table-wrapper{border:1px solid #eee;border-radius:10px;margin-top:8px;overflow:hidden}.invoice-page .invoice-table{border-collapse:collapse;table-layout:fixed;width:100%}.invoice-page .invoice-table td,.invoice-page .invoice-table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-page .invoice-table th{background:#fff;border-bottom:2px solid #3b5998;color:#000;font-size:13.5px;font-weight:700;padding:12px 10px;text-align:center;text-transform:uppercase}.invoice-page .invoice-table td{border-top:1px solid #f5f5f5;color:#222;font-size:14px;padding:10px;text-align:center}.invoice-page .invoice-table tr:hover td{background:#f5f5f5!important}.status-paid{background:#d4f8e8!important;color:#0f5132!important}.status-paid,.status-unpaid{border-radius:8px!important;display:inline-block!important;font-weight:600!important;padding:6px 12px!important;white-space:nowrap!important}.status-unpaid{background:#ffe1e1!important;color:#c53030!important}.status-partial{background:#fff3cd!important;border-radius:8px!important;color:#b7791f!important;display:inline-block!important;font-weight:600!important;padding:6px 12px!important;white-space:nowrap!important}.invoice-table td.status-paid,.invoice-table td.status-partial,.invoice-table td.status-unpaid{white-space:normal!important}.invoice-table td span{max-width:100%;width:auto}.invoice-table td.status-paid,.invoice-table td.status-partial,.invoice-table td.status-unpaid{margin-top:13px;max-width:140px!important;min-width:140px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.invoice-table td span{display:inline-block;white-space:nowrap}.invoice-page .action-group{display:flex;gap:10px;justify-content:center}.invoice-page .action-btn{align-items:center;background:#f7f9ff;border:1.4px solid #d8def5;border-radius:12px;box-shadow:0 2px 6px #3b599814;color:#3b5998;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:all .25s ease;width:38px}.invoice-page .action-btn:hover{background:#3b5998;border-color:#3b5998;box-shadow:0 6px 16px #3b599847;color:#fff;transform:translateY(-2px)}.invoice-page .pay-btn{background:#eef2ff;border-color:#c7d1ff;color:#3347a8}.invoice-page .pay-btn:hover{background:linear-gradient(135deg,#3b5998,#324b82);border-color:#3b5998;color:#fff}.invoice-page .delete-btn{background:#fff5f5;border-color:#ffc9c9;color:#d62828}.invoice-page .delete-btn:hover{background:#d62828;border-color:#d62828;box-shadow:0 6px 16px #d6282847;color:#fff}.invoice-page .action-btn svg{height:18px;pointer-events:none;width:18px}.invoice-page .invoice-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.invoice-page .invoice-modal{animation:fadeIn .3s ease;background:#fff;border-radius:18px;box-shadow:0 12px 35px #00000040;max-height:95vh;overflow-y:auto;padding:30px 36px;position:relative;width:780px}.invoice-page .close-btn{background:none;border:none;color:#444;cursor:pointer;font-size:22px;position:absolute;right:16px;top:12px;transition:.2s}.invoice-page .close-btn:hover{color:#000;transform:scale(1.1)}.invoice-page .modal-title{border-bottom:2px solid #3b5998;color:#000;font-size:20px;font-weight:700;margin-bottom:12px;padding-bottom:6px;text-align:center}.invoice-page .invoice-info-grid{display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.invoice-page .invoice-info-grid p{margin:4px 0}.invoice-page .invoice-info-grid .right{text-align:right}.invoice-page .invoice-detail{border-collapse:collapse;font-size:14px;margin-bottom:12px;width:100%}.invoice-page .invoice-detail th{background:#fff!important;border-bottom:2px solid #3b5998;color:#000!important;padding:6px;text-align:center}.invoice-page .invoice-detail td{background:#fff!important;border:1px solid #e5e5e5;padding:8px;text-align:center}.invoice-page .bottom-row{align-items:center;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-top:10px;padding:14px 20px}.invoice-page .qr-side{text-align:center}.invoice-page .qr-side p{color:#555;font-size:13px;margin-top:6px}.invoice-page .summary{border-radius:12px;flex:1 1;padding:12px 18px;text-align:right}.invoice-page .summary p{color:#222;font-size:15px;font-weight:500;line-height:1.5;margin:6px 0}.invoice-page .summary strong{color:#111;font-weight:650}.invoice-page .summary .highlight{color:#ff7b00;font-weight:700}.invoice-page .summary h2{color:#111;font-size:22px;font-weight:700;margin-top:12px}.invoice-page .summary h2 .total{color:#3b5998;font-size:26px;font-weight:750}.invoice-page .btn-print{align-items:center;background:#3b5998;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;margin-top:14px;padding:12px;transition:.3s;width:100%}.invoice-page .btn-print:hover{background:#2c4373;box-shadow:none!important;transform:scale(1.02)}.invoice-page .payment-modal{background:#fff;border-radius:18px;box-shadow:0 12px 40px #00000040;padding:28px 30px;text-align:center;width:420px}.invoice-page .payment-modal h3{align-items:center;color:#3b5998;display:flex;font-size:18px;font-weight:700;gap:6px;justify-content:center}.invoice-page .payment-modal p{color:#333;font-size:14px;margin-top:6px}.invoice-page .payment-modal input{border:1px solid #ccc;border-radius:8px;margin-top:16px;outline:none;padding:10px;text-align:center;transition:.2s;width:100%}.invoice-page .payment-modal input:focus{border-color:#ff7b00;box-shadow:0 0 0 2px #ff7b0033}.invoice-page .payment-actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px}.invoice-page .btn-cancel,.invoice-page .btn-confirm{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px 0;transition:.25s}.invoice-page .btn-cancel{background:#222}.invoice-page .btn-cancel:hover{background:#000}.invoice-page .btn-confirm,.invoice-page .btn-confirm:hover{background:#3b5998}.search-box{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;padding:5px 10px;width:340px}.search-box input{border:none;flex:1 1;font-size:14px;outline:none;padding:6px}.search-icon{color:#888;margin-right:8px}.room-title{color:#333;font-weight:600;margin-top:8px}.leader-info{color:#3b5998;font-size:14px;margin-bottom:5px;margin-top:10px;padding-left:10px;padding-top:5px}.leader-missing{color:#999;font-size:14px;font-style:italic;margin-top:8px}.building-header{align-items:center;background:#f6f6f6;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 15px;transition:all .25s ease}.building-header:hover{background:#ececec}.toggle-icon{color:#555;font-size:13px;font-weight:500;margin-left:10px}.meter-row img{transition:transform .2s ease-in-out}.meter-row img:hover{transform:scale(1.03)}.meter-row strong{color:#ff7a00}.invoice-modal.elegant{background:#fff;border-radius:14px;box-shadow:0 4px 25px #0000001f;color:#222;max-height:90vh;overflow-y:auto;padding:28px 34px;width:780px}.invoice-header-section{border-bottom:2px solid #f38c1a;margin-bottom:20px;padding-bottom:10px;text-align:center}.invoice-title{color:#f38c1a;font-size:1.7rem;margin-bottom:4px}.invoice-date{color:#666;font-size:.9rem}.invoice-meta{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:20px}.meta-left p,.meta-right p{margin:4px 0}.beautiful-table{border-collapse:collapse;margin-bottom:20px;width:100%}.beautiful-table th{background:#f38c1a;color:#fff;padding:10px;text-align:center}.beautiful-table td{border-bottom:1px solid #eee;padding:8px;text-align:center}.meter-info{align-items:center;display:flex;gap:15px;padding:8px 0}.meter-image{border:1px solid #ddd;border-radius:8px;height:80px;object-fit:cover;width:130px}.meter-text p{font-size:13px;margin:2px 0}.meter-text a{color:#007bff;font-size:13px;text-decoration:underline}.invoice-summary{border-top:2px solid #f38c1a;margin-top:20px;padding-top:10px}.qr-block{text-align:center}.summary-block p{font-size:.95rem;margin:4px 0}.summary-block .highlight{color:#d97706;font-weight:600}.summary-block .total{color:#f38c1a;font-weight:700;margin-top:6px}.invoice-footer{color:#555;font-size:.9rem;margin-top:25px;text-align:center}.btn-print{background:#f38c1a;margin-top:10px;padding:10px 16px}.btn-print:hover{background:#ea7c00}.clickable-service:hover{background-color:#fff3e6;transition:.2s}.mini-modal{box-shadow:0 8px 25px #00000026}.qr-side img{transition:transform .3s ease}.qr-side img:hover{transform:scale(1.05)}.header-filters{gap:10px}.month-filter{background:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:.3s}.month-filter:hover{border-color:#3b5998}.header-filters{flex-wrap:wrap;gap:16px;justify-content:space-between}.filter-group,.header-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-item{background:#fff;border:1px solid #ddd;border-radius:10px;height:38px;position:relative}.filter-item input,.filter-item select{height:100%;width:180px}.filter-item .search-icon{color:#888;margin-right:6px}.filter-item input:focus,.filter-item select:hover{border:none;outline:none}.add-btn{align-items:center;background:#3b5998;display:flex;font-weight:600;gap:6px;padding:8px 16px;transition:.3s}.add-btn:hover{background:#e65500}.header-actions{gap:10px;justify-content:flex-end;margin-bottom:10px}.filter-toggle,.header-actions{align-items:center;display:flex}.filter-toggle{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#111;cursor:pointer;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.filter-toggle:hover{background:#3b5998;border-color:#3b5998;color:#fff}.filter-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 10px #0000000d;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px;padding:14px 18px}.filter-item{align-items:center;background:#fafafa;border:1.2px solid #e5e7eb;border-radius:8px;display:flex;padding:6px 10px}.filter-item input,.filter-item select{background:#0000;border:none;color:#111;cursor:pointer;font-size:14px;outline:none}.search-icon{color:#ff7a00;margin-right:6px}.meter-modal-wrapper .mini-modal{animation:fadeIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:95%;padding:20px;position:relative;width:400px}.new-modal{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;padding:28px;position:relative;text-align:center;width:430px}.new-modal h3{font-weight:700;margin-bottom:10px}.remain-text{font-size:15px;margin-bottom:18px}.payment-type-box{display:flex;flex-direction:column;gap:10px}.pay-option{background:#f9fafc;border:1px solid #ccd;border-radius:10px;cursor:pointer;font-weight:600;padding:12px;transition:.25s}.pay-option:hover{background:#eef3ff}.pay-option.active{background:#3b5998;border-color:#3b5998;color:#fff}.partial-box{margin-top:14px;text-align:left}.partial-box input{border:1px solid #ddd;border-radius:8px;font-size:15px;margin-top:6px;padding:10px;width:100%}.payment-actions{gap:14px;justify-content:center;margin-top:22px}.btn-cancel{background:#e5e7eb}.btn-cancel,.btn-confirm{padding:8px 18px}.payment-actions{display:flex;gap:12px;justify-content:space-between;margin-top:18px}.btn-cancel{align-items:center;background:#f1f3f5;border:1px solid #d6d6d6;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:10px 0;transition:.2s ease}.btn-cancel svg{color:#666}.btn-cancel:hover{background:#e9ecef}.btn-confirm{align-items:center;background:#3b5998;border:none;border-radius:8px;color:#fff;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:10px 0;transition:.2s ease}.btn-confirm svg{color:#fff}.btn-confirm:hover{background:#324c86}.meter-modal-wrapper .form-group{margin-bottom:15px}.meter-modal-wrapper .form-group label{display:block;font-weight:700;margin-bottom:5px}.meter-modal-wrapper .form-group input{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px;width:100%}.meter-modal-wrapper .form-actions{display:flex;justify-content:space-between}.meter-modal-wrapper .form-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px}.meter-modal-wrapper .btn-cancel{background-color:#ef4444;color:#fff}.meter-modal-wrapper .btn-cancel:hover{background-color:#e11d48}.meter-modal-wrapper .btn-confirm{background-color:#f38c1a;color:#fff}.meter-modal-wrapper .btn-confirm:hover{background-color:#e57f15}@media (max-width:768px){.invoice-page{padding:14px}.invoice-page .invoice-header{flex-direction:column;gap:8px}.invoice-page .building-box{padding:14px}.invoice-page .invoice-modal{padding:20px;width:95%}.invoice-page .payment-modal{width:90%}}@media print{@page{size:A4 portrait;margin:0}body,html{background:#fff!important;height:297mm!important;margin:0!important;padding:0!important;width:210mm!important}body *{visibility:hidden}.invoice-page .invoice-modal,.invoice-page .invoice-modal *{visibility:visible}.invoice-page .invoice-modal{border:none!important;box-shadow:none!important;left:0!important;margin:0 auto!important;padding:10mm!important;position:relative!important;top:0!important;width:calc(100% - 20mm)!important}.invoice-page .btn-print,.invoice-page .close-btn{display:none!important}}.invoice-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#222;font-family:Inter,Segoe UI,sans-serif;margin:40px auto;max-width:1200px;padding:40px;transition:all .3s ease}.invoice-container:hover{box-shadow:0 6px 25px #0000001a}.invoice-title{align-items:center;color:#3b5998!important;display:flex;font-size:27px;font-weight:650;gap:12px;margin-bottom:25px}.invoice-form{display:flex;flex-direction:column;gap:30px}.invoice-section{background:#fff;border:1px solid #eee;border-radius:12px;padding:25px;transition:.3s ease}.invoice-section:hover{background:#fff;border-color:#3b5998}.invoice-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.invoice-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.invoice-grid label{color:#444;display:block;font-weight:600;margin-bottom:6px}.invoice-grid input[type=date],.invoice-grid input[type=number],.invoice-grid input[type=text],.invoice-grid select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.invoice-grid input:focus,.invoice-grid select:focus{border-color:#ff7b00;box-shadow:0 0 6px #ff7b004d;outline:none}.leader-box,.leader-box-empty{border-radius:8px;font-size:15px;margin-top:-10px;padding:14px 18px}.leader-box{background-color:#eef3ff;border-left:5px solid #1f3b73;color:#1f3b73}.leader-box,.leader-box-empty{border-radius:8px;font-size:15px;font-weight:600;margin-top:-10px;padding:14px 18px}.leader-box-empty{background-color:#fff9e6;border-left:5px solid #e6b252;color:#b05a00}.invoice-table{border-collapse:collapse;border-radius:10px;font-size:15px;margin-top:15px;overflow:hidden;table-layout:fixed;width:100%}.invoice-table th{background:#fff!important;border-bottom:2px solid #3b5998;color:#222!important;font-weight:600;padding:12px}.invoice-table td,.invoice-table th{text-align:center;white-space:nowrap}.invoice-table td{border-bottom:1px solid #eee;padding:10px 8px;vertical-align:middle}.invoice-table td,.invoice-table tr:nth-child(2n){background-color:#fff}.invoice-table tr:hover td{background-color:#fff6eb;transition:.25s ease}.invoice-table td:first-child,.invoice-table td:nth-child(2),.invoice-table th:first-child,.invoice-table th:nth-child(2){width:18%}.invoice-table td:nth-child(3),.invoice-table th:nth-child(3){width:10%}.invoice-table td:nth-child(4),.invoice-table th:nth-child(4){width:8%}.invoice-table td:nth-child(5),.invoice-table td:nth-child(6),.invoice-table th:nth-child(5),.invoice-table th:nth-child(6){width:16%}.invoice-table td:nth-child(7),.invoice-table th:nth-child(7){width:14%}.invoice-table input[type=date],.invoice-table input[type=number],.invoice-table input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:6px 8px;text-align:center;width:100%}.invoice-table input[type=number]{max-width:60px}.invoice-table input[type=text][readonly]{background:#f9f9f9;border:none;color:#333;font-weight:600}.invoice-table input:focus{border-color:#ff7b00;box-shadow:0 0 4px #ff7b004d}.btn-meter{background-color:#1f3b73;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:.2s ease;white-space:nowrap}.btn-meter:hover{background-color:#2a4da3}.invoice-summary-section{align-items:flex-start;display:flex;gap:50px;justify-content:space-between;margin-top:30px}.invoice-summary-right{display:flex;flex:0 0 360px;flex-direction:column;gap:10px}.invoice-summary-item{align-items:center;display:flex;gap:15px;justify-content:space-between}.invoice-summary-item label{color:#333;flex:1 1;font-weight:600}.invoice-summary-item input{background:#fff;border:1px solid #ccc;border-radius:6px;flex:1 1;max-width:180px;padding:8px 10px;text-align:right}.invoice-summary-item input:focus{border-color:#ff7b00;box-shadow:0 0 4px #ff7b004d}.total-final input{background-color:#f8fff8;border:2px solid #28a745;color:#28a745;font-weight:700}.invoice-note{display:flex;flex:1 1;flex-direction:column}.invoice-note textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;height:140px;padding:12px;resize:none;transition:all .2s ease;width:100%}.invoice-note textarea:focus{border-color:#ff7b00;box-shadow:0 0 6px #ff7b0040}.invoice-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:10px 18px;transition:.25s}.btn-save{background:#3b5998;color:#fff}.select option[disabled]{background-color:#f7f7f7;color:gray;font-style:italic}.btn-save:hover{background:#3b5998;box-shadow:none!important}.btn-cancel{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.btn-cancel:hover{background-color:#eaeaea}.modal-overlay{background:#0006;height:100%;left:0;top:0;width:100%;z-index:1000}select option[disabled]{background:#f5f5f5;color:#999;font-style:italic}.modal-content{animation:fadeIn .25s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:95%;padding:25px;width:420px}.modal-content h3{color:#ff7b00;font-size:20px;font-weight:700;margin-bottom:15px}.meter-form{display:flex;flex-direction:column;gap:10px}.meter-form label{color:#444;font-weight:600}.meter-form input[type=date],.meter-form input[type=file],.meter-form input[type=number]{border:1px solid #ccc;border-radius:6px;padding:8px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.price-input{padding:6px 10px}td[title]:hover:after{background:#333;border-radius:6px;color:#fff;content:attr(title);font-size:13px;left:50%;opacity:.9;padding:4px 8px;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:10}.price-wrapper{align-items:center;display:flex;justify-content:flex-end;position:relative}.price-input{background-color:#fff;border:1px solid #ccc;border-radius:6px;color:#333;font-weight:600;padding:6px 36px 6px 8px;text-align:right;transition:all .2s ease;width:100%}.price-input:focus{border-color:#ff7b00;box-shadow:0 0 5px #ff7b004d;outline:none}.price-unit{color:#888;font-size:12px;pointer-events:none;position:absolute;right:2px}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card{animation:slideUp .25s ease;background:#fff;border-radius:14px;box-shadow:0 6px 25px #00000040;max-width:95%;padding:28px;width:440px}.modal-title{color:#ff7b00;font-size:22px;font-weight:700;margin-bottom:10px}.modal-service{color:#444;font-size:15px;margin-bottom:18px}.modal-form{display:flex;flex-direction:column;gap:14px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.form-group input[type=date],.form-group input[type=file],.form-group input[type=number]{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 10px;transition:all .2s;width:100%}.form-group input:focus{border-color:#ff7b00;box-shadow:0 0 5px #ff7b0040;outline:none}.image-preview{margin-top:10px;text-align:center}.image-preview img{border:1px solid #eee;border-radius:10px;box-shadow:0 2px 6px #00000026;max-height:200px;object-fit:contain;width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.modal-actions .btn-cancel,.modal-actions .btn-save{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:90px;padding:9px 14px;transition:.2s ease}.modal-actions .btn-save{background:#3b5998;box-shadow:none!important;color:#fff}.modal-actions .btn-save:hover{background:linear-gradient(90deg,#e96f00,#ff8d1a)}.modal-actions .btn-cancel{background:#f5f5f5;border:1px solid #ddd;color:#333}.modal-actions .btn-cancel:hover{background:#eaeaea}.date-row{display:flex;gap:30px;margin-top:10px}.date-field{display:flex;flex:1 1;flex-direction:column}.date-field label{color:#333;font-weight:600;margin-bottom:6px}.date-field input[type=date]{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:15px;padding:8px 10px;transition:.2s}.date-field input[type=date]:focus{border-color:#ff7b00;box-shadow:0 0 4px #ff7b0066;outline:none}.invoice-print{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 25px #00000026;max-width:650px;padding:20px 30px}.invoice-header{font-size:22px}.invoice-id{color:#555;margin-bottom:16px}.invoice-info{display:flex;font-size:15px;justify-content:space-between;margin-bottom:15px}.info-left p,.info-right p{margin:2px 0}.invoice-table-print{margin:10px 0 15px}.invoice-table-print th{background:#3b5998;color:#fff;padding:6px;text-align:left}.money{font-weight:500;text-align:right}.invoice-summary{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.summary-right{font-size:16px}.invoice-note{color:#333;margin-top:15px}.status.unpaid{color:#842029}.status.paid{color:#0f5132}.btn-print{background-color:#3b5998;color:#fff;margin-right:10px}.btn-cancel{background-color:#ccc;border:none;border-radius:8px;cursor:pointer;padding:10px 18px}.invoice-totals p{font-size:15px;margin:3px 0}.invoice-totals .highlight{color:#3b5998;font-size:18px;font-weight:700}.invoice-totals{background:#fff8f2;border-radius:8px;margin-top:10px;padding:10px}.invoice-landscape{background:#fff;border-radius:12px;box-shadow:0 5px 25px #00000026;margin:40px auto;max-height:90vh;max-width:800px;overflow-y:auto;padding:25px 30px;width:100%}.invoice-header{color:#3b5998;font-size:20px;font-weight:700;margin-bottom:4px;text-align:center;text-transform:uppercase}.invoice-id{color:#666;font-size:14px;margin-bottom:15px;text-align:center}.invoice-info-landscape{display:flex;flex-wrap:wrap;font-size:15px;gap:20px;justify-content:space-between;line-height:1.5;margin-bottom:15px}.info-col{width:48%}.info-col.right{text-align:right}.invoice-table-print{margin-top:10px}.invoice-table-print td,.invoice-table-print th{border:1px solid #ddd;font-size:14px;padding:8px;text-align:center}.invoice-table-print thead th{background:#fff!important;border-bottom:2px solid #3b5998!important;color:#000!important;font-size:14px;font-weight:700;padding:10px 8px;text-align:center;text-transform:uppercase}.invoice-table-print{border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.invoice-table-print th:first-child{border-top-left-radius:10px}.invoice-table-print th:last-child{border-top-right-radius:10px}.invoice-table-print td{background:#fff;border-bottom:1px solid #eee;font-size:14px;padding:8px;text-align:center}.invoice-table-print tr:hover td{background:#fff7eb;transition:.25s ease}.invoice-summary-landscape{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:15px}.qr-section{flex:1 1;font-size:13px;text-align:center}.qr-section img{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:block;height:140px;margin:8px auto;object-fit:contain;width:140px}.summary-right{flex:1 1;font-size:15px;text-align:right}.summary-right p{margin:3px 0}.summary-right .highlight{color:#3b5998;font-size:18px;font-weight:700}.total-line{border-top:2px solid #3b5998;margin-top:8px;padding-top:4px}.invoice-note{background:#fff;border-radius:6px;box-shadow:none!important;color:#555;font-style:italic;margin-top:10px;padding:8px 10px}.status{border-radius:6px;font-size:13px;font-weight:700;padding:3px 8px}.status.unpaid{color:#b91c1c;font-size:14px}.status.partial{color:#664d03;font-size:14px}.status.paid{color:#166534;font-size:14px}.invoice-actions,.modal-actions{align-items:center;display:flex!important;gap:12px;justify-content:flex-end;margin-top:20px}.btn-print{align-items:center;border:none;border-radius:8px;box-shadow:none!important;cursor:pointer;display:flex!important;font-weight:600;gap:8px;padding:10px 18px}.btn-print:hover{background:#2c4373!important}.btn-cancel,.close-modal-btn{align-items:center;background:#f1f1f1!important;border:1px solid #ddd;border-radius:8px;color:#333!important;cursor:pointer;display:flex!important;font-weight:500;gap:6px;padding:10px 18px}.btn-cancel:hover,.close-modal-btn:hover{background:#e5e5e5!important}.btn-cancel svg,.btn-print svg{height:16px;width:16px}.btn-exists{align-items:center;background:#3b5998;border:none;border-radius:8px;box-shadow:0 3px 10px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:all .25s ease}.btn-exists:hover{background:#3b5998;transform:translateY(-1px)}.btn-exists:active{transform:scale(.98)}.btn-exists:before{font-size:18px}.image-preview-large{position:relative;text-align:center}.image-preview-large img{transition:all .3s ease}.image-preview-large img:hover{transform:scale(1.02)}.image-preview-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline}.modal-card{overflow-y:auto}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.clickable-service:hover{background-color:#fff7eb;transition:.25s}.mini-modal{animation:fadeInScale .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 25px #0003;padding:24px;position:relative;text-align:center;width:460px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mini-modal-title{color:#f38c1a;font-size:1.3rem;margin-bottom:16px}.meter-preview img{border:1px solid #ddd;border-radius:10px;margin-bottom:12px;max-height:260px;object-fit:cover;width:100%}.meter-details{color:#444;font-size:.95rem;text-align:left}.meter-details p{margin:4px 0}.view-original{color:#007bff;display:inline-block;margin-top:8px;text-decoration:underline}.close-btn{background:none;font-size:1.3rem;position:absolute;right:12px;top:10px;transition:color .2s}.close-btn:hover{color:#ff7a00}.invoice-actions button,.modal-actions button{align-items:center!important;box-sizing:border-box;display:inline-flex!important;gap:8px;height:42px!important;justify-content:center!important;line-height:42px!important;padding:0 18px!important}.btn-print{background:#3b5998!important;border:none!important;color:#fff!important}.btn-cancel{background:#f1f1f1!important;border:1px solid #ddd!important;color:#333!important}.btn-cancel svg,.btn-print svg{height:18px;width:18px}.invoice-summary-landscape .summary-right p{align-items:center;display:flex;font-size:15px;justify-content:space-between;line-height:20px;margin:4px 0;padding:4px 0}.invoice-summary-landscape .summary-right p strong{display:inline-block;font-weight:600;min-width:110px}@media (max-width:500px){.btn-exists{font-size:14px;padding:9px 12px;width:100%}}@media (max-width:900px){.invoice-summary-section{flex-direction:column}.invoice-summary-right{width:100%}.invoice-buttons{align-items:stretch;flex-direction:column}}body{background:#fafafa;color:#111;font-family:Inter,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.create-building-page{animation:fadeIn .5s ease;min-height:100vh;padding:32px}.form-header{border-bottom:2px solid #3b5998;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:28px;padding-bottom:10px}.form-header,.form-header h2{align-items:center;display:flex}.form-header h2{color:#3b5998;font-size:24px;font-weight:600;gap:10px;letter-spacing:-.3px}.close-btn{background:#0000;border:none;color:#444;cursor:pointer;font-size:26px;transition:.3s}.close-btn:hover{color:#3b5998;transform:rotate(90deg)}.form-container{animation:fadeUp .6s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;margin:auto;max-width:1200px;overflow:hidden;padding:40px 50px;position:relative;width:100%}.form-container:before{background:radial-gradient(circle,#ff66001a,#0000 70%);content:"";height:400px;position:absolute;right:-40%;top:-40%;transform:rotate(25deg);width:400px}.form-body{display:flex;flex-wrap:wrap;gap:40px}.form-left,.form-right{flex:1 1;min-width:320px}label{color:#333;display:block;font-size:14px;font-weight:600;letter-spacing:.2px;margin-bottom:6px}input{width:96%!important}input,select{background:#fff;border:1px solid #ddd;border-radius:10px;font-size:15px;margin-bottom:15px;padding:12px;transition:.3s ease}select{width:100%!important}textarea{background:#fff;border:1px solid #ddd;border-radius:10px;font-size:15px;margin-bottom:15px;padding:12px;transition:.3s ease;width:96%!important}input:focus,select:focus,textarea:focus{background:#fffefc;border-color:#3b5998;box-shadow:0 0 0 3px #ff660026;outline:none}textarea{resize:none}.utility-card{background:#fffaf5;border:1px solid #ffe1ca;border-radius:14px;box-shadow:none!important;margin-top:20px;padding:16px 18px;transition:all .3s ease}.utility-card:hover{box-shadow:0 6px 16px #ff660026;transform:translateY(-2px)}.card-header{justify-content:space-between;margin-bottom:12px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#000;font-size:16px;font-weight:700;gap:6px}.add-btn{background:#3b5998!important;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.25s ease}.add-btn:hover{background:#3b5998;transform:scale(1.05)}.extra-list{display:flex;flex-direction:column;gap:10px}.extra-row{align-items:center;animation:fadeIn .3s ease;border:1px solid #eee;border-radius:10px;display:flex;gap:8px;padding:8px 10px;transition:.25s ease}.extra-row,.extra-row:hover{background:#fff}.extra-row input{background:#0000;border:none;color:#333;flex:1 1;font-size:14px}.extra-row input:focus{outline:none}.remove-btn{background:#3b5998;border:1px solid #3b5998!important;border-radius:8px;color:#3b5998!important;cursor:pointer;padding:6px 10px;transition:.25s ease}.remove-btn:hover{background:#e60023;transform:scale(1.05)}.image-upload{animation:fadeIn .4s ease;background:#fffaf5;border:2px dashed #3b5998;border-radius:12px;cursor:pointer;margin-top:25px;padding:18px;text-align:center;transition:.3s ease}.image-upload:hover{background:#fff!important}.image-upload label{align-items:center;color:#000;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;transition:.25s}.image-upload label:hover{transform:scale(1.05)}.preview-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.preview-item{animation:fadeIn .3s ease;border-radius:10px;box-shadow:0 2px 8px #00000026;height:90px;overflow:hidden;position:relative;transition:.3s ease;width:120px}.preview-item:hover{transform:scale(1.05)}.preview-item img{height:100%;object-fit:cover;width:100%}.preview-item button{align-items:center;background:#ff6600d9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:4px;top:4px;transition:.25s ease;width:22px}.preview-item button:hover{background:#f60;transform:scale(1.1)}.unit-input{width:90px}.utility-row{align-items:center;display:flex;gap:12px;margin-top:10px;padding:0 10px 10px}.utility-row input[type=text]:first-child{flex:1.7 1}.currency-input{align-items:center;display:flex;flex:0.9 1}.unit-input{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#333;flex:0.6 1;font-size:13.5px;outline:none;padding:8px 10px;text-align:center;transition:.2s}.unit-input:focus{border-color:#3b5998;box-shadow:0 0 0 3px #ff66001a}.form-footer{border-top:1px solid #f0f0f0;display:flex;gap:20px;justify-content:flex-end;margin-top:32px;padding-top:20px}.cancel-btn,.save-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.2px;padding:10px 26px;transition:.3s ease}.cancel-btn{background-color:#fff;color:#000!important}.cancel-btn:hover{background-color:#e5e5e5;color:#fff!important;transform:translateY(-2px)}.save-btn{background-color:#3b5998;box-shadow:0 3px 8px #ff66004d;color:#fff}.save-btn:hover{background-color:#e65a00;transform:translateY(-2px)}.currency-input-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.currency-input-wrapper input{border:1.5px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:.25s;width:100%}.currency-input-wrapper input:focus{border-color:#3b5998;box-shadow:0 0 0 3px #ff66001a}.price-hint-text{color:#3b5998!important;margin-left:3px}.form-left label,.form-right label{color:#222;display:block;font-weight:600;margin-bottom:6px;margin-top:18px}.form-left input,.form-left select,.form-left textarea,.form-right input,.form-right select,.form-right textarea{border:1.5px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:6px;outline:none;padding:10px 12px;transition:.25s;width:100%}.form-left input:focus,.form-left select:focus,.form-left textarea:focus,.form-right input:focus,.form-right select:focus,.form-right textarea:focus{border-color:#3b5998;box-shadow:0 0 0 3px #ff660026}.price-hint-text{color:#3b5998;font-size:13px;font-style:italic;margin-bottom:10px;margin-top:4px}.input-row{display:flex;gap:16px}.input-row .input-group{display:flex;flex:1 1;flex-direction:column}.tenant-contract-section{flex-direction:column}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.empty-text{color:#999;font-style:italic}.tenant-contract-section{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.contract-card,.tenant-card{background:#fff;border-radius:12px;border-top:4px solid #3b5998;box-shadow:0 4px 10px #00000014;flex:1 1;min-width:420px;padding:20px;transition:.3s}.contract-card:hover,.tenant-card:hover{transform:translateY(-3px)}.tenant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btn-orange{background:#ff7a00;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px;transition:.25s}.btn-orange:hover{background:#3b5998}.btn-outline{background:#fff;border:1px solid #3b5998;border-radius:8px;color:#ff7a00;cursor:pointer;font-weight:600;padding:6px 12px;transition:.25s}.btn-outline:hover{background:#ff7a00;color:#fff}.tenant-note{color:#555;font-size:14px;margin-bottom:10px}.electric-water-index{align-items:center;display:flex;gap:20px}.electric-index,.water-index{flex:1 1}.electric-index label,.water-index label{display:block;margin-bottom:5px}.electric-index input,.water-index input{border:1px solid #ddd;border-radius:5px;padding:8px;width:100%}.image-upload-section{margin-top:25px}.image-upload-label{color:#222;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.image-dropzone{align-items:center;background:#fffaf6;border:2px dashed #3b5998;border-radius:14px;box-shadow:inset 0 1px 3px #ff660014;color:#3b5998;cursor:pointer;display:flex;flex-direction:column;gap:6px;margin-bottom:15px;padding:20px 10px;text-align:center;transition:.25s}.image-dropzone:hover{background:#fff5ef;border-color:#3b5998;box-shadow:0 0 6px #ff660026;transform:scale(1.01)}.image-dropzone p{font-size:15px;font-weight:600;margin:0}.image-dropzone span{color:#777;font-size:12px}.image-preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:10px}.preview-card{background:#fff;border-radius:18px;box-shadow:0 4px 12px #0000001f;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.preview-card:hover{box-shadow:0 8px 16px #ff66004d;transform:translateY(-3px)}.preview-card img{border-radius:18px;height:110px;object-fit:cover;transition:transform .3s ease;width:100%}.preview-card:hover img{transform:scale(1.07)}.preview-card .delete-btn{align-items:center;background:#0000008c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:6px;top:6px;transition:.3s;width:30px}.preview-card .delete-btn:hover{background:#ff4d4d;transform:rotate(10deg)}.preview-tag{background:#ffffffd9;border-radius:8px;bottom:6px;color:#333;font-size:12px;font-weight:600;left:6px;padding:3px 8px;position:absolute}.preview-tag.new{background:#3b5998;color:#fff}.contract-card-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 18px}.contract-card-left .contract-title{font-size:16px;margin:0}.tag-draft{background:#f0f2f5;color:#000}.tag-draft,.tag-signed{border-radius:8px;font-size:12px;font-weight:600;margin-left:6px;padding:3px 8px}.tag-signed{background:#d1fae5;color:#065f46}.contract-date{color:#555;font-size:14px;margin:3px 0 0}.contract-actions{align-items:center;display:flex;gap:10px}.btn-view{background:#3b5998!important;border:1px solid #3b5998;border-radius:8px;color:#fff!important;cursor:pointer;padding:6px 14px;transition:.2s}.btn-view:hover{background:#3b5998}.btn-delete{background:#ffe5e5;border:none;border-radius:8px;color:#d33;cursor:pointer;padding:8px 10px;transition:.2s}.btn-delete:hover{background:#fcc}.confirm-box{padding:8px;text-align:center}.confirm-btns{display:flex;gap:10px;justify-content:center;margin-top:8px}.confirm-yes{background:#3b5998;border:none;color:#fff}.confirm-no,.confirm-yes{border-radius:6px;padding:6px 12px}.confirm-no{background:#eee}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.form-container{padding:30px}.form-body{flex-direction:column}}@media (max-width:576px){.form-header h2{font-size:20px}.preview-item{height:80px;width:100px}.form-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.CreateContract_createContractContainer__CeiZ0{align-items:center;animation:CreateContract_fadeIn__-7Y1n .6s ease;background-color:#f8fafc;color:#222;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding:40px 50px}@keyframes CreateContract_fadeIn__-7Y1n{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.CreateContract_headerSection__AkFK7{margin-bottom:25px;max-width:1000px;text-align:left;width:100%}.CreateContract_headerSection__AkFK7 h1{align-items:center;color:#3b5998;display:flex;font-size:2rem;font-weight:700;gap:10px;margin-bottom:6px}.CreateContract_headerSection__AkFK7 i{font-size:1.5rem}.CreateContract_headerSection__AkFK7 p{color:#555;font-size:1rem}.CreateContract_formSection__g6Kt\+{animation:CreateContract_fadeSlide__7SzQF .5s ease;background:#fff;border-radius:18px;box-shadow:0 4px 15px #00000014;max-width:1000px;padding:30px 35px;transition:all .3s ease;width:100%}@keyframes CreateContract_fadeSlide__7SzQF{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.CreateContract_infoBox__HFYa9{background:#fff;border-left:5px solid #3b5998!important;border:.2px solid #dadada;border-radius:12px;box-shadow:0 2px 5px #00000008;margin-bottom:20px;padding:20px}.CreateContract_infoBox__HFYa9 h2{align-items:center;color:#3b5998;display:flex;font-size:1.15rem;font-weight:600;gap:8px;margin-bottom:10px}.CreateContract_infoBox__HFYa9 p{font-size:.95rem;margin-bottom:6px}.CreateContract_inputGrid__GQo1c{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px}.CreateContract_inputBox__2huJV label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:6px}.CreateContract_inputBox__2huJV input{border:1px solid #ccc;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.CreateContract_inputBox__2huJV input:focus{border-color:#f97316;box-shadow:0 0 5px #f9731666;outline:none}.CreateContract_buttonGroup__9WDvQ{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:25px}.CreateContract_btnMain__AJRY2{align-items:center;background:#3b5998;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;letter-spacing:.3px;padding:12px 26px;transition:all .3s ease}.CreateContract_btnMain__AJRY2:hover{box-shadow:none!important;transform:scale(1.05)}.CreateContract_btnBack__dgCL1{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:600;margin-top:10px;padding:8px 16px;transition:.2s}.CreateContract_btnBack__dgCL1:hover{background:#d1d5db}.CreateContract_btnCancel__Sg-bN{align-items:center;background:#e5e7eb;border:none;border-radius:10px;color:#333;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.CreateContract_btnCancel__Sg-bN:hover{background:#d1d5db;transform:scale(1.03)}.CreateContract_contractEditBox__XrJdj{align-items:center;background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:column;margin-top:35px;padding:30px 0;width:100%}.CreateContract_editableContract__i69Aa{border:none!important;box-shadow:none!important;font-size:20px!important;line-height:1.9;margin:0 auto;text-align:justify;width:900px}.CreateContract_editableContract__i69Aa h2{color:#000;font-size:22px;font-weight:700;margin:30px 0;text-align:center;text-transform:uppercase}.CreateContract_editableContract__i69Aa p{margin-bottom:10px}.CreateContract_editableContract__i69Aa ul{margin-left:25px;margin-top:10px}.CreateContract_editableContract__i69Aa ul li{margin-bottom:8px}.CreateContract_editableContract__i69Aa p strong{color:#111}.CreateContract_editableContract__i69Aa span{color:#f97316;font-weight:600}.CreateContract_editableContract__i69Aa:focus-within{box-shadow:0 0 0 3px #f9731640}.CreateContract_editHint__G7mKc{color:#777;font-size:.9rem;font-style:italic;margin-top:10px;text-align:right}.CreateContract_loadingPage__espUw{color:#f97316;font-size:1.2rem;padding:100px 0;text-align:center}@media (max-width:1024px){.CreateContract_editableContract__i69Aa{padding:40px 30px;width:90%}}@media (max-width:768px){.CreateContract_createContractContainer__CeiZ0{padding:20px}.CreateContract_editableContract__i69Aa{padding:30px 20px}.CreateContract_headerSection__AkFK7 h1{font-size:1.5rem}.CreateContract_infoBox__HFYa9{padding:15px}.CreateContract_btnCancel__Sg-bN,.CreateContract_btnMain__AJRY2{flex:1 1;justify-content:center}}.contract-management-page{background:#f9fafc;color:#111;font-family:Inter,sans-serif;min-height:100vh;padding:28px}.page-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.page-header h1{color:#222;font-size:1.6rem;font-weight:700}.header-icon{color:#3b5998!important;font-size:22px}.search-bar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 5px #0000000a;display:flex;gap:8px;margin-bottom:24px;padding:10px 14px}.search-icon{color:#666}.search-bar input{background:#0000;border:none;flex:1 1;font-size:15px;outline:none}.contract-table table{background:#fff;border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 3px 8px #0000000d;overflow:hidden;width:100%}.contract-table th{background:#fff;border-bottom:2px solid #3b5998;color:#000;font-size:13.5px;font-weight:700;padding:14px 16px;text-transform:uppercase}.contract-table td{border-bottom:1px solid #f3f4f6;font-size:15px;padding:14px 16px;text-align:left}.contract-table tr:hover{background-color:#f2f4f7!important;transition:.25s ease}.status-tag{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 10px}.status-ok{background:#ececec;color:#166534}.status-warning{background:#ececec;color:#000}.status-expired{background:#fee2e2;color:#b91c1c}.status-active{background:#dcfce7;color:#166534}.status-active,.status-draft{border-radius:20px;font-size:13px;font-weight:600;padding:4px 10px}.status-draft{background:#ececec;color:#000}.room-link{color:#ff7a00;cursor:pointer;font-weight:600}.room-link:hover{text-decoration:underline}.actions{display:flex;gap:8px}.actions button{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 6px #0000000f;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:6px;padding:7px 14px;transition:.25s ease}.btn-view{background:#fff;border:1.5px solid #1f3b73;color:#1f3b73}.btn-edit,.btn-view:hover{background:#1f3b73;color:#fff}.btn-edit:hover{background:#2a4da3}.btn-delete{background:#fff5f5;border:1.5px solid #f2c1c1;color:#d32f2f}.btn-delete:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin:18px 0}.pagination button{background:#fff;border:1px solid #3b5998;border-radius:8px;color:#3b5998;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:.25s ease}.pagination button:hover:not(:disabled){background:#e8edf7;color:#3b5998}.pagination button:disabled{background:#f5f5f5;border-color:#d0d0d0;color:#999;cursor:not-allowed;opacity:.5}.pagination span{color:#3b5998;font-size:15px;font-weight:600}.pagination-box{align-items:center;display:flex;gap:10px;justify-content:center;margin:22px 0 40px}.pagination-box .page-btn{background:#fff!important;border:1.5px solid #3b5998!important;border-radius:10px;color:#3b5998!important;cursor:pointer;font-size:15px;font-weight:600;height:38px;transition:.25s ease;width:38px}.pagination-box .page-btn:hover:not(:disabled){background:#e8edf7!important;border-color:#3b5998!important;color:#3b5998!important}.pagination-box .page-btn.active{background:#3b5998!important;border-color:#3b5998!important;color:#fff!important}.pagination-box .page-btn:disabled{background:#f3f4f6!important;border-color:#ddd!important;color:#999!important;cursor:not-allowed}.extend-modal{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.extend-box{background:#fff;border-radius:14px;box-shadow:0 8px 24px #00000026;padding:24px;text-align:center;width:360px}.extend-box input{border:1px solid #ddd;border-radius:8px;font-size:15px;margin-top:8px;padding:8px 10px;width:100%}.modal-btns{display:flex;gap:10px;justify-content:center;margin-top:16px}.confirm-btn{background:#3b5998!important;color:#fff;font-weight:600}.cancel-btn,.confirm-btn{border:none;border-radius:8px;cursor:pointer;padding:6px 14px}.cancel-btn{background:#f3f4f6;font-weight:500}.empty-text{color:#666;font-size:15px;margin-top:40px;text-align:center}.CreateTenants_container__zHNRm{background:#fff;border-radius:10px;padding:32px}.CreateTenants_header__Y3IRA{align-items:center;display:flex;margin-bottom:25px}.CreateTenants_icon__wP7aC{color:#3b5998;font-size:34px;margin-right:10px}.CreateTenants_header__Y3IRA h1{color:#3b5998;font-size:24px}.CreateTenants_grid__47dkB{display:flex;gap:28px;justify-content:space-between}.CreateTenants_form__6PVRJ{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;flex:1 1;padding:25px}.CreateTenants_form__6PVRJ h3{color:#111;margin-bottom:18px}.CreateTenants_form__6PVRJ input{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:12px;padding:10px 12px;width:100%}.CreateTenants_btnMain__5dkC0{background:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;width:100%}.CreateTenants_btnMain__5dkC0:hover{background:#3b5998}.CreateTenants_list__b3jXP{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;flex:1 1;max-height:560px;overflow-y:auto;padding:25px}.CreateTenants_card__PloWg{background:#fafafa;border-left:4px solid #0000;border-radius:10px;margin-bottom:20px;padding:18px;transition:all .25s ease}.CreateTenants_card__PloWg:hover{box-shadow:0 3px 10px #00000014;transform:translateY(-2px)}.CreateTenants_leader__DfNYA{border-left:4px solid #3b5998}.CreateTenants_leaderIcon__Ar\+-2{color:#3b5998}.CreateTenants_leaderBadge__SU3FK{background:#3b5998;border-radius:6px;color:#fff;font-size:13px;margin-left:8px;padding:3px 8px}.CreateTenants_actions__rIbXn{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.CreateTenants_actions__rIbXn button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:6px;padding:8px 14px;transition:all .25s ease}.CreateTenants_btnEdit__IP21E{background:#dc4e41;color:#fff}.CreateTenants_btnEdit__IP21E:hover{background:#dc4e41}.CreateTenants_btnEnd__OwntB{background:#1b1b1b;color:#fff}.CreateTenants_btnEnd__OwntB:hover{background:#000}.CreateTenants_btnLeader__wsz7A{background:#ff7a00;color:#fff}.CreateTenants_btnLeader__wsz7A:hover{background:#e56e00}.CreateTenants_btnRemoveLeader__6Gfkm{background:#3b5998;color:#fff}.CreateTenants_btnRemoveLeader__6Gfkm:hover{background:#3b5998}.CreateTenants_actions__rIbXn i{font-size:14px}.CreateTenants_toastBox__hmX4l{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#222;font-size:15px;padding:14px 20px;text-align:center;width:320px}.CreateTenants_toastBtns__OxiAp{display:flex;gap:10px;justify-content:center;margin-top:12px}.CreateTenants_toastOk__zai5o{background:#3b5998;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 14px}.CreateTenants_toastOk__zai5o:hover{background:#3b5998}.CreateTenants_btnBack__T5z0w{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:600;margin-top:10px;padding:8px 16px;transition:.2s}.CreateTenants_btnBack__T5z0w:hover{background:#d1d5db}.CreateTenants_toastCancel__bXOoa{background:#1b1b1b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 14px}.CreateTenants_toastCancel__bXOoa:hover{background:#000}
/*# sourceMappingURL=main.1492248d.css.map*/