@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#24231f;background:#f7f7f4;--ink:#20211e;--muted:#818179;--gold:#b88945;--line:#e9e7e0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell>aside{position:fixed;inset:0 auto 0 0;width:250px;background:#202822;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;font:800 18px Manrope;letter-spacing:2px;padding:0 10px 34px}.brand>span{width:40px;height:40px;display:grid;place-items:center;background:#bc9151;border-radius:50%}.brand small{display:block;font:500 9px DM Sans;letter-spacing:1px;color:#aab1ab;margin-top:2px}.shell aside nav{display:flex;flex-direction:column;gap:4px}.shell aside nav button{border:0;background:transparent;color:#aeb6b0;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:8px;text-align:left}.shell aside nav button svg{width:19px}.shell aside nav button.active{background:#fff;color:#232b25;font-weight:700}.property{margin-top:auto;background:#2c352f;border:1px solid #3b463e;padding:15px;border-radius:12px}.property small,.property b,.property span{display:block}.property small{color:#919b94;font-size:10px;text-transform:uppercase;letter-spacing:1px}.property b{font-size:13px;margin:6px 0}.property span{color:#9fa8a1;font-size:11px}.aside-close,.menu{display:none}.shell>main{margin-left:250px;min-height:100vh}.shell header{height:80px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.search{display:flex;align-items:center;gap:9px;background:#f7f7f4;border:1px solid #eeece7;padding:10px 12px;border-radius:9px;width:410px;color:#989991}.search svg{width:18px}.search input{border:0;outline:0;background:transparent;flex:1}.search kbd{background:#fff;border:1px solid #dddcd6;border-radius:5px;padding:2px 5px;font-size:10px}.head-actions{display:flex;align-items:center;gap:10px}.bell,.dots{border:0;background:transparent;color:#777b75;position:relative}.bell i{position:absolute;width:7px;height:7px;background:#d56359;border:2px solid white;border-radius:50%;right:3px}.avatar,.guest-avatar{display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar{width:39px;height:39px;background:#ede2d0;color:#84612c;margin-left:9px}.user b,.user small{display:block}.user small{font-size:11px;color:var(--muted)}.chevron{width:15px}.content{padding:29px 30px 45px;max-width:1550px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title h1{font:800 26px Manrope;margin:0 0 5px}.page-title p,.panel p,.settings-form>p{color:var(--muted);margin:0;font-size:13px}.primary{display:flex;align-items:center;gap:8px;background:#26332c;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:700}.primary svg{width:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat,.panel,.table-card,.services article{background:#fff;border:1px solid var(--line);border-radius:13px}.stat{padding:19px;display:flex;gap:13px}.stat>span{width:43px;height:43px;display:grid;place-items:center;border-radius:10px}.stat>span svg{width:21px}.stat .amber{background:#f8eedf;color:#aa7834}.stat .green{background:#e7f3eb;color:#43835b}.stat .blue{background:#e8eef7;color:#5076aa}.stat .violet{background:#efeaf6;color:#795e9a}.stat small{color:var(--muted)}.stat strong{display:block;font:800 23px Manrope;margin:4px 0}.stat p{font-size:10px;color:#aaa;margin:0}.stat p b{color:#4c9565}.stat p svg{width:12px;vertical-align:middle}.dash-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin:18px 0}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3,.services h3,.settings h3{font:700 16px Manrope;margin:0 0 4px}.panel-head select{border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff}.revenue-total{display:flex;align-items:center;gap:10px;margin-top:22px}.revenue-total strong{font:800 25px Manrope}.badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:18px;font-size:10px;font-weight:700;background:#f0eee9;color:#6e6e68}.badge.checked-in,.badge.confirmed,.badge.paid,.badge.available,.badge.completed,.badge.on-duty,.badge.platinum,.badge.gold,.badge.+14\.2\%{background:#e5f2e9;color:#367c50}.badge.pending,.badge.cleaning,.badge.in-progress,.badge.high{background:#fff1d9;color:#a66d18}.badge.occupied{background:#e7edf7;color:#4a6e9e}.badge.maintenance,.badge.overdue,.badge.urgent{background:#f9e5e3;color:#b2534b}.chart{height:190px;display:flex;align-items:flex-end;gap:11px;margin-top:20px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 46px,#f0eee9 47px)}.chart>div{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.chart span{width:100%;background:linear-gradient(#cfa768,#aa7a39);border-radius:5px 5px 0 0}.chart small{position:absolute;top:calc(100% + 8px);font-size:9px;color:#989890}.revenue{padding-bottom:35px}.link{border:0;background:transparent;color:#966f38;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.link svg{width:15px}.occupancy{display:grid;grid-template-columns:1fr 1fr}.occupancy .panel-head{grid-column:1/-1}.donut{width:165px;height:165px;border-radius:50%;margin:auto;background:conic-gradient(#31433a 0,#31433a 87%,#d8af72 87%,#d8af72 93%,#8f9da9 93%,#8f9da9 97%,#d97066 97%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:112px;height:112px;background:#fff;border-radius:50%}.donut>div{z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font:800 25px Manrope}.donut small{color:var(--muted);font-size:10px}.occupancy ul{list-style:none;padding:15px 0;margin:0}.occupancy li{display:flex;align-items:center;gap:7px;padding:7px;font-size:11px;color:#73756f}.occupancy li b{margin-left:auto;color:#2b2d29}.occupancy li i{width:8px;height:8px;border-radius:50%}.occupancy .occupied{background:#31433a}.occupancy .available{background:#d8af72}.occupancy .cleaning{background:#8f9da9}.occupancy .maintenance{background:#d97066}.arrivals{margin-top:18px}.arrival{display:grid;grid-template-columns:40px 1.2fr 1.3fr 1fr 100px 30px;gap:12px;align-items:center;border-top:1px solid #eeece7;padding:12px 3px;font-size:12px}.arrival small,.arrival b{display:block}.arrival small{color:var(--muted);margin-top:3px}.arrival>span:not(.badge){display:flex;align-items:center;gap:6px;color:#666b65}.arrival svg{width:15px}.guest-avatar{width:36px;height:36px;background:#f1e8db;color:#936b32}.table-card{overflow:hidden}.table-tools{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.table-tools label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:300px}.table-tools svg{width:16px;color:#999}.table-tools input{border:0;outline:0;width:100%}.table-tools select{border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:14px 17px;border-bottom:1px solid #efede8;white-space:nowrap}th{text-align:left;background:#fafaf8;text-transform:uppercase;font-size:10px;letter-spacing:.5px;color:#85867f}td:first-child{font-weight:700}.pager{display:flex;justify-content:space-between;padding:14px 17px;color:#8b8c85;font-size:11px}.pager button{background:#fff;border:1px solid var(--line);padding:5px 9px}.pager .on{background:#26332c;color:#fff}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#17201999;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(580px,100%);background:#fff;border-radius:14px;padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:0 0 20px;font:700 20px Manrope}.modal-head button{border:0;background:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:700}.form-grid input{width:100%;border:1px solid #deddd7;border-radius:7px;padding:10px;margin-top:6px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.form-actions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services article{padding:22px}.services article>span{width:44px;height:44px;display:grid;place-items:center;background:#f3eadc;color:#9a6d31;border-radius:10px}.services p{color:var(--muted);font-size:12px;min-height:35px}.services b{font-size:11px;color:#477c59}.services button{display:block;border:0;background:transparent;color:#916b35;padding:15px 0 0;font-weight:700}.settings{display:grid;grid-template-columns:220px 1fr;gap:18px}.settings>nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;height:max-content}.settings nav button{border:0;background:transparent;display:flex;gap:9px;width:100%;padding:11px;border-radius:7px;color:#777}.settings nav button svg{width:17px}.settings nav .active{background:#f2ede5;color:#8d6733;font-weight:700}.settings-form{max-width:800px}.settings-form .form-grid{margin-top:22px}.settings-form .full{grid-column:1/-1}.save{margin-top:20px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.shell>aside{transform:translate(-100%);transition:.25s}.shell>aside.open{transform:none}.shell>main{margin-left:0}.menu,.aside-close{display:grid;place-items:center;border:0}.menu{background:transparent}.aside-close{position:absolute;right:12px;top:12px;background:#39433c;color:#fff;border-radius:6px}.shell header{padding-left:18px}.search{margin-left:12px}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.content{padding:22px 14px}.shell header{padding:0 12px}.search{width:100%}.search kbd,.user,.chevron{display:none}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:22px}.stats,.services,.settings{grid-template-columns:1fr}.arrival{grid-template-columns:40px 1fr 90px}.arrival>span:not(.badge),.arrival .dots{display:none}.occupancy,.form-grid{grid-template-columns:1fr}.settings-form .full{grid-column:auto}.settings>nav{display:flex;overflow:auto}.settings nav button{min-width:max-content}}