.navbar{background-color:#fdfcfa;height:64px;display:flex;align-items:center;justify-content:flex-end;padding:0 40px;border-bottom:1px solid #ede9e1;position:sticky;top:0;z-index:100}@media(max-width:1199px){.navbar{display:none}}.navbar__title{font-size:15px;font-weight:500;color:#2c2c2c;margin:0;letter-spacing:-.01em}.navbar__menu{gap:.5rem}.navbar__link,.navbar__menu,.navbar__notifications{display:flex;align-items:center}.navbar__link{justify-content:center;text-decoration:none}.navbar__profile{display:flex;align-items:center;gap:.75rem}.navbar__user-avatar{width:34px;height:34px;border-radius:50%;background:#f0ece4;border:1px solid #e5dfd6;display:flex;align-items:center;justify-content:center;color:#a09890;transition:border-color .15s ease,background .15s ease;cursor:pointer;overflow:hidden}.navbar__user-avatar svg{width:18px;height:18px}.navbar__user-avatar:hover{border-color:#c4a882;background:#f0ece4}.navbar__logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;font-family:inherit;background:transparent;color:#6e6760;padding:6px 14px;font-size:12px;color:#b87070;border:1px solid #b87070}.navbar__logout-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.navbar__logout-btn:hover:not(:disabled){background:#f0ece4;border-color:#c4a882}.navbar__logout-btn:hover{background:#faecec;border-color:#b87070}.sidebar{display:flex;flex-direction:column;background-color:#fff;width:260px;height:100vh;border-radius:0;border-right:1px solid #e8e4df;padding-bottom:1.25rem;transition:all .3s ease;position:fixed;top:0;left:0;z-index:300;overflow-y:auto}@media(max-width:1199px){.sidebar{width:100%;height:auto;border-radius:0;position:relative;z-index:100}}.sidebar__logo{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem 1rem .75rem}.sidebar__logo img{width:40px;height:40px}.sidebar__logo p{font-weight:700;font-size:1.125rem;color:#3d3d3d}.sidebar__select-bar{width:260px;padding:.5rem 1rem}@media(max-width:1199px){.sidebar__select-bar{width:100%}}.sidebar__apartment-select{width:100%;height:56px;padding:0 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:1rem;color:#3d3d3d;background-color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}@media(max-width:1199px){.sidebar__apartment-select{width:100%}}.sidebar__apartment-select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.15)}.sidebar__apartment-select:hover{border-color:#a89078}.sidebar__apartment-select option{font-size:.875rem;padding:.5rem;font-family:inherit}.sidebar__section-separator{height:1px;background-color:#e8e4df;margin:1rem 0}.sidebar__list{flex-grow:1}@media(max-width:1199px){.sidebar__list{display:flex;flex-wrap:wrap;justify-content:center}}.sidebar__item{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;color:#6b6b6b;margin:0 .5rem;border-radius:8px}@media(max-width:1199px){.sidebar__item{padding:.5rem 1rem;margin:.25rem}}.sidebar__item:hover{background-color:#f0ede9;color:#3d3d3d}.sidebar__item--active{font-weight:600;color:#fff;background-color:#8b7355}.sidebar__item--active img{filter:brightness(0) invert(1)}.sidebar__item--active:hover{color:#fff;background-color:#6b5344}.sidebar__item img{width:24px;height:24px;margin-right:.5rem;opacity:.8}.sidebar__item p,.sidebar__item span{font-size:.875rem}.sidebar__link{text-decoration:none;color:inherit}.sidebar__section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.sidebar__logout{margin-top:auto;padding:1rem}.sidebar__logout button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;width:100%;justify-content:flex-start;color:#6b6b6b;padding:.75rem;border-radius:8px}.sidebar__logout button:disabled{opacity:.5;cursor:not-allowed}.sidebar__logout button:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.sidebar__logout button:hover{background:#fceaea;color:#c67b7b}.sidebar__logout button img{width:20px;height:20px;margin-right:.5rem}.billing{padding:1.5rem}@media(max-width:767px){.billing{padding:1rem}}.billing__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.billing__header-right{display:flex;gap:.75rem;flex-wrap:wrap}.billing__header-right button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.billing__header-right button:disabled{opacity:.5;cursor:not-allowed}.billing__header-right button:hover:not(:disabled){background:#6b5344}.billing__header-right button:active:not(:disabled){transform:translateY(1px)}.billing__title-block{display:flex;flex-direction:column;gap:2px}.billing__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.billing__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.billing__filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}@media(max-width:767px){.billing__filters{flex-direction:column;align-items:stretch}}.billing__filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.billing__filter-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.billing__filter-button:disabled{opacity:.5;cursor:not-allowed}.billing__filter-button:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.billing__filter-button--active{background:#8b7355;color:#fff;border-color:#8b7355}.billing__filter-button--active:hover{background:#6b5344;border-color:#6b5344}.billing__search-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,200px));gap:.75rem;align-items:end;margin-left:auto}@media(max-width:767px){.billing__search-filters{grid-template-columns:1fr;width:100%;margin-left:0}}.billing__filter-group{display:flex;flex-direction:column;gap:.25rem}.billing__filter-label{font-size:.75rem;font-weight:600;color:#6b6b6b}.billing__view-mode-toggle{display:flex;border:1px solid #e8e4df;border-radius:4px;overflow:hidden;margin-bottom:.25rem}.billing__view-mode-btn{flex:1;padding:4px .5rem;font-size:.75rem;font-weight:500;color:#9a9a9a;background:#fff;border:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.billing__view-mode-btn+.billing__view-mode-btn{border-left:1px solid #e8e4df}.billing__view-mode-btn--active{background:#f0ede9;color:#3d3d3d;font-weight:600}.billing__search,.billing__select{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.billing__search::placeholder,.billing__select::placeholder{color:#9a9a9a}.billing__search:focus,.billing__select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.billing__search:disabled,.billing__select:disabled{background:#f7f4f0;cursor:not-allowed}@media(max-width:767px){.billing__search,.billing__select{width:100%}}.billing__table{width:100%;border-collapse:collapse;margin-top:1rem}.billing__table th{background:#f7f4f0;color:#6b6b6b;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8e4df}.billing__table td{padding:.75rem 1rem;border-bottom:1px solid #f0ede9;color:#3d3d3d;font-size:.875rem}.billing__table tbody tr{transition:background .15s ease}.billing__table tbody tr:hover{background:#f0ede9}.billing__table--recent{background:#fef6ee;border:2px solid #d4a574}.billing__table-container{overflow-x:auto;margin-bottom:1rem}.billing__recent-section,.billing__table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.billing__recent-section{padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #d4a574}.billing__section-title{font-size:1.25rem;font-weight:600;color:#3d3d3d;margin-bottom:1rem}.billing__empty,.billing__loading{text-align:center;padding:1.5rem;color:#9a9a9a;font-size:.875rem}.billing__empty{background:#f7f4f0;border-radius:8px}.billing__pagination{display:flex;padding:1rem;margin-top:1rem;border-top:1px solid #f0ede9}.billing__pagination,.billing__pagination-btn{align-items:center;justify-content:center;gap:.5rem}.billing__pagination-btn{display:inline-flex;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df;padding:.5rem 1rem}.billing__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.billing__pagination-btn:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.billing__pagination-pages{display:flex;gap:.25rem}.billing__pagination-page{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df;width:36px;height:36px;padding:0}.billing__pagination-page:disabled{opacity:.5;cursor:not-allowed}.billing__pagination-page:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.billing__pagination-page--active{background:#8b7355;border-color:#8b7355;color:#fff}.billing__pagination-page--active:hover{background:#6b5344;border-color:#6b5344}.billing__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.billing__actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none}.billing__actions button:disabled{opacity:.5;cursor:not-allowed}.billing__actions button.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.billing__actions button.btn--primary:disabled{opacity:.5;cursor:not-allowed}.billing__actions button.btn--primary:hover:not(:disabled){background:#6b5344}.billing__actions button.btn--primary:active:not(:disabled){transform:translateY(1px)}.billing__actions button.btn--success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#5d8a66;color:#fff}.billing__actions button.btn--success:disabled{opacity:.5;cursor:not-allowed}.billing__actions button.btn--success:hover:not(:disabled){background:#4a7052}.billing__actions button.btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#c67b7b;color:#fff}.billing__actions button.btn--danger:disabled{opacity:.5;cursor:not-allowed}.billing__actions button.btn--danger:hover:not(:disabled){background:#a65d5d}.billing__actions button.btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.billing__actions button.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.billing__actions button.btn--secondary:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.table__row{transition:background .15s ease}.table__row:hover{background:#f0ede9}.table__cell{font-size:.875rem;color:#3d3d3d}.table__cell button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.table__cell button:disabled{opacity:.5;cursor:not-allowed}.table__cell button.btn--primary{background:#2c2c2c;color:#fff;border:1.5px solid #2c2c2c;padding:.5rem .75rem}.table__cell button.btn--primary:hover:not(:disabled){background:#111;border-color:#111}.table__cell button.btn--disabled,.table__cell button:disabled{background:#f0ece4;color:#a09890;border:1.5px solid #e5dfd6;opacity:1;cursor:not-allowed}.table__cell button.btn--success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#5d8a66;color:#fff;padding:.5rem .75rem}.table__cell button.btn--success:disabled{opacity:.5;cursor:not-allowed}.table__cell button.btn--success:hover:not(:disabled){background:#4a7052}.table__cell button.btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#c67b7b;color:#fff;padding:.5rem .75rem}.table__cell button.btn--danger:disabled{opacity:.5;cursor:not-allowed}.table__cell button.btn--danger:hover:not(:disabled){background:#a65d5d}.table__cell button.btn--warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#d4a574;color:#fff;padding:.5rem .75rem}.table__cell button.btn--warning:disabled{opacity:.5;cursor:not-allowed}.table__cell button.btn--warning:hover:not(:disabled){background:#b8865a}.billing__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid transparent;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;font-family:inherit;padding:6px 14px;font-size:12px}.billing__action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.billing__action-btn--active{background:#5c6b5a;color:#fff;border-color:#5c6b5a}.billing__action-btn--active:hover{background:#47544a;border-color:#47544a}.billing__action-btn--disabled{background:#f0ece4;color:#a09890;border-color:#e5dfd6;opacity:1;cursor:not-allowed;pointer-events:none}.billing__action-btn--danger{background:#faecec;color:#b87070;border-color:#faecec}.billing__action-btn--danger:hover{background:#b87070;color:#fff;border-color:#b87070}.preview__section{box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.preview__section-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.preview__details{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.preview__details-item label{font-size:.875rem}.preview__payment-methods{display:flex;flex-direction:column;gap:1rem}.preview__payment-method{gap:1rem}.preview__room-details{background:#f7f4f0;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.preview__room-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e8e4df;color:#3d3d3d}.preview__usage{margin-bottom:1.5rem}.preview__usage h4{font-weight:500;margin-bottom:1rem;color:#3d3d3d}.preview__readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.preview__readings select{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;margin-top:.25rem}.preview__readings select::placeholder{color:#9a9a9a}.preview__readings select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__readings select:disabled{background:#f7f4f0;cursor:not-allowed}.preview__usage-result{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:4px;margin-top:.5rem}.preview__total{background:#fff;padding:1rem;border-radius:4px;margin-top:1rem;border:1px solid #f0ede9}.preview__total h4{font-weight:700;margin-bottom:.5rem;color:#3d3d3d}.preview__total-amount{font-size:1.25rem;font-weight:700;color:#8b7355}.preview__loading{text-align:center;padding:1.5rem;background:#f7f4f0;border-radius:8px;margin-bottom:1rem;color:#9a9a9a}.billing-summary{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.billing-summary,.billing-summary__header{margin-bottom:1.5rem}.billing-summary__title{font-size:1.25rem;font-weight:600;color:#3d3d3d;margin-bottom:.25rem}.billing-summary__subtitle{font-size:.875rem;color:#9a9a9a}.billing-summary__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.billing-summary__card{background:linear-gradient(135deg,#8b7355,#6b5344);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 4px 6px rgba(0,0,0,.07);transition:transform .2s ease,box-shadow .2s ease}.billing-summary__card:hover{transform:translateY(-2px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.billing-summary__card--total{background:linear-gradient(135deg,#8b7355,#6b5344)}.billing-summary__card--paid{background:linear-gradient(135deg,#5d8a66,#4a7052)}.billing-summary__card--unpaid{background:linear-gradient(135deg,#d4a574,#b8865a)}.billing-summary__card-icon{flex-shrink:0;width:48px;height:48px;background:hsla(0,0%,100%,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.billing-summary__card-icon svg{width:24px;height:24px}.billing-summary__card-content{flex:1;color:#fff}.billing-summary__card-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem;font-weight:500}.billing-summary__card-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;line-height:1.25}.billing-summary__card-percentage{font-size:.875rem;opacity:.85;font-weight:500}@media(max-width:767px){.billing-summary{padding:1rem}.billing-summary__cards{grid-template-columns:1fr;gap:1rem}.billing-summary__card{padding:1rem}.billing-summary__card-value{font-size:1.5rem}}.text-title1{font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.150000006px}.text-h1{font-size:48px;line-height:52px;font-weight:700}.text-h2{font-size:44px;line-height:48px;font-weight:700}.text-xs-h2{font-size:36px}.text-h4,.text-xs-h2{font-weight:700;line-height:40px}.text-h3,.text-h4{font-size:32px}.text-h3{font-weight:700;line-height:40px}.text-h6{line-height:26px}.text-h6,.text-lg-h6{font-size:20px;font-weight:700}.text-lg-h6{line-height:24px}.text-subtitle0{font-size:18px}.text-subtitle0,.text-subtitle1{line-height:24px;font-weight:700}.text-subtitle1{font-size:16px}.text-subtitle2{font-size:14px;line-height:20px;font-weight:700}.text-body1{font-size:16px;line-height:24px}.text-body1__bold{font-weight:600}.text-body2{font-size:14px;line-height:20px}.text-body2__bold{font-weight:700}.text-lg-body1{font-size:14px;line-height:20px}.text-body-large{font-size:16px;line-height:24px}.text-body-large__bold{font-weight:700}.text-caption{font-size:12px;line-height:18px}.text-caption__bold{font-size:12px;line-height:16px;font-weight:700}.text-caption2{font-size:10px;font-weight:400;line-height:14px}.text-custom-sm--bold{font-size:12px;line-height:16px;font-weight:700}.text-other-subtitle{font-family:var(--font-dm-sans);font-size:18px;line-height:20px;font-weight:700px;letter-spacing:.08em}.text-head-size2{font-family:var(--font-dm-sans);font-size:34px;font-weight:700;line-height:46px;text-align:left}.preview{padding:1.5rem;max-width:1000px;margin:0 auto}.preview__title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#3d3d3d}.preview__section{margin-bottom:1.25rem;background:#fff;padding:1.25rem;border-radius:12px;border:1px solid #f0ede9;box-shadow:0 1px 2px rgba(0,0,0,.05)}.preview__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.preview__section-title{font-size:1.125rem;font-weight:600;margin-bottom:0;color:#3d3d3d}.preview__section-subtitle{font-size:.875rem;color:#6b6b6b;margin-bottom:.5rem}.preview__mode-toggle{display:flex;border:1px solid #e8e4df;border-radius:4px;overflow:hidden;flex-shrink:0}.preview__mode-option{display:flex;align-items:center;padding:4px 12px;cursor:pointer;font-size:.75rem;font-weight:400;letter-spacing:.01em;color:#9a9a9a;background:#fff;transition:background .15s,color .15s;white-space:nowrap;user-select:none;line-height:1.4}.preview__mode-option input[type=radio]{display:none;width:0;height:0;position:absolute;visibility:hidden}.preview__mode-option span{pointer-events:none}.preview__mode-option--active{background:#f0ede9;color:#3d3d3d;font-weight:600}.preview__mode-option+.preview__mode-option{border-left:1px solid #e8e4df}.preview__label{display:block;font-size:.875rem;font-weight:500;color:#6b6b6b;margin-bottom:.5rem}.preview__input-label{display:block;font-size:.75rem;color:#9a9a9a;margin-bottom:.25rem}.preview__input-row{display:flex;gap:.75rem}.preview__input-group{flex:1}.preview__readonly-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.preview__readonly-value{flex:1;padding:.5rem .75rem;background:#f7f4f0;border:1px solid #f0ede9;border-radius:4px;font-size:.875rem;color:#6b6b6b;margin-bottom:0}.preview__edit-btn{flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;color:#8b7355;background:transparent;border:1px solid #8b7355;border-radius:4px;cursor:pointer;white-space:nowrap}.preview__edit-btn:hover{background:#f7f4f0}.preview__no-prev-billing-warning{font-size:.75rem;color:#c67b7b;margin-top:.25rem}.preview__select--warning{padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;border-color:#c67b7b!important}.preview__select--warning::placeholder{color:#9a9a9a}.preview__select--warning:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__select--warning:disabled{background:#f7f4f0;cursor:not-allowed}.preview__select--warning:focus{outline-color:#c67b7b}.preview__offset-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.preview__offset-input{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:6rem!important;font-size:.875rem}.preview__offset-input::placeholder{color:#9a9a9a}.preview__offset-input:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__offset-input:disabled{background:#f7f4f0;cursor:not-allowed}.preview__offset-result{font-size:.875rem;color:#8b7355;font-weight:500}.preview__minimum-note{font-size:.75rem;color:#b8865a;margin-top:.25rem;margin-bottom:0}.preview__checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b6b6b;margin-bottom:.5rem;cursor:pointer}.preview__checkbox-label input[type=checkbox]{accent-color:#8b7355;width:16px;height:16px;cursor:pointer}.preview__promptpay-input{padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%;margin-top:.5rem}.preview__promptpay-input::placeholder{color:#9a9a9a}.preview__promptpay-input:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__promptpay-input:disabled{background:#f7f4f0;cursor:not-allowed}.preview__details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:600px){.preview__details{grid-template-columns:1fr}}.preview__details-item{margin-bottom:.5rem;color:#6b6b6b}.preview__details-item p{margin-bottom:.25rem}.preview__details-item label{display:block;margin-bottom:.5rem;font-weight:500;color:#6b6b6b}.preview__usage-result{margin-top:1rem;padding:.75rem;background:#f7f4f0;border-radius:8px;border:1px solid #f0ede9}.preview__usage-result p{margin-bottom:.25rem;color:#3d3d3d;font-weight:500;font-size:.875rem}.preview__usage-result p:nth-child(2){font-size:1rem;color:#8b7355;font-weight:600}.preview__payment-methods{display:grid;gap:.75rem}.preview__payment-method{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e8e4df;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.preview__payment-method:hover{background-color:#f7f4f0;border-color:#8b7355}.preview__payment-method input[type=text]{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;flex:1;width:auto}.preview__payment-method input[type=text]::placeholder{color:#9a9a9a}.preview__payment-method input[type=text]:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__payment-method input[type=text]:disabled{background:#f7f4f0;cursor:not-allowed}.preview__payment-method input[type=number]{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:8rem;flex-shrink:0}.preview__payment-method input[type=number]::placeholder{color:#9a9a9a}.preview__payment-method input[type=number]:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__payment-method input[type=number]:disabled{background:#f7f4f0;cursor:not-allowed}.preview__payment-method button{color:#c67b7b;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;font-size:.875rem;transition:all .2s ease}.preview__payment-method button:hover{background:#fceaea}.preview__payment-method--add{justify-content:center;color:#6b6b6b;font-size:.875rem;border-style:dashed;background:transparent}.preview__payment-method--add:hover{border-color:#8b7355;color:#8b7355;background:transparent}.preview__summary{display:flex;flex-direction:column;gap:0;border:1px solid #f0ede9;border-radius:8px;overflow:hidden}.preview__summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;color:#6b6b6b;border-bottom:1px solid #f0ede9}.preview__summary-row:last-child{border-bottom:none}.preview__summary-row--total{background:#f7f4f0;font-weight:600;color:#3d3d3d;font-size:1rem}.preview__total{font-size:1.125rem;font-weight:700;color:#8b7355}.preview__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0ede9}.preview__actions-button{padding:.75rem 1.5rem}.preview__actions-button,.preview__actions-button--cancel{border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.preview__actions-button--cancel{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.preview__actions-button--cancel:disabled{opacity:.5;cursor:not-allowed}.preview__actions-button--cancel:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.preview__actions-button--create{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.preview__actions-button--create:disabled{opacity:.5;cursor:not-allowed}.preview__actions-button--create:hover:not(:disabled){background:#6b5344}.preview__actions-button--create:active:not(:disabled){transform:translateY(1px)}.preview input[type=date],.preview select{padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.preview input[type=date]::placeholder,.preview select::placeholder{color:#9a9a9a}.preview input[type=date]:focus,.preview select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview input[type=date]:disabled,.preview select:disabled{background:#f7f4f0;cursor:not-allowed}.preview__details input[type=number],.preview__details input[type=text],.preview__section>input[type=number],.preview__section>input[type=text]{padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.preview__details input[type=number]::placeholder,.preview__details input[type=text]::placeholder,.preview__section>input[type=number]::placeholder,.preview__section>input[type=text]::placeholder{color:#9a9a9a}.preview__details input[type=number]:focus,.preview__details input[type=text]:focus,.preview__section>input[type=number]:focus,.preview__section>input[type=text]:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.preview__details input[type=number]:disabled,.preview__details input[type=text]:disabled,.preview__section>input[type=number]:disabled,.preview__section>input[type=text]:disabled{background:#f7f4f0;cursor:not-allowed}.preview input[type=radio]:not([name$=InputMode]){accent-color:#8b7355;width:18px;height:18px;cursor:pointer}.receipt{padding:1.5rem;max-width:720px}@media(max-width:767px){.receipt{padding:1rem}}.receipt__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.receipt__title-block{display:flex;flex-direction:column;gap:2px}.receipt__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.receipt__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.receipt__body{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.receipt__card{background:#fdfcfa;border:1px solid #e5dfd6;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);padding:1.25rem}.receipt__card-title{font-size:13px;font-weight:600;color:#2c2c2c;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #ede9e1;letter-spacing:.01em}.receipt__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1.25rem}@media(max-width:767px){.receipt__grid{grid-template-columns:1fr}}.receipt__field{display:flex;flex-direction:column;gap:3px}.receipt__label{font-size:11px;color:#a09890;text-transform:uppercase;letter-spacing:.04em}.receipt__value{font-size:13px;color:#2c2c2c;font-weight:500}.receipt__usage-table{display:flex;flex-direction:column;gap:0}.receipt__usage-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:10px 0;border-bottom:1px solid #ede9e1;font-size:13px;color:#6e6760;align-items:center}.receipt__usage-row span:last-child{text-align:right;min-width:100px}.receipt__usage-row span:nth-child(2){text-align:center;min-width:80px;color:#a09890;font-size:12px}.receipt__usage-row--header{font-size:11px;font-weight:600;color:#a09890;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5dfd6}.receipt__usage-row--total{border-bottom:none;border-top:1px solid #e5dfd6;margin-top:4px;padding-top:12px;font-weight:600;font-size:14px;color:#2c2c2c}.receipt__payment-method{display:flex;flex-wrap:wrap;gap:.5rem}.receipt__payment-option{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e5dfd6;border-radius:8px;cursor:pointer;font-size:13px;color:#6e6760;transition:border-color .15s ease,background .15s ease,color .15s ease;font-family:inherit}.receipt__payment-option input[type=radio]{accent-color:#5c6b5a;width:14px;height:14px}.receipt__payment-option:hover{border-color:#c4a882;background:#f0ece4}.receipt__payment-option--active{border-color:#5c6b5a;background:#e8ede8;color:#5c6b5a;font-weight:500}.receipt__actions{display:flex;justify-content:flex-end;gap:.75rem}.receipt__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;padding:10px 22px;font-family:inherit}.receipt__btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.receipt__btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;padding:10px 22px;font-family:inherit;background:#5c6b5a;color:#fff}.receipt__btn--primary:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.receipt__btn--primary .btn-arrow{display:inline-block;transition:transform .15s ease}.receipt__btn--primary:hover:not(:disabled){background:#47544a}.receipt__btn--primary:hover:not(:disabled) .btn-arrow{transform:translateX(3px)}.receipt__btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;white-space:nowrap;text-decoration:none;padding:10px 22px;font-family:inherit;background:transparent;border:1px solid #e5dfd6;color:#6e6760}.receipt__btn--secondary:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.receipt__btn--secondary:hover:not(:disabled){background:#f0ece4;border-color:#c4a882}.signin{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#faf8f5;padding:1rem}.signin__container{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 20px 25px rgba(0,0,0,.12)}@media(max-width:767px){.signin__container{padding:1.5rem;border-radius:12px}}.signin__header{text-align:center;margin-bottom:2rem}.signin__header-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;color:#8b7355;font-weight:600;font-size:1.125rem}.signin__header-title{font-size:1.5rem;font-weight:700;color:#8b7355;margin:0 0 .5rem}.signin__header-subtitle{font-size:.875rem;color:#9a9a9a;margin:0}.signin__form{margin-bottom:1.5rem}.signin__form-group{margin-bottom:1rem}.signin__form-input{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:1rem;color:#3d3d3d;background:#fff;transition:all .2s ease}.signin__form-input:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.signin__form-input::placeholder{color:#9a9a9a}.signin__form-input:disabled{background:#f7f4f0;cursor:not-allowed}.signin__form-input--password{padding-right:3rem}.signin__password-wrapper{position:relative;width:100%}.signin__password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#9a9a9a;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.signin__password-toggle:hover{color:#6b6b6b}.signin__password-toggle:focus{outline:none}.signin__password-toggle svg{width:20px;height:20px}.signin__forgot-password{display:block;text-align:right;font-size:.875rem;color:#8b7355;text-decoration:none;margin-bottom:1rem}.signin__forgot-password:hover{text-decoration:underline}.signin__error{background:#fceaea;color:#a65d5d;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;text-align:center}.signin__submit{width:100%;padding:.75rem 1.5rem;background:#8b7355;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signin__submit:hover:not(:disabled){background:#6b5344;transform:translateY(-1px)}.signin__submit:disabled{background:#8b7355;opacity:.5;cursor:not-allowed;transform:none}.signin__divider{display:flex;align-items:center;margin:1.5rem 0}.signin__divider:after,.signin__divider:before{content:"";flex:1;height:1px;background:#e8e4df}.signin__divider span{padding:0 1rem;font-size:.875rem;color:#9a9a9a}.signin__social{display:flex;justify-content:center;margin-bottom:1.5rem}.signin__social-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;background:#fff;border:1px solid #e8e4df;border-radius:8px;cursor:pointer;transition:all .2s ease}.signin__social-button:hover{background:#f0ede9;border-color:#00b900}.signin__register{text-align:center;font-size:.875rem;color:#9a9a9a}.signin__register-link{color:#8b7355;text-decoration:none;font-weight:500}.signin__register-link:hover{text-decoration:underline}.visualization{padding:1.5rem}@media(max-width:767px){.visualization{padding:1rem}}.visualization__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.visualization__title{font-size:1.5rem;font-weight:700;color:#3d3d3d;margin:0}.visualization__filters{display:flex;gap:.75rem;flex-wrap:wrap}.visualization__filter-select{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:auto;min-width:150px}.visualization__filter-select::placeholder{color:#9a9a9a}.visualization__filter-select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.visualization__filter-select:disabled{background:#f7f4f0;cursor:not-allowed}.visualization__date-picker{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:auto}.visualization__date-picker::placeholder{color:#9a9a9a}.visualization__date-picker:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.visualization__date-picker:disabled{background:#f7f4f0;cursor:not-allowed}.visualization__summary{grid-template-columns:repeat(4,1fr)}.visualization__summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:center;padding:1.25rem;transition:all .2s ease}.visualization__summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.visualization__summary-icon{font-size:32px;margin-bottom:.75rem}.visualization__summary-value{font-size:1.5rem;font-weight:700;color:#3d3d3d;margin-bottom:.25rem}.visualization__summary-label{font-size:.875rem;color:#9a9a9a}.visualization__summary-change{font-size:.75rem;margin-top:.5rem}.visualization__summary-change--positive{color:#5d8a66}.visualization__summary-change--negative{color:#c67b7b}.visualization__charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1199px){.visualization__charts{grid-template-columns:1fr}}.visualization__chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.visualization__chart-card--full{grid-column:span 2}@media(max-width:1199px){.visualization__chart-card--full{grid-column:span 1}}.visualization__chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0ede9}.visualization__chart-title{color:#3d3d3d}.visualization__chart-actions{display:flex;gap:.5rem}.visualization__chart-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b;padding:.25rem .5rem;font-size:.875rem}.visualization__chart-action:disabled{opacity:.5;cursor:not-allowed}.visualization__chart-action:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.visualization__chart-action--active{background:#a89078;color:#6b5344}.visualization__chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1rem}@media(max-width:767px){.visualization__chart-section{padding:.75rem}}.visualization__chart-title{font-size:1.125rem;font-weight:600;color:#8b7355;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0ede9;display:flex;align-items:center;gap:.5rem}.visualization__chart-container{min-height:400px;position:relative;background:#f7f4f0;border-radius:8px;padding:1rem}@media(max-width:767px){.visualization__chart-container{min-height:300px;padding:.5rem}}.visualization__chart-body{min-height:300px;position:relative}.visualization__chart-empty{display:flex;align-items:center;justify-content:center;min-height:300px;color:#9a9a9a;flex-direction:column}.visualization__chart-empty svg{font-size:48px;margin-bottom:.75rem;opacity:.5}.visualization__table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.visualization__table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0ede9}.visualization__table-title{font-size:1.125rem;font-weight:600;color:#3d3d3d}.visualization__table-wrapper{overflow-x:auto}.visualization__table{width:100%;border-collapse:collapse}.visualization__table th{background:#f7f4f0;color:#6b6b6b;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8e4df}.visualization__table td{padding:.75rem 1rem;border-bottom:1px solid #f0ede9;color:#3d3d3d;font-size:.875rem}.visualization__table tbody tr{transition:background .15s ease}.visualization__table tbody tr:hover{background:#f0ede9}.visualization__table th{white-space:nowrap}.visualization__table-th-icon{display:inline-flex;align-items:center;color:#9a9a9a;margin-right:.25rem;vertical-align:middle}.visualization__table-room-cell{font-weight:600;white-space:nowrap}.visualization__table-cost-cell{font-weight:600;color:#8b7355}.visualization__table-cell--unavailable{color:#9a9a9a;font-style:italic;font-size:.75rem}.visualization__table-actions{display:flex;gap:.5rem}.visualization__table-actions a{text-decoration:none}.visualization__table-actions .visualization__room-analytics-btn,.visualization__table-actions .visualization__room-detail-btn{width:auto;white-space:nowrap}.visualization__rooms{margin-bottom:1.5rem}.visualization__rooms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.visualization__rooms-title{font-size:1.25rem;font-weight:600;color:#3d3d3d}.visualization__room-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;border:1px solid #f0ede9}.visualization__room-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.visualization__room-card--selected{border-color:#8b7355;box-shadow:0 0 0 2px rgba(139,115,85,.2)}.visualization__room-header{margin-bottom:.75rem}.visualization__room-name{font-size:1.125rem;font-weight:600;color:#3d3d3d}.visualization__room-status,.visualization__room-status--active{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.visualization__room-status--active{background:#e8f2ea;color:#4a7052}.visualization__room-status--inactive{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#fceaea;color:#a65d5d}.visualization__room-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.visualization__room-stat{text-align:center;padding:.5rem;background:#f7f4f0;border-radius:4px}.visualization__room-stat-value{font-size:1.125rem;font-weight:700;color:#8b7355}.visualization__room-stat-label{font-size:.75rem;color:#9a9a9a}.visualization__loading{display:flex;align-items:center;justify-content:center;padding:2.5rem 0;min-height:50vh}.visualization__loading img{width:48px;height:48px}.visualization__error{color:#c67b7b;text-align:center;padding:1rem;background:#fceaea;border-radius:8px;margin-bottom:1rem}.visualization__empty{text-align:center;padding:2.5rem;color:#9a9a9a;background:#f7f4f0;border-radius:12px}.visualization__empty-icon{font-size:64px;margin-bottom:1rem;opacity:.5}.visualization__empty-text{font-size:1.125rem}.visualization__period-info{text-align:center;padding:1rem;background:#f7f4f0;border-radius:8px;margin-top:1.5rem}.visualization__period-info p{margin:0;font-size:.875rem;color:#6b6b6b}.visualization__rooms-section{margin-top:1.5rem}.visualization__section-title{font-size:1.25rem;font-weight:600;color:#8b7355;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.visualization__section-subtitle{font-size:.875rem;color:#6b6b6b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.visualization__error-message{padding:.75rem;background:#fef6ee;border-radius:8px;color:#d4a574;font-size:.875rem;margin-bottom:1rem}.visualization__rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.visualization__room-block{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;border:1px solid #f0ede9;transition:all .2s ease}.visualization__room-block:hover{border-color:#a89078;box-shadow:0 4px 6px rgba(0,0,0,.07)}.visualization__room-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0ede9}.visualization__room-title{font-size:1rem;font-weight:600;color:#3d3d3d;margin:0}.visualization__room-number{font-size:.875rem;color:#9a9a9a;background:#f7f4f0;padding:.25rem .5rem;border-radius:4px}.visualization__room-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.visualization__room-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f0ede9}.visualization__room-stat:last-child{border-bottom:none}.visualization__room-stat--total{padding-top:.75rem;border-top:1px solid #e8e4df;border-bottom:none;margin-top:.5rem}.visualization__room-stat--unavailable{opacity:.6}.visualization__room-stat-icon{display:flex;align-items:center;justify-content:center;color:#9a9a9a;flex-shrink:0;width:24px}.visualization__room-stat-info{display:flex;align-items:baseline;gap:.25rem;flex:1}.visualization__room-stat-value{font-size:1rem;font-weight:600;color:#3d3d3d}.visualization__room-stat-unit{font-size:.75rem;color:#9a9a9a}.visualization__room-stat-status{font-size:.75rem;color:#9a9a9a;font-style:italic}.visualization__room-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #f0ede9}.visualization__room-link{flex:1;text-decoration:none}.visualization__room-detail-btn{width:100%;display:inline-flex;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff;padding:.5rem .75rem;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.visualization__room-detail-btn:disabled{opacity:.5;cursor:not-allowed}.visualization__room-detail-btn:hover:not(:disabled){background:#6b5344}.visualization__room-detail-btn:active:not(:disabled){transform:translateY(1px)}.visualization__room-analytics-btn{width:100%;display:inline-flex;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df;padding:.5rem .75rem;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.visualization__room-analytics-btn:disabled{opacity:.5;cursor:not-allowed}.visualization__room-analytics-btn:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.chart__container{width:100%;height:100%;min-height:300px}.chart__legend{display:flex;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.chart__legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b6b6b}.chart__legend-color{width:12px;height:12px;border-radius:4px}.chart__tooltip{background:#fff!important;border:1px solid #e8e4df!important;border-radius:8px!important;padding:.75rem!important;box-shadow:0 10px 15px rgba(0,0,0,.1)!important}.chart__tooltip-title{font-weight:600;color:#3d3d3d;margin-bottom:.5rem}.chart__tooltip-item{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}.chart__tooltip-item-label{color:#6b6b6b}.chart__tooltip-item-value{font-weight:500;color:#3d3d3d}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.date-picker{display:flex;flex-direction:column;gap:.75rem}.date-picker__filters{display:flex;gap:.5rem;flex-wrap:wrap}.date-picker__filter-btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:1px solid #e8e4df;background-color:#fff;color:#6b6b6b}.date-picker__filter-btn:hover{background-color:#f0ede9;border-color:#a89078;color:#3d3d3d}.date-picker__filter-btn--active{background-color:#8b7355;border-color:#8b7355;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.date-picker__filter-btn--active:hover{background-color:#6b5344;border-color:#6b5344;color:#fff}.date-picker__custom{align-items:flex-end;padding:1rem;background:#f7f4f0;border-radius:8px;margin-top:.5rem}.date-picker__custom,.date-picker__custom-inputs{display:flex;gap:1rem;flex-wrap:wrap}.date-picker__input-group{display:flex;flex-direction:column;gap:.25rem}.date-picker__input-group label{font-size:.75rem;font-weight:500;color:#6b6b6b}.date-picker__input{width:100%;border:1px solid #e8e4df;border-radius:8px;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;padding:.5rem .75rem;font-size:.875rem;width:auto;min-width:150px}.date-picker__input::placeholder{color:#9a9a9a}.date-picker__input:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.date-picker__input:disabled{background:#f7f4f0;cursor:not-allowed}.date-picker__submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff;padding:.5rem 1rem;font-size:.875rem;height:fit-content}.date-picker__submit-btn:disabled{opacity:.5;cursor:not-allowed}.date-picker__submit-btn:hover:not(:disabled){background:#6b5344}.date-picker__submit-btn:active:not(:disabled){transform:translateY(1px)}@media(max-width:767px){.date-picker__filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.date-picker__filters::-webkit-scrollbar{height:4px}.date-picker__filters::-webkit-scrollbar-thumb{background:#e8e4df;border-radius:9999px}.date-picker__filter-btn{white-space:nowrap;flex-shrink:0}.date-picker__custom{align-items:stretch}.date-picker__custom,.date-picker__custom-inputs{flex-direction:column}.date-picker__input,.date-picker__submit-btn{width:100%}}.summary-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.25rem;transition:all .2s ease;border:1px solid #f0ede9}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.summary-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.summary-card__icon{display:flex;align-items:center;justify-content:center;color:#9a9a9a;flex-shrink:0}.summary-card__title{font-size:.875rem;font-weight:500;color:#6b6b6b;flex:1}.summary-card__content{display:flex;flex-direction:column;gap:.5rem}.summary-card__value{font-size:1.5rem;font-weight:700;color:#8b7355;line-height:1.2}.summary-card__unit{font-size:1rem;font-weight:400;color:#6b6b6b;margin-left:.25rem}.summary-card__subtitle{font-size:.875rem;color:#9a9a9a;margin-top:.25rem}.summary-card__trend{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0ede9}.summary-card__trend-indicator{font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.summary-card__trend-indicator--positive{color:#5d8a66;background-color:rgba(93,138,102,.1)}.summary-card__trend-indicator--negative{color:#c67b7b;background-color:hsla(0,40%,63%,.1)}.summary-card__trend-label{font-size:.75rem;color:#9a9a9a}.summary-card--total-cost,.visualization__summary .summary-card:first-child{background:linear-gradient(135deg,#a89078,#fff);border-color:#a89078}.summary-card--total-cost .summary-card__icon,.summary-card--total-cost .summary-card__value,.visualization__summary .summary-card:first-child .summary-card__icon,.visualization__summary .summary-card:first-child .summary-card__value{color:#6b5344}.summary-card--electricity,.visualization__summary .summary-card:nth-child(2){background:linear-gradient(135deg,#fff8e7,#fff);border-color:#ffd54f}.summary-card--electricity .summary-card__icon,.summary-card--electricity .summary-card__value,.visualization__summary .summary-card:nth-child(2) .summary-card__icon,.visualization__summary .summary-card:nth-child(2) .summary-card__value{color:#ff9800}.summary-card--water,.visualization__summary .summary-card:nth-child(3){background:linear-gradient(135deg,#e8f5fc,#fff);border-color:#4fc3f7}.summary-card--water .summary-card__icon,.summary-card--water .summary-card__value,.visualization__summary .summary-card:nth-child(3) .summary-card__icon,.visualization__summary .summary-card:nth-child(3) .summary-card__value{color:#0288d1}.visualization__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1199px){.visualization__summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.visualization__summary{grid-template-columns:1fr}}*{box-sizing:border-box;padding:0;margin:0}body,html{width:100%;min-height:100vh}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:#f7f4ef}body{display:block;color:#2c2c2c;line-height:1.5;overflow-x:hidden}a{text-decoration:inherit;color:inherit;transition:color .2s ease}a:hover{color:#8b7355}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}main{min-height:100vh;background-color:#f7f4ef}#main:not(.main-content){max-width:100%;min-height:100dvh;display:flex;justify-content:center;align-items:center}.content{position:relative}.main-content.tenant-only{margin-left:0;width:100%;max-width:100%}.main-content.tenant-only .content{padding:1.25rem;max-width:1200px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--primary:hover:not(:disabled){background:#6b5344}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.btn--success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#5d8a66;color:#fff}.btn--success:disabled{opacity:.5;cursor:not-allowed}.btn--success:hover:not(:disabled){background:#4a7052}.btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#c67b7b;color:#fff}.btn--danger:disabled{opacity:.5;cursor:not-allowed}.btn--danger:hover:not(:disabled){background:#a65d5d}.btn--warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#d4a574;color:#fff}.btn--warning:disabled{opacity:.5;cursor:not-allowed}.btn--warning:hover:not(:disabled){background:#b8865a}.btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b}.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.btn--ghost:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.btn--sm{padding:.5rem .75rem;font-size:.75rem}.btn--lg{padding:1rem 1.5rem;font-size:1rem}.btn--block{width:100%}.btn--icon{padding:.5rem;min-width:36px;min-height:36px}.input{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input::placeholder{color:#9a9a9a}.input:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.input:disabled{background:#f7f4f0;cursor:not-allowed}.input--error,.input--error:focus{border-color:#c67b7b}.input--error:focus{box-shadow:0 0 0 3px hsla(0,40%,63%,.1)}.select{width:100%;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6B6B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding:.75rem 2.5rem .75rem 1rem;cursor:pointer}.select::placeholder{color:#9a9a9a}.select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.select:disabled{background:#f7f4f0;cursor:not-allowed}.textarea{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;min-height:100px;resize:vertical}.textarea::placeholder{color:#9a9a9a}.textarea:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.textarea:disabled{background:#f7f4f0;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#6b6b6b}.form-group .error-message{margin-top:.25rem;font-size:.75rem;color:#c67b7b}.card,.card--hover{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.card--hover{transition:transform .2s ease,box-shadow .2s ease}.card--hover:hover{transform:translateY(-2px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.card--bordered{border:1px solid #e8e4df;box-shadow:none}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f0ede9}.card__title{font-size:1.125rem;font-weight:600;color:#3d3d3d}.card__subtitle{font-size:.875rem;color:#6b6b6b;margin-top:.25rem}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0ede9}.badge,.badge--success{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge--success{background:#e8f2ea;color:#4a7052}.badge--warning{background:#fef6ee;color:#b8865a}.badge--error,.badge--warning{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge--error{background:#fceaea;color:#a65d5d}.badge--info{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#edf3f7;color:#5a7a94}.badge--neutral{background:#f7f4f0;color:#6b6b6b}.table{width:100%;border-collapse:collapse}.table th{background:#f7f4f0;color:#6b6b6b;font-weight:500;text-align:left;border-bottom:1px solid #e8e4df}.table td,.table th{font-size:.875rem;padding:.75rem 1rem}.table td{border-bottom:1px solid #f0ede9;color:#3d3d3d}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f0ede9}.table--striped tbody tr:nth-child(2n){background:#f7f4f0}.table--bordered{border:1px solid #e8e4df}.table--bordered td,.table--bordered th{border:1px solid #f0ede9}.table__head{background:#f7f4f0}.table__row{border-bottom:1px solid #f0ede9}.table__cell{padding:.75rem 1rem}.table__cell,.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#3d3d3d}.text-secondary{color:#6b6b6b}.text-muted{color:#9a9a9a}.text-success{color:#5d8a66}.text-warning{color:#d4a574}.text-error{color:#c67b7b}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.loading{display:flex;align-items:center;justify-content:center;padding:2.5rem 0}.loading img{width:48px;height:48px}.page-loading{display:flex;align-items:center;justify-content:center;background-color:#faf8f5}.page-loading--fullscreen{min-height:100vh;width:100%}.page-loading--inline{padding:2.5rem 0;min-height:200px}.page-loading__spinner{width:48px;height:48px;border:4px solid #f0ede9;border-top-color:#8b7355;border-radius:50%;animation:page-loading-spin 1s linear infinite}.page-loading__spinner--small{width:24px;height:24px;border-width:3px;border-color:#fff hsla(0,0%,100%,.3) hsla(0,0%,100%,.3)}@keyframes page-loading-spin{to{transform:rotate(1turn)}}.error{color:#c67b7b;background:#fceaea}.error,.success-message{text-align:center;padding:1rem;border-radius:8px;margin-bottom:1rem}.success-message{color:#4a7052;background:#e8f2ea}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2.5rem;text-align:center;color:#9a9a9a}.empty-state__icon{font-size:48px;margin-bottom:1rem;opacity:.5}.empty-state__text{font-size:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header__title{font-size:1.5rem;font-weight:700;color:#3d3d3d}.page-header__actions{display:flex;gap:.75rem}.section{margin-bottom:2rem}.section__title{font-size:1.125rem;font-weight:600;color:#3d3d3d;margin-bottom:1rem}.json-content{white-space:pre-line}.home{width:100%;height:100vh;display:flex;padding-top:100px;align-items:flex-start;gap:50px}.home,.home button{justify-content:center}.home button{display:inline-flex;align-items:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff;height:50px;padding:.75rem 1.5rem;font-size:1rem}.home button:disabled{opacity:.5;cursor:not-allowed}.home button:hover:not(:disabled){background:#6b5344}.home button:active:not(:disabled){transform:translateY(1px)}.apartment-selector{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding:.5rem .75rem;min-width:0;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e8e4df}.apartment-selector--loading{opacity:.7}.apartment-selector__label{font-size:.875rem;font-weight:500;color:#6b6b6b;white-space:nowrap}.apartment-selector__dropdown{width:100%;min-width:0;text-overflow:ellipsis;padding:.5rem .75rem;border:1px solid #e8e4df;border-radius:4px;font-size:.875rem;color:#3d3d3d;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.apartment-selector__dropdown:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.apartment-selector__dropdown:hover{border-color:#d4cfc8}.apartment-selector__dropdown option{padding:.5rem;color:#3d3d3d}.apartment-selector__loading{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b6b6b}.apartment-selector__loading span{white-space:nowrap}@media(max-width:767px){.apartment-selector{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.apartment-selector__dropdown{width:100%;min-width:unset}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background-color:#fdfcfa;border-bottom:1px solid #e5dfd6;z-index:300;align-items:center;padding:0 1rem;gap:.75rem}@media(max-width:1199px){.mobile-header{display:flex}}.mobile-header__title{flex:1;font-size:1rem;font-weight:500;color:#2c2c2c;margin:0}.mobile-header__profile{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0ece4;display:flex;align-items:center;justify-content:center}.mobile-header__profile svg{width:18px;height:18px}.hamburger-menu{display:none}@media(max-width:1199px){.hamburger-menu{display:block}}.hamburger-button{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px;background:transparent;border:none;cursor:pointer;padding:0;z-index:500}.hamburger-icon{width:20px;height:2px;background-color:#6e6760;border-radius:2px;transition:all .2s ease}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.3);z-index:400;display:none;backdrop-filter:blur(2px)}@media(max-width:1199px){.sidebar-overlay{display:block}}.responsive-sidebar{display:flex;flex-direction:column;background-color:#fdfcfa;width:260px;height:100vh;box-shadow:1px 0 0 0 #e5dfd6;padding-bottom:1.25rem;transition:transform .2s ease;position:fixed;top:0;left:0;z-index:200;overflow-y:auto}@media(max-width:1199px){.responsive-sidebar{transform:translateX(-100%);width:80%;max-width:280px;z-index:500}.responsive-sidebar.open{transform:translateX(0)}}.responsive-sidebar__header{display:flex;justify-content:flex-start;align-items:center;padding:0 20px;height:72px;min-height:72px;flex-shrink:0;border-bottom:1px solid #ede9e1}@media(max-width:1199px){.responsive-sidebar__header{justify-content:space-between}}.responsive-sidebar__logo{display:flex;align-items:center;gap:10px;text-decoration:none}.responsive-sidebar__logo p{font-size:14px;font-weight:600;letter-spacing:.02em;color:#2c2c2c;margin:0}.responsive-sidebar__logo-icon{width:32px;height:32px;border-radius:8px;background-color:#5c6b5a;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.responsive-sidebar__close{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:#a09890;padding:4px;border-radius:6px;line-height:1;transition:color .15s ease}.responsive-sidebar__close:hover{color:#2c2c2c}@media(max-width:1199px){.responsive-sidebar__close{display:flex;align-items:center;justify-content:center}}.responsive-sidebar__select-bar{padding:12px 16px;flex-shrink:0}.responsive-sidebar__apartment-select{width:100%;height:40px;padding:0 12px;border:1px solid #e5dfd6;border-radius:8px;font-size:13px;color:#2c2c2c;background-color:#f0ece4;cursor:pointer;transition:border-color .15s ease;font-family:inherit}.responsive-sidebar__apartment-select:focus{outline:none;border-color:#5c6b5a}.responsive-sidebar__apartment-select:hover{border-color:#c4a882}.responsive-sidebar__apartment-select option{font-size:13px;font-family:inherit}.responsive-sidebar__section-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a09890;padding:12px 20px 6px;margin:0}.responsive-sidebar__section-separator{height:1px;background-color:#ede9e1;margin:4px 16px}.responsive-sidebar__list{flex:1;padding:8px 0 0;overflow-y:auto}.responsive-sidebar__list a{display:block;color:inherit;text-decoration:none;padding:0 8px}.responsive-sidebar__list a:hover{color:inherit}.responsive-sidebar__item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,color .15s ease;color:#6e6760;margin-bottom:4px;text-decoration:none;width:100%;min-height:52px}.responsive-sidebar__item:hover{background-color:#f0ece4;color:#2c2c2c}.responsive-sidebar__item:hover img{opacity:.75}.responsive-sidebar__item--active{background-color:#e8ede8;color:#5c6b5a;font-weight:500}.responsive-sidebar__item--active img{opacity:1;filter:none}.responsive-sidebar__item--active:hover{background-color:#e2e9e2;color:#5c6b5a}.responsive-sidebar__item--active p{color:#5c6b5a}.responsive-sidebar__item--active .responsive-sidebar__badge{background:#5c6b5a;color:#fff}.responsive-sidebar__item img{width:22px;height:22px;opacity:.45;flex-shrink:0;filter:saturate(0);transition:opacity .15s ease}.responsive-sidebar__item p{font-size:13px;font-weight:400;margin:0;line-height:1.4;color:inherit;flex:1}.responsive-sidebar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#f0ece4;color:#a09890;font-size:11px;font-weight:600;line-height:1;flex-shrink:0}.responsive-sidebar__user-footer{position:relative;padding:10px 12px;border-top:1px solid #ede9e1;margin-top:auto;flex-shrink:0}.responsive-sidebar__user-btn{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left;transition:background .15s ease}.responsive-sidebar__user-btn:hover{background:#f0ece4}.responsive-sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:#f5ede0;color:#8a6f4a;font-size:12px;font-weight:600;display:grid;place-items:center;flex-shrink:0}.responsive-sidebar__user-avatar svg{width:16px;height:16px;color:#a09890}.responsive-sidebar__user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.responsive-sidebar__user-name{font-size:12px;font-weight:500;color:#2c2c2c}.responsive-sidebar__user-email,.responsive-sidebar__user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.responsive-sidebar__user-email{font-size:11px;color:#a09890}.responsive-sidebar__user-chevron{flex-shrink:0;color:#a09890}.responsive-sidebar__user-dropdown{position:absolute;bottom:calc(100% + 4px);left:12px;right:12px;background:#fdfcfa;border:1px solid #e5dfd6;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);overflow:hidden;z-index:300}.responsive-sidebar__user-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:10px 14px;font-size:13px;font-family:inherit;color:#6e6760;text-decoration:none;cursor:pointer;transition:background .15s ease}.responsive-sidebar__user-dropdown-item:hover{background:#f0ece4;color:#2c2c2c}.responsive-sidebar__user-dropdown-item--danger{color:#b87070}.responsive-sidebar__user-dropdown-item--danger:hover{background:#faecec;color:#b87070}.main-content{margin-left:260px;width:calc(100% - 260px);min-height:100vh;background-color:#f7f4ef;position:relative}@media(max-width:1199px){.main-content{margin-left:0;width:100%;padding-top:56px}}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/922e5670b4736c7c-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/fe1077aea16f7f4c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/2db00152b132bddf-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/4f4966aca1d6cd2c-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/166789070c5f36c8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/ed2c53d8a7b2376c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0a816a3f0e9cfd19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0e7b729eab8550b6-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/699bd79bf2b43bab-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/672d4d9b9d8d459a-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/b129d5638b5694d2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/b88b793517a9d83f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db9bfcd87f1d73a3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4e2312c98e240c05-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/feed52454563c595-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f83e5507ec3854fa-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8934311971e59087-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bfdf244a9384e8b2-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b10e9fa1144bb4fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d13ab8ed065835e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d8c0f620f258dcc1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5fcb63deed33aab6-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e595057e1ab84c19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/861fabf8a4ffc042-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2b32cc5cb75c7a84-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0d4277ce62acaedf-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/942c4903ae74b0f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_Thai_c84ba5;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/66c5464579bf95d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Thai_Fallback_c84ba5;src:local("Arial");ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.00%;size-adjust:101.17%}.__className_c84ba5{font-family:__IBM_Plex_Sans_Thai_c84ba5,__IBM_Plex_Sans_Thai_Fallback_c84ba5;font-style:normal}