@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";
:root{--brand-primary:#174f3b;--brand-primary-contrast:#fff;--brand-accent:#4b8b6b;--brand-bg:#f5f7f5;--brand-surface:#fff;--brand-text:#18201d;--brand-muted:#77807b;--ink:var(--brand-text);--muted:var(--brand-muted);--line:#e5e8e5;--paper:var(--brand-surface);--bg:var(--brand-bg);--green:var(--brand-primary);--mint:#e5f2eb;--purple:#6c5dd3;--blue:#3b7ec1;--amber:#c78325;--red:#c2524a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fbfcfb;flex-direction:column;width:238px;height:100vh;padding:24px 14px 16px;display:flex;position:fixed}.brand{align-items:center;gap:10px;padding:0 10px 24px;font:700 20px Manrope;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.mobile-close{background:0 0;border:0;margin-left:auto;display:none}.org-switcher{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:9px;padding:9px;display:flex}.org-switcher>svg{color:#8b918e;margin-left:auto}.org-avatar,.avatar{width:32px;height:32px;color:var(--green);background:#dbe9df;border-radius:8px;place-items:center;font-size:11px;font-weight:700;display:grid}.org-switcher span:nth-child(2),.user-card span:nth-child(2){flex-direction:column;display:flex}.org-switcher b,.user-card b{font-size:12px}.org-switcher small,.user-card small{color:var(--muted);margin-top:2px;font-size:10px}.nav-list{flex-direction:column;gap:4px;margin-top:25px;display:flex}.nav-label{letter-spacing:.12em;color:#9aa19d;text-transform:uppercase;padding:0 11px 7px;font-size:9px;font-weight:700}.nav-list button,.sidebar-bottom>button{color:#65706a;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:10px 11px;font:500 13px DM Sans;display:flex}.nav-list button:hover,.nav-list button.active{color:var(--green);background:#e9f1ec}.nav-list button.active{font-weight:700}.nav-list em{color:var(--green);background:#d9e9df;border-radius:9px;margin-left:auto;padding:1px 6px;font-size:10px;font-style:normal}.nav-list i{background:#d49a35;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{flex-direction:column;margin-top:auto;display:flex}.user-card{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:8px;padding:16px 8px 0;display:flex}.user-card svg{color:#9da39f;margin-left:auto}.main-content{width:calc(100% - 238px);min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffed;justify-content:space-between;align-items:center;height:66px;padding:0 30px;display:flex;position:sticky;top:0}.search{border:1px solid var(--line);color:#8a928e;background:#fafbfa;border-radius:8px;align-items:center;gap:9px;width:390px;height:36px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font:400 12px DM Sans}.search kbd{white-space:nowrap;background:#fff;border:1px solid #dfe3df;border-radius:5px;padding:3px 6px;font:500 10px DM Sans}.top-actions{align-items:center;gap:9px;display:flex}.sync-pill{color:#477061;background:#edf5f0;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.sync-pill span,.live i{background:#4e9a72;border-radius:50%;width:6px;height:6px}.icon-button{border:1px solid var(--line);color:#5b655f;background:#fff;border-radius:8px;width:35px;height:35px;position:relative}.icon-button i{background:#d66b5f;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 13px;font:600 11px DM Sans;display:inline-flex}.primary-button{background:var(--green);color:#fff;box-shadow:0 2px 5px #154f3b2b}.secondary-button{color:#44514b;border:1px solid var(--line);background:#fff}.menu-button{background:0 0;border:0;display:none}.page{max-width:1530px;margin:auto;padding:30px}.welcome-row{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:#89918d!important;margin:0 0 7px!important;font-size:9px!important;font-weight:700!important}.welcome-row h1{letter-spacing:-.025em;margin:0;font:700 27px Manrope}.welcome-row p{color:var(--muted);margin:6px 0 0;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:13px;padding:17px;display:flex;box-shadow:0 1px 1px #1b30230a}.metric-icon{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.metric-icon.purple{color:var(--purple);background:#eeecfb}.metric-icon.blue{color:var(--blue);background:#e8f1f8}.metric-icon.green{color:#398060;background:#e3f2e9}.metric-icon.amber{color:var(--amber);background:#fbf0dd}.metric-card p{color:#78807c;margin:0 0 2px;font-size:10px}.metric-card h2{margin:0;font:700 24px Manrope}.metric-card small{color:#8a928d;font-size:9px}.metric-card small.warn{color:#ad7123;align-items:center;gap:2px;display:flex}.content-grid,.bottom-grid{grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 2px #17251b08}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.panel-head h2{margin:0;font:700 14px Manrope}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:10px}.panel-head button{color:#547064;cursor:pointer;background:0 0;border:0;align-items:center;font:600 10px DM Sans;display:flex}.stays-list{margin:0 -18px}.stay-row{border-top:1px solid #eef0ee;grid-template-columns:36px 1.4fr 1fr 80px 20px;align-items:center;gap:10px;padding:12px 18px;display:grid}.guest-avatar{color:#395e4f;background:#e9efec;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:700;display:grid}.stay-person,.stay-dates{flex-direction:column;display:flex}.stay-person b,.stay-dates b{font-size:10px}.stay-person span{color:var(--muted);margin-top:3px;font-size:9px}.stay-dates small{color:#a1a7a4;letter-spacing:.1em;margin-bottom:3px;font-size:7px}.status{text-transform:capitalize;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:flex}.status i{border-radius:50%;width:5px;height:5px}.status.arriving{color:#376b9d;background:#e8f0fb}.status.arriving i{background:#4e8cc6}.status.staying{color:#367557;background:#e6f3eb}.status.staying i{background:#4a9a70}.status.departing{color:#946a37;background:#f6eee4}.status.departing i{background:#c38a44}.row-action{color:#9da39f;background:0 0;border:0}.health-score{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:1px 0 14px;display:flex}.donut{background:conic-gradient(#3f8c68 0 96%,#edf0ee 96%);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.donut span{z-index:1;font:700 17px Manrope}.donut small{font-size:8px}.health-score b{font-size:11px}.health-score p{color:var(--muted);margin:3px 0;font-size:9px}.health-items>div{border-bottom:1px solid #f0f1f0;grid-template-columns:30px 1fr 15px;align-items:center;padding:9px 0;display:grid}.health-icon{border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.health-icon.red{color:var(--red);background:#fae8e6}.health-icon.amber{color:var(--amber);background:#fbf0dd}.health-items span:nth-child(2){flex-direction:column;display:flex}.health-items b{font-size:9px}.health-items small{color:var(--muted);margin-top:2px;font-size:8px}.health-items svg:last-child{color:#a8aeaa}.full-button{border:1px solid var(--line);color:#486255;cursor:pointer;background:#fafbfa;border-radius:7px;width:100%;height:31px;margin-top:12px;font:600 9px DM Sans}.properties-panel{margin-bottom:15px}.property-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.property-card{border:1px solid var(--line);text-align:left;color:inherit;cursor:pointer;background:#fff;border-radius:10px;padding:0;transition:all .2s;overflow:hidden}.property-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1d342618}.property-image{height:92px;position:relative;overflow:hidden}.house-shape{clip-path:polygon(50% 0,100% 38%,93% 100%,8% 100%,0 38%);background:#f2e7d9aa;height:77px;position:absolute;bottom:-14px;left:21%;right:20%;box-shadow:inset 0 0 0 3px #fff5}.house-shape span{background:#59463866;width:16px;height:34px;position:absolute;bottom:0;left:43%}.property-health{z-index:2;background:#fffffff0;border-radius:11px;align-items:center;gap:4px;padding:4px 7px;font-size:7px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.property-health i{border-radius:50%;width:5px;height:5px}.property-health.healthy{color:#3f755d}.property-health.healthy i{background:#4a966e}.property-health.warning,.property-health.critical{color:#9a6434}.property-health.warning i{background:#d09242}.property-health.critical{color:#9e4c46}.property-health.critical i{background:#c75b52}.property-info{justify-content:space-between;align-items:flex-start;padding:11px 11px 8px;display:flex}.property-info h3{margin:0;font:700 11px Manrope}.property-info p{color:var(--muted);margin:3px 0 0;font-size:8px}.ha-badge{color:#45735f;background:#edf4f0;border-radius:5px;align-items:center;gap:2px;padding:3px 5px;font-size:7px;display:flex}.property-stats{color:#68716c;border-top:1px solid #eef0ee;gap:10px;padding:8px 10px;display:flex}.property-stats span{align-items:center;gap:3px;font-size:8px;display:flex}.activity-list>div{border-top:1px solid #eff1ef;grid-template-columns:31px 1fr auto;align-items:center;padding:8px 0;display:grid}.activity-icon{color:#47735f;background:#ecf2ef;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.activity-icon.thermostat{color:#4b73a0;background:#e9eff8}.activity-icon.sync{color:#6c5dad;background:#f0edfa}.activity-list span:nth-child(2){flex-direction:column;display:flex}.activity-list b{font-size:9px}.activity-list small,.activity-list time{color:var(--muted);margin-top:2px;font-size:8px}.live{color:#3c7d5d;background:#e9f4ee;border-radius:10px;align-items:center;gap:4px;padding:4px 7px;font-size:8px;display:flex}.job-score{align-items:baseline;gap:7px;margin-bottom:14px;display:flex}.job-score b{font:700 27px Manrope}.job-score span{color:var(--muted);font-size:9px}.job-bars>div{justify-content:space-between;margin:8px 0 4px;font-size:8px;display:flex}.job-bars progress{appearance:none;width:100%;height:4px}.job-bars progress::-webkit-progress-bar{background:#edf0ee;border-radius:8px}.job-bars progress::-webkit-progress-value{background:#4b8b6b;border-radius:8px}.job-bars progress.failed::-webkit-progress-value{background:#c65e55}.danger{color:var(--red)}.toast{color:#fff;z-index:50;background:#173f31;border-radius:9px;align-items:center;gap:9px;padding:12px 17px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:25px;right:26px;box-shadow:0 10px 30px #102b2060}.modal-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#10201966;place-items:center;display:grid;position:fixed;inset:0}.property-modal{background:#fff;border-radius:16px;width:min(480px,100% - 32px);padding:28px;position:relative;box-shadow:0 30px 80px #10201950}.modal-close{background:#f2f4f2;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:18px}.modal-icon{background:var(--mint);width:45px;height:45px;color:var(--green);border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.property-modal h2{margin:0;font:700 23px Manrope}.property-modal>p:not(.eyebrow){color:var(--muted);font-size:11px}.control-grid{grid-template-columns:1fr 1fr;gap:9px;margin:20px 0;display:grid}.control-grid button{border:1px solid var(--line);text-align:left;color:var(--green);background:#fafbfa;border-radius:10px;gap:10px;padding:13px;display:flex}.control-grid span{flex-direction:column;display:flex}.control-grid b{color:var(--ink);font-size:10px}.control-grid small{color:var(--muted);margin-top:3px;font-size:8px}.modal-primary{justify-content:center;width:100%}.backdrop{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1000px){.metric-grid,.property-grid{grid-template-columns:1fr 1fr}.sync-pill{display:none}.search{width:300px}}@media (max-width:760px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close,.menu-button{place-items:center;display:grid}.backdrop{z-index:19;background:#10201955;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.topbar{gap:10px;padding:0 16px}.search{flex:1;width:auto}.search kbd,.top-actions .icon-button{display:none}.primary-button{white-space:nowrap}.top-actions .primary-button{font-size:0}.top-actions .primary-button svg{margin:0}.page{padding:20px 15px}.welcome-row{align-items:flex-start}.welcome-row .secondary-button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.content-grid,.bottom-grid{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr 1fr}.stay-row{grid-template-columns:34px 1fr 70px}.stay-dates,.row-action{display:none}.panel{padding:15px}}@media (max-width:480px){.metric-grid,.property-grid{grid-template-columns:1fr}.metric-card{align-items:center}.welcome-row h1{font-size:23px}.control-grid{grid-template-columns:1fr}.top-actions .primary-button{padding:0 10px}}