:root{--navy:#101e33;--navy-soft:#172940;--teal:#0c9488;--teal-dark:#087a70;--teal-pale:#e5f7f4;--blue:#3a7dec;--blue-pale:#eaf2ff;--red:#d75461;--red-pale:#fff0f0;--amber:#b87812;--amber-pale:#fff7e8;--ink:#202e45;--ink-strong:#16263d;--muted:#7d8a9f;--border:#e6eaf0;--surface:#fff;--bg:#f6f8fb;--shadow:0 7px 28px rgba(37,55,83,.045);--radius:15px;--sidebar:253px}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Inter,'Segoe UI',Arial,sans-serif;font-size:13.5px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;flex-shrink:0}svg.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #90dcd5;outline-offset:2px}
.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--navy);color:#d0dceb;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:12px;margin:27px 20px 24px}.brand-icon{height:39px;width:39px;border-radius:12px;background:linear-gradient(145deg,#28cbb7,#06978f);display:grid;place-items:center;color:white;box-shadow:0 6px 20px #08a59840}.brand-icon svg{width:27px;height:27px}.brand-name{font-size:19px;font-family:Manrope,sans-serif;color:white;letter-spacing:-.8px;font-weight:800;line-height:1}.brand-name span{color:#37cbb8}.brand-caption{font-size:8.4px;font-weight:800;color:#91a5b7;letter-spacing:1.48px;margin-top:7px}.sidebar-property{display:flex;align-items:center;gap:9px;border:1px solid #344157;margin:0 15px 19px;padding:11px 9px;border-radius:11px;background:#ffffff08}.property-avatar{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;background:#dce7f3;color:#264660;font-size:11px;font-weight:900;border-radius:9px}.property-info{min-width:0;flex:1}.property-info strong,.property-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-info strong{color:#f5f8fc;font-size:11px}.property-info span{color:#91a3ba;font-size:10px;margin-top:4px}.sidebar-property>.ic{height:14px;width:14px;color:#8da2bb}.sidebar-scroll{overflow:auto;flex:1;padding:0 11px 12px;scrollbar-color:#394862 transparent;scrollbar-width:thin}.nav-group{margin-bottom:19px}.nav-group-title{margin:0;padding:0 12px 10px;text-transform:uppercase;letter-spacing:1.25px;font-size:9px;font-weight:900;color:#6c849d}.nav-item{border:0;width:100%;display:flex;align-items:center;gap:12px;height:39px;border-radius:8px;background:transparent;color:#a2b3c7;font-size:11.8px;text-align:left;padding:0 12px;margin:1px 0;position:relative;transition:background .17s,color .17s}.nav-item .ic{height:17px;width:17px;stroke-width:1.8}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{background:linear-gradient(90deg,#128d87 0%,#0b716e 100%);color:white;font-weight:800;box-shadow:0 6px 15px #07141930}.nav-item .nav-count{margin-left:auto;font-size:10px;min-width:20px;text-align:center;border-radius:5px;background:#314258;color:#b6c9dd;padding:2px 5px}.nav-item.active .nav-count{background:#ffffff29;color:white}.sidebar-footer{padding:12px 14px 18px}.sidebar-help{display:flex;gap:9px;padding:11px 9px;border:1px solid #2e4257;border-radius:10px;background:#1a2c42}.help-icon{color:#42caba}.help-icon .ic{height:16px;width:16px}.sidebar-help strong{display:block;font-size:10.5px;color:#e6eff7}.sidebar-help p{color:#92a4b9;font-size:9.8px;line-height:1.5;margin:5px 0 0}.creator-mark{font-size:10px;color:#7f93aa;text-align:center;margin:15px 0 0}.creator-mark strong{color:#d7ebe8}.creator-mark span{color:#2ec6ac;margin-left:4px}.main-shell{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:75px;min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 35px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:19px}.topbar-breadcrumb{display:flex;align-items:center;gap:9px;color:#98a2b2;font-size:12px;white-space:nowrap}.topbar-breadcrumb .ic{width:14px;height:14px;color:#b4bfca}.topbar-breadcrumb strong{color:#33465e;font-weight:800}.topbar-actions{gap:18px}.demo-indicator{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#888e9f;background:#f4f7fa;padding:7px 11px;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.3px}.demo-dot{height:7px;width:7px;background:#e6ad39;border-radius:50%;box-shadow:0 0 0 3px #fbeccf}.header-search{display:flex;gap:10px;align-items:center;background:#f7f9fb;color:#98a3b4;border:1px solid #edf0f5;border-radius:9px;padding:10px 11px;min-width:218px;text-align:left;font-size:10.8px}.header-search .ic{width:15px;height:15px}.header-search kbd{margin-left:auto;border:1px solid #e3e8ef;border-radius:4px;font-size:9px;padding:2px 4px;color:#94a1af;background:#fff}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:#68798f;position:relative}.icon-button:hover{background:#f1f5f9;color:var(--teal)}.notification-dot{position:absolute;background:#f17c70;border:2px solid white;width:9px;height:9px;right:6px;top:5px;border-radius:50%}.topbar-divider{height:31px;border-left:1px solid var(--border)}.user-profile{display:flex;gap:9px;align-items:center;border:0;background:transparent;padding:0;color:var(--ink)}.user-avatar{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:#e3eeeb;color:#187c73;font-weight:800;font-size:11px}.profile-copy{display:flex;flex-direction:column;gap:3px;text-align:left;white-space:nowrap}.profile-copy strong{font-size:11px}.profile-copy small{font-size:10px;color:#9aa6b5}.user-profile>.ic{width:13px;height:13px;color:#899ab0}.page-container{width:100%;max-width:1700px;padding:30px 35px 40px;margin:0 auto;flex:1}.main-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 35px;color:#a1adbc;font-size:10px;border-top:1px solid #e8edf3}.sidebar-backdrop,.mobile-menu{display:none}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--teal);font-weight:900}.page-heading h1{font-family:Manrope,sans-serif;letter-spacing:-1.2px;color:#1b2c42;font-size:27px;line-height:1.25;margin:5px 0 8px;font-weight:800}.page-heading h1 .accent{color:var(--teal)}.page-heading p{color:#8a98aa;margin:0;font-size:12.4px;line-height:1.7}.heading-actions,.flex-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 14px;font-weight:750;border-radius:9px;border:1px solid transparent;background:white;color:var(--ink);font-size:11.5px;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}.btn:active{transform:scale(.985)}.btn .ic{height:16px;width:16px}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 10px #0c948820}.btn-primary:hover{background:var(--teal-dark)}.btn-ghost{background:#fff;border-color:#dde5ed;color:#62748b}.btn-ghost:hover{border-color:#99d8ce;background:#f5fffd;color:#087c71}.btn-soft{background:var(--teal-pale);color:var(--teal-dark)}.btn-danger{background:#fff4f3;color:#c74e56;border-color:#f8d4d3}.btn-sm{min-height:29px;padding:5px 10px;font-size:10px;border-radius:7px}.btn-link{padding:3px 0;color:var(--teal);background:none;border:none;font-size:11px;font-weight:850}.btn-link:hover{text-decoration:underline}.small-muted{color:var(--muted);font-size:11px}.text-right{text-align:right}.font-strong{font-weight:800;color:#2a3c53}.nowrap{white-space:nowrap}.divider{height:1px;background:var(--border);margin:16px 0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.stat-card{padding:19px 20px;background:white;border:1px solid #ebeff4;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.stat-title{font-size:11px;color:#8493a6;font-weight:650}.stat-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#ecf8f5;color:#1aa69b}.stat-icon .ic{width:18px;height:18px}.stat-icon.blue{background:#edf3fe;color:#508bf1}.stat-icon.amber{background:#fff5e5;color:#cb942a}.stat-icon.violet{background:#f2eefe;color:#8d77e8}.stat-value{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.7px;font-weight:800;margin-top:12px;color:#1b2e46}.stat-foot{font-size:10px;color:#97a2b2;margin-top:7px;display:flex;gap:6px;align-items:center}.trend{color:var(--teal);font-weight:850}.trend.negative{color:#db6c71}.panel{background:var(--surface);border:1px solid #e8edf2;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 12px}.panel-header h2,.section-title{font-family:Manrope,sans-serif;letter-spacing:-.35px;font-size:14.5px;font-weight:800;color:#21344d;margin:0}.panel-header p{font-size:10.8px;color:#98a4b5;margin:7px 0 0}.panel-content{padding:8px 22px 21px}.grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:18px;margin-bottom:20px}.grid-half{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.dashboard-chart{height:211px;padding-top:8px;position:relative}.chart-header{display:flex;gap:18px;align-items:center;padding:0 22px;margin-top:3px;font-size:10px;color:#7f8b9d}.chart-legend{display:flex;gap:6px;align-items:center}.legend-dot{height:8px;width:8px;border-radius:3px;background:var(--teal)}.legend-dot.blue{background:#adcfe7}.chart-svg{width:100%;height:185px}.chart-svg .gridline{stroke:#edf1f5;stroke-dasharray:3 4}.chart-svg text{fill:#a1acba;font-size:10px;font-family:'DM Sans',sans-serif}.chart-svg .line-area{fill:url(#areaGradient)}.chart-svg .line{fill:none;stroke:#0aa391;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-svg .line-alt{fill:none;stroke:#92bbe7;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5}.chart-svg .marker{stroke:white;stroke-width:3;fill:#0b988e}.chart-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 22px 20px;padding:12px 16px;background:#f8fafc;border-radius:9px}.chart-summary strong{font-size:11px}.chart-summary small{font-size:10px;color:#8f9dad}.mini-rooms{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.room-cell{background:#e8f7f3;border:1px solid #b6e6dc;border-radius:9px;min-height:55px;padding:8px 2px;display:grid;place-content:center;text-align:center;color:#0d8e79;transition:transform .15s;gap:5px;cursor:pointer}.room-cell:hover{transform:translateY(-2px)}.room-cell strong{font-size:11px}.room-cell small{font-size:9px}.room-cell.occupied{background:#e9f0fc;border-color:#cbdcf8;color:#4680d3}.room-cell.cleaning{background:#fff3e2;border-color:#f4deb7;color:#bc893a}.room-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#8592a4;margin-top:14px}.room-legend span{display:flex;align-items:center;gap:5px}.room-legend i{height:8px;width:8px;border-radius:3px;background:#90d9c6}.room-legend .l-occ{background:#89b3ed}.room-legend .l-clean{background:#f0be70}.room-occupancy-footer{display:flex;justify-content:space-between;gap:10px;margin-top:15px;align-items:center;padding-top:15px;border-top:1px solid #edf1f5}.room-occupancy-footer strong{font-size:12px}.room-occupancy-footer p{margin:4px 0 0;color:#8b9aab;font-size:10px}.progress{height:7px;background:#edf1f6;border-radius:99px;overflow:hidden}.progress>span{height:100%;display:block;background:linear-gradient(90deg,#0f9f94,#64c6b5);border-radius:99px}.progress.blue>span{background:#6799e7}.progress.amber>span{background:#e5b04e}
.table-toolbar{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #edf0f5}.toolbar-left{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.table-toolbar h2{font-size:14px;font-family:Manrope;font-weight:800;margin:0 7px 0 0}.search-input{display:flex;align-items:center;gap:8px;min-width:245px;border:1px solid #dfe7ed;border-radius:9px;padding:0 11px;color:#8c9bac;background:#fff;height:37px}.search-input .ic{width:16px;height:16px}.search-input input{flex:1;min-width:0;width:100%;border:0;outline:none;color:var(--ink);font-size:11.5px;background:transparent}.search-input input::placeholder{color:#aab4c2}.select{height:37px;background:#fff;border:1px solid #dfe7ed;border-radius:8px;padding:0 11px;color:#5a6f83;font-size:11px;outline:none;min-width:105px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfc;color:#8c9aad;font-size:9.4px;letter-spacing:.75px;text-transform:uppercase;font-weight:850;padding:13px 19px;white-space:nowrap;border-bottom:1px solid #edf1f4}td{padding:13px 19px;border-bottom:1px solid #f0f2f5;color:#53647b;font-size:11.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafdfc}td strong{color:#304158}.table-name{display:flex;align-items:center;gap:11px}.table-avatar{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#e6f3f1;color:#1b8d80;font-size:10px;font-weight:800}.table-avatar.blue{background:#e9effb;color:#5184c8}.table-avatar.purple{background:#f1ecfa;color:#8766b1}.table-name strong,.table-name small{display:block;white-space:nowrap}.table-name small{color:#9aa9b9;font-size:10px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 9px;font-size:9.5px;font-weight:850;white-space:nowrap;background:#e9f7f2;color:#158c72}.status:before{content:'';height:6px;width:6px;background:currentColor;border-radius:50%}.status.blue{color:#477dd3;background:#edf4ff}.status.amber{color:#b58227;background:#fff6e4}.status.red{color:#c95863;background:#fff0f0}.status.gray{color:#8593a5;background:#f0f3f7}.table-link{border:0;background:transparent;color:#088c82;font-weight:850;font-size:11px;padding:3px 0}.table-link:hover{text-decoration:underline}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;color:#9eacbb;font-size:10px;border-top:1px solid #f0f2f5}.table-empty{padding:35px 20px;text-align:center;color:#8896a8}.table-empty .ic{color:#7dbdb3;width:34px;height:34px;margin:0 auto 9px;display:block}.table-empty strong{display:block;color:#405269;margin:6px 0}.dashboard-next{display:flex;flex-direction:column;gap:0}.next-item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f3f6}.next-item:last-child{border:0}.event-time{min-width:48px;color:var(--teal);font-weight:850}.event-indicator{width:34px;height:34px;display:grid;place-items:center;background:#ebf6f4;border-radius:10px;color:var(--teal)}.event-indicator .ic{width:17px;height:17px}.next-details{flex:1;min-width:0}.next-details strong{display:block;font-size:11px}.next-details p{margin:4px 0 0;color:#99a5b3;font-size:10px}.next-category{color:#728196;font-size:9.5px;white-space:nowrap}
.page-description-card{margin-bottom:18px;padding:13px 17px;border:1px solid #cce8e3;background:#effaf7;display:flex;gap:10px;align-items:flex-start;border-radius:11px;color:#287b74;font-size:11px;line-height:1.6}.page-description-card .ic{width:17px;height:17px;flex:0 0 17px}.filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filters-bar .search-input{min-width:260px}.tabs{display:flex;gap:4px;background:#f2f5f8;border-radius:10px;padding:4px;width:max-content;max-width:100%;overflow:auto;margin-bottom:18px}.tab{padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#7d8b9d;font-size:11px;font-weight:750;white-space:nowrap}.tab.active{background:#fff;box-shadow:0 2px 8px #132c3f12;color:#087e75}.three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.service-choice{padding:18px;display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:transform .15s,border .15s}.service-choice:hover{transform:translateY(-2px);border-color:#b0ddd7}.service-choice>.stat-icon{height:42px;width:42px;flex:0 0 42px}.service-choice h3{margin:2px 0 6px;color:#293a53;font-size:13px}.service-choice p{color:#8b99ab;font-size:11px;line-height:1.6;margin:0 0 12px}.service-choice .table-link{font-size:10px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.form-group>label{color:#576b80;font-size:10.5px;font-weight:800}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid #dfe6ef;border-radius:8px;padding:10px 11px;min-height:39px;background:white;outline:none;color:#34475c;font-size:11.5px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7cd5c9;box-shadow:0 0 0 3px #bce9e340}.form-group textarea{min-height:84px;resize:vertical}.form-group small{color:#a0abbb;font-size:10px}.form-group.full{grid-column:1/-1}.input-addon{position:relative}.input-addon span{position:absolute;left:11px;top:12px;font-size:11px;color:#8393a6}.input-addon input{padding-left:25px}.form-section-title{font-size:12px;color:#293c55;font-weight:850;margin:5px 0 14px}.form-note{font-size:10px;color:#8d9cae;line-height:1.6;margin-top:9px}.label-list{display:flex;flex-direction:column;gap:13px}.label-list>div{display:flex;justify-content:space-between;gap:12px}.label-list span{font-size:11px;color:#8998aa}.label-list strong{font-size:11.5px;color:#2f4258}.amount-large{font-family:Manrope;font-size:28px;font-weight:850;color:#1c3448;letter-spacing:-.8px}.amount-highlight{background:linear-gradient(125deg,#0b756e,#0b9b91);border-radius:13px;color:#fff;padding:19px}.amount-highlight .amount-large{color:#fff}.amount-highlight>span{font-size:11px;color:#bce8e2}.amount-highlight small{font-size:10px;color:#d0ece7}.separator-line{border-top:1px dashed #e2e7ed;margin:13px 0}.amount-highlight .separator-line{border-color:#50a79d}
.timeline{padding-left:0;list-style:none;margin:0}.timeline li{display:flex;gap:12px;position:relative;padding:0 0 20px}.timeline li:last-child{padding-bottom:0}.timeline-dot{width:30px;height:30px;border-radius:10px;background:#e8f6f2;color:#0b998b;display:grid;place-items:center;flex-shrink:0}.timeline-dot .ic{width:15px;height:15px}.timeline li:not(:last-child):before{content:"";position:absolute;top:33px;left:14px;bottom:3px;border-left:1px dashed #cfe4e2}.timeline-content{flex:1}.timeline-content strong{font-size:11.5px;color:#2b4058;display:block}.timeline-content p{color:#8b99aa;font-size:10.3px;margin:5px 0;line-height:1.5}.timeline-content small{font-size:9px;color:#abb7c3}.highlight-panel{background:linear-gradient(120deg,#edf9f6,#f8fdfb);border:1px solid #d4eee7;border-radius:12px;padding:17px 19px}.highlight-panel strong{color:#28796e}.highlight-panel p{color:#699b94;font-size:11px;line-height:1.6;margin:6px 0 0}.stat-stripe{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);padding:14px 17px;border-radius:11px;margin-bottom:18px}.stat-stripe strong{font-size:12px;color:#2b4457}.stat-stripe p{font-size:10px;color:#8d9bad;margin:3px 0 0}.room-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.room-tile{border:1px solid #e2e9f0;border-radius:12px;background:#fff;padding:15px 12px;min-height:136px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .17s,box-shadow .17s,border .17s}.room-tile:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0b25310b}.room-tile .ic{color:#139988}.room-tile.occupied{background:#fbfcff}.room-tile.occupied .ic{color:#5e90dc}.room-tile.cleaning{background:#fffdfa}.room-tile.cleaning .ic{color:#cba15a}.room-tile strong{font-family:Manrope;font-size:16px;color:#2b4059}.room-tile small{font-size:10px;color:#96a3b3}.room-tile .status{width:max-content;font-size:9px}.room-section{margin:20px 0 15px;display:flex;justify-content:space-between;align-items:center}.room-section h3{font-size:13px;font-weight:850;margin:0}
.pill{border:1px solid #e0e7ed;border-radius:99px;padding:5px 10px;font-size:10px;background:#fff;color:#68788d;font-weight:750}.pill.active{border-color:#b0e2d8;background:#e9f8f4;color:#0b8478}.chart-bars{height:200px;display:flex;gap:11px;justify-content:space-between;align-items:flex-end;padding:15px 8px 0;border-bottom:1px solid #e6edf2;background:repeating-linear-gradient(to top,transparent,transparent 49px,#eff2f6 50px)}.bar-item{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.bar-stack{width:100%;max-width:27px;display:flex;gap:2px;align-items:end;height:100%}.bar{flex:1;border-radius:5px 5px 0 0;background:#c8e8e3;min-height:3px}.bar.primary{background:#14a393}.bar-label{height:21px;white-space:nowrap;color:#92a0b0;font-size:9px}.donut{width:137px;height:137px;border-radius:50%;background:conic-gradient(#159d8d 0 70%,#c2e8e2 70% 86%,#e5ebf1 86%);position:relative;display:grid;place-items:center}.donut:after{content:'';position:absolute;width:101px;height:101px;background:#fff;border-radius:50%}.donut span{z-index:1;text-align:center;font-family:Manrope;font-size:27px;font-weight:800;color:#2b4758}.donut span small{display:block;font-family:'DM Sans';font-size:9px;color:#9da9b6;margin-top:4px;font-weight:600}.donut-section{display:flex;align-items:center;gap:25px;padding:10px 0 5px}.donut-info{flex:1;display:flex;flex-direction:column;gap:17px}.donut-info .label-list>div{align-items:center}.donut-info .label-list span{display:flex;align-items:center;gap:7px}.dot{height:8px;width:8px;display:inline-block;border-radius:3px;background:var(--teal)}.dot.blue{background:#c2e8e2}.dot.gray{background:#dce4eb}
.modal-root:empty{display:none}.modal-root{position:fixed;inset:0;z-index:100;background:#101f30a3;display:flex;justify-content:center;align-items:center;padding:18px;backdrop-filter:blur(3px)}.modal-dialog{width:min(610px,100%);max-height:min(90vh,900px);overflow:auto;background:#fff;border-radius:17px;box-shadow:0 25px 85px #0c1c3640}.modal-dialog.wide{width:min(850px,100%)}.modal-head{padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #ecf0f4}.modal-head h2{font-size:18px;color:#263a53;margin:0 0 5px;font-family:Manrope;font-weight:800}.modal-head p{margin:0;color:#99a5b3;font-size:11px;line-height:1.5}.modal-body{padding:23px 24px}.modal-footer{padding:17px 24px;border-top:1px solid #edf1f4;display:flex;align-items:center;justify-content:flex-end;gap:9px}.modal-footnote{font-size:10px;color:#9aa7b5;margin-right:auto}.close-btn{border:0;background:#f2f5f8;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#73879a}.close-btn:hover{background:#ffe9e8;color:#c54e58}.close-btn .ic{width:16px;height:16px}.modal-inline{background:#f7fafb;border-radius:11px;padding:13px 15px;margin-bottom:17px}.modal-inline strong{display:block;color:#2e465b;font-size:11px}.modal-inline p{margin:5px 0 0;font-size:10.5px;color:#8d9ba9}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.detail-avatar{height:53px;width:53px;border-radius:15px;display:grid;place-items:center;color:#0f978b;background:#e5f6f1;font-weight:900;font-size:17px}.profile-banner{display:flex;align-items:center;gap:15px;margin-bottom:22px}.profile-banner strong{font-size:17px;color:#284058;display:block}.profile-banner span{color:#8e9dad;font-size:11px;display:block;margin-top:5px}.detail-section{margin-top:23px}.detail-section h3{font-size:12.5px;margin:0 0 12px;color:#34485e}.key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key-box{padding:13px;border:1px solid #e7edf2;border-radius:10px;background:#fdfefe}.key-box small{display:block;color:#9caabb;font-size:10px}.key-box strong{display:block;margin-top:5px;font-size:12.5px;color:#2b425b}.simple-list{display:flex;flex-direction:column;gap:0}.simple-list>div{display:flex;justify-content:space-between;gap:11px;border-bottom:1px solid #eef2f6;padding:12px 2px;font-size:11px}.simple-list>div:last-child{border:0}.simple-list strong{font-weight:800;color:#344962}.simple-list small{font-size:10px;color:#9aa9b8}.toast-root{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:9px;max-width:min(390px,calc(100vw - 40px))}.toast{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #d3ebe5;background:white;box-shadow:0 10px 35px #14283e26;border-radius:11px;animation:toastin .2s both}.toast .ic{color:#119687;flex:0 0 18px}.toast strong{font-size:11.5px;color:#25445a;display:block}.toast p{margin:5px 0 0;color:#7c8d9d;font-size:10.5px;line-height:1.5}.toast.warning{border-color:#f7ddb2}.toast.warning .ic{color:#ba8a36}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-results{max-height:370px;overflow:auto}.search-result{width:100%;border:0;background:transparent;padding:13px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf1f4;text-align:left;border-radius:9px}.search-result:hover{background:#f3faf8}.search-result .stat-icon{width:31px;height:31px;flex:0 0 31px}.search-result strong{display:block;color:#30485d;font-size:11px}.search-result small{color:#9ba9b6;font-size:10px}.search-result>.ic:last-child{margin-left:auto;color:#a6b3c1}.permission-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#65768b;font-size:10.5px}.permission-cell input{accent-color:#159f90;width:15px;height:15px}.panel-note{padding:15px 19px;border-top:1px solid #edf1f5;color:#8f9cab;font-size:10.5px}.foot-stats{display:flex;align-items:center;gap:16px;font-size:10px;color:#8899a8}.foot-stats strong{color:#2f4258}.summary-card{background:#f6fafb;border-radius:11px;padding:17px}.summary-card h3{font-size:12px;margin:0 0 15px}.service-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:17px}.service-header h2{font-size:15px;margin:0;color:#263c56;font-family:Manrope}.service-header p{font-size:11px;color:#91a2af;margin:6px 0}.inline-note{color:#778a9c;background:#f8fafc;border:1px solid #e9eef2;border-radius:9px;padding:12px 13px;font-size:10.7px;line-height:1.5}.action-banner{display:flex;align-items:center;gap:11px;padding:17px 20px;margin-top:18px;background:#edf9f6;border:1px solid #d1eee7;border-radius:11px}.action-banner>.ic{color:#14998c}.action-banner strong{font-size:12px;color:#286c67}.action-banner p{font-size:10.7px;color:#719e96;margin:4px 0 0}.action-banner .btn{margin-left:auto}.dashboard-greeting{margin:0 0 17px;padding:0 1px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-greeting .hello{display:inline-flex;gap:5px;align-items:center;font-size:11px;color:#8d9aab}.dashboard-greeting .date-badge{font-size:11px;color:#73879a;display:inline-flex;align-items:center;gap:8px}.dashboard-greeting .date-badge .ic{height:16px;width:16px;color:#199b8e}.floor-filter{display:flex;gap:7px}.floor-filter .pill{cursor:pointer}.sticky-note{font-size:9px;color:#9cacbb;margin:12px 0 0}.inline-form-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr auto;gap:10px;align-items:end}.inline-form-grid .form-group{min-width:0}.amount-stack{display:flex;flex-direction:column;gap:4px}.amount-stack small{color:#9eacb8}.amount-stack strong{font-size:14px}.empty-state{padding:46px 20px;text-align:center;color:#9aacba}.empty-state svg{display:block;margin:0 auto 10px;width:37px;height:37px;color:#7db7b0}.empty-state strong{display:block;color:#34475c}.empty-state p{font-size:11px}.nowrap-button{white-space:nowrap}.badge-new{font-size:9px;font-weight:800;color:#158f82;padding:4px 7px;background:#ebf8f5;border-radius:5px}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #edf2f4;border-radius:9px}.notification-card .stat-icon{height:33px;width:33px;flex:0 0 33px}.notification-card strong{display:block;font-size:11px;color:#31475d}.notification-card p{margin:4px 0;color:#92a0ae;font-size:10px}.checkbox-inline{display:inline-flex;align-items:center;gap:7px;color:#65798e;font-size:11px}.checkbox-inline input{accent-color:#0b9687}.section-gap{margin-bottom:19px}.text-teal{color:#0d9689!important}.text-amber{color:#b9872f!important}.text-red{color:#c65566!important}.priority-note{padding:10px 12px;background:#fff9ed;border:1px solid #f4e5c6;color:#9b7639;border-radius:9px;font-size:10.5px;line-height:1.5}