@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#26352a;background:#f5f7f3;font-size:14px;--ink:#26352a;--muted:#879288;--line:#e4e9e2;--green:#52755e;--pale:#e8f0e8;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}.app{display:flex;min-height:100vh}aside{width:245px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 16px 18px;position:fixed;inset:0 auto 0 0;z-index:5}.side-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.04em;padding:0 10px 30px}.brand-mark{width:29px;height:29px;border-radius:9px;background:#53745d;color:#fff;display:grid;place-items:center}.property-switch{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:24px}.property-switch>div{flex:1;overflow:hidden}.property-switch b,.property-switch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-switch b{font-size:12px}.property-switch small{font-size:10px;color:var(--muted);margin-top:3px}.avatar{width:28px;height:28px;border-radius:50%;background:#dfe9df;color:#4b6e55;display:inline-grid;place-items:center;font-size:11px;font-weight:700;flex:none}nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#7d877d;text-decoration:none;font-size:13px}nav a.active,nav a:hover{background:#edf3ed;color:#3d634b;font-weight:600}.side-bottom{margin-top:auto}.upgrade{border-radius:10px;padding:15px;background:#eef4ef;color:#4d7057;margin-bottom:15px}.upgrade b{font-size:12px;display:block;margin:7px 0 4px}.upgrade p{font-size:11px;line-height:1.45;color:#7c8f80;margin:0 0 12px}.upgrade button{color:#4d7057;background:transparent;padding:0;font-size:11px;font-weight:600}.logout{background:none;color:#919991;display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px}main{margin-left:245px;width:calc(100% - 245px)}header{height:71px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;background:#fff}.crumb{font-size:12px;color:#9aa49b}.crumb span{margin:0 8px;color:#d0d6d0}.crumb b{color:#3b493e;font-weight:600}.header-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.sync{font-size:11px;color:#9aa49b}.sync i,.connection small i{display:inline-block;width:6px;height:6px;background:#63a26e;border-radius:50%;margin-right:5px}.notification{background:#ee8f85;color:#fff;border-radius:50%;width:19px;height:19px;text-align:center;padding-top:2px;font-size:10px}.page{max-width:1360px;margin:auto;padding:38px 40px 60px}.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;color:#89978b;margin:0 0 8px}.page-title h1{font-size:29px;line-height:1.15;letter-spacing:-.04em;margin:0 0 7px;color:var(--ink)}.page-title h1 span{color:#7a9b7f}.muted{color:#8c978d;margin:0;line-height:1.5}.primary,.secondary{display:inline-flex;align-items:center;gap:9px;border-radius:7px;padding:10px 14px;font-weight:600;font-size:12px}.primary{background:#50765b;color:#fff}.primary:hover{background:#3f644a}.primary.wide{width:100%;justify-content:space-between;padding:13px 15px}.secondary{background:#fff;color:#59675d;border:1px solid var(--line)}.secondary:hover{border-color:#afc3b2}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric{padding:18px 20px}.metric-top{display:flex;justify-content:space-between;color:#8a958b;font-size:12px;margin-bottom:14px}.metric-top svg{color:#97ad9a}.metric strong{font-size:26px;letter-spacing:-.04em;display:block}.metric small{font-size:10px;display:block;margin-top:8px}.positive{color:#5e9469}.positive span{color:#a0aaa1;margin-left:3px}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font-size:14px;margin:0 0 5px}.panel-head .muted{font-size:11px}.trend-up{font-size:11px;background:#edf5ee;color:#5d9167;padding:6px 8px;border-radius:5px}.chart{height:220px;margin:24px -6px -4px}.icon-button{background:none;color:#99a39a}.ota-panel{min-width:0}.channel{margin-top:21px;position:relative}.channel>div:first-child{display:flex;align-items:center;font-size:12px}.channel i{display:inline-block;border-radius:50%;width:8px;height:8px;margin-right:8px}.channel b{margin-left:auto;font-size:12px}.bar{height:5px;background:#edf0ed;border-radius:9px;margin-top:9px;overflow:hidden}.bar i{height:100%;display:block;border-radius:9px}.channel>small{position:absolute;right:0;top:24px;color:#99a39a;font-size:10px}.opportunity{margin-top:16px;display:flex;align-items:center;gap:16px;padding:17px 20px;background:#f0f5ef;border-color:#dce9dd}.opportunity-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#dceadd;color:#5a8062;flex:none}.opportunity h3{font-size:14px;margin:0 0 5px}.opportunity p{font-size:11px}.opportunity .primary{margin-left:auto;white-space:nowrap}.ink{color:var(--ink)}.menu{display:none;background:none}.toolbar{display:flex;gap:9px;margin-bottom:14px}.search,.toolbar select,label input,label select{height:38px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 12px;color:#69756b;font-size:12px}.search{width:270px}.toolbar select{padding-right:30px}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#929d94;text-transform:uppercase;letter-spacing:.06em;font-weight:500;padding:15px 20px;border-bottom:1px solid var(--line)}td{font-size:12px;padding:15px 20px;border-bottom:1px solid #eef1ee;color:#657067}tbody tr:last-child td{border-bottom:0}td b{color:#354239;font-weight:600;display:block}td small{color:#a2aaa3;font-size:10px;display:block;margin-top:3px}.right{text-align:right}.channel-tag{font-size:11px}.channel-tag.booking_com{color:#315a9b}.channel-tag.airbnb{color:#d85b66}.channel-tag.agoda{color:#ae4265}.status{font-size:10px;text-transform:capitalize}.status.confirmed{color:#5e9469}.calendar-panel{padding:20px;overflow:hidden}.calendar-legend{display:flex;gap:22px;font-size:11px;color:#89948b;margin-bottom:20px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.green{background:#69a173}.amber{background:#d9a257}.red{background:#dc7b71}.calendar-scroll{overflow:auto}.calendar-row{display:grid;grid-template-columns:130px repeat(14,minmax(52px,1fr));min-width:870px;border-top:1px solid var(--line)}.calendar-row>div{padding:11px 6px;text-align:center;border-right:1px solid #f0f2f0}.calendar-header{border-top:0}.calendar-header>div{font-size:10px;color:#849087}.calendar-header b,.calendar-header small{display:block}.calendar-header b{font-size:12px;color:var(--ink)}.calendar-header small{font-size:9px;margin-top:3px}.room-label{text-align:left!important;padding-left:2px!important}.room-label b,.room-label small{display:block}.room-label b{font-size:12px;color:var(--ink)}.room-label small{font-size:10px;color:#99a49a;margin-top:4px}.cell{margin:7px 3px;border-radius:6px!important;padding:7px 2px!important}.cell.green{background:#e9f3ea}.cell.amber{background:#fcf2df}.cell.red{background:#fae6e4}.cell b,.cell small{display:block}.cell b{font-size:12px}.cell small{font-size:9px;margin-top:3px}.pricing-note{display:flex;align-items:center;gap:10px;background:#edf4ed;border:1px solid #dce8dc;color:#69806c;font-size:11px;padding:12px 15px;border-radius:8px;margin-bottom:17px}.recommendations{display:grid;gap:13px}.recommendation{display:flex;align-items:center;gap:20px;padding:20px}.rec-date{width:85px;flex:none}.rec-date b,.rec-date small{display:block}.rec-date b{font-size:13px}.rec-date small{font-size:10px;color:#9ba59d;margin-top:6px}.rec-main{flex:1}.rec-room{display:flex;gap:9px;align-items:center;margin-bottom:12px}.room-pill{font-size:11px;background:#edf3ee;color:#56725d;padding:5px 8px;border-radius:4px;font-weight:600}.pending{font-size:10px;color:#b39a75}.price-change{display:flex;align-items:baseline;gap:10px}.price-change strong{font-size:20px;color:#9da69e;text-decoration:line-through;font-weight:500}.price-change strong.new-price{color:var(--ink);text-decoration:none}.price-change small{color:#67906d;font-size:10px;margin-left:4px}.reasons{display:flex;flex-wrap:wrap;gap:13px;margin-top:12px}.reasons span{color:#7d8b80;font-size:10px}.reasons span:first-letter{color:#67906d}.rec-actions{display:flex;gap:8px;flex:none}.rec-actions .secondary{color:#8a958d}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-card h3{margin-bottom:4px}.settings-card>.muted{font-size:11px;margin-bottom:23px}.settings-card label{display:block;color:#657067;font-size:11px;margin:13px 0}.settings-card label input,.settings-card label select{display:block;width:100%;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connection,.line-connected{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px}.connection-icon{width:28px;height:28px;border-radius:7px;background:#e9f0e9;color:#52755e;display:grid;place-items:center;font-weight:700}.connection>div,.line-connected>div{flex:1}.connection b,.connection small,.line-connected b,.line-connected small{display:block}.connection b,.line-connected b{font-size:12px}.connection small,.line-connected small{color:#929d94;font-size:10px;margin-top:4px}.muted-connection{opacity:.65}.line-connected>span{background:#08b763;color:#fff;font-size:10px;font-weight:700;padding:8px 5px;border-radius:5px}.login-page{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#f6f8f5}.login-card{padding:12vh 13%;max-width:550px;justify-self:end;width:100%}.login-card .eyebrow{margin-top:22px}.login-card h1{font-size:42px;line-height:1.04;letter-spacing:-.06em;margin:15px 0}.login-card h1 em{font-family:Playfair Display,serif;color:#5f8468;font-weight:600}.login-card>.muted{margin-bottom:36px}.login-card label{display:block;color:#647066;font-size:11px;margin:15px 0}.login-card input{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:7px;margin-top:7px;padding:0 12px;background:#fff}.login-card .fine{font-size:10px;color:#a0aaa2;text-align:center;margin-top:16px}.login-art{margin:18px;background:linear-gradient(145deg,#788d78,#314638);border-radius:14px;position:relative;overflow:hidden;background-image:linear-gradient(145deg,#788d78cc,#314638ee),url(https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=80);background-size:cover;background-position:center}.art-copy{position:absolute;bottom:55px;left:55px;color:#fff}.art-copy span{font-family:DM Mono;font-size:10px;letter-spacing:.13em;opacity:.75}.art-copy h2{font-family:Playfair Display,serif;font-size:39px;line-height:1.08;font-weight:600;margin:15px 0}.wide span{font-size:17px}.notification+.avatar{background:#dce9df}@media(max-width:900px){aside{transform:translate(-100%);transition:.2s}aside.open{transform:translate(0)}main{margin-left:0;width:100%}.menu{display:block;margin-right:18px;padding:0;color:#6f7c71}.page{padding:30px 20px}.header-actions .sync{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{justify-self:center;padding:9vh 10%}.settings-grid{grid-template-columns:1fr}}@media(max-width:580px){header{padding:0 20px}.page-title{align-items:flex-start;gap:15px;flex-direction:column}.metric-grid{gap:9px}.metric{padding:14px}.metric strong{font-size:21px}.metric small span{display:none}.opportunity{align-items:flex-start;flex-wrap:wrap}.opportunity .primary{margin-left:53px}.toolbar{flex-wrap:wrap}.search{width:100%}.table-panel{overflow:auto}table{min-width:680px}.recommendation{align-items:flex-start;flex-wrap:wrap}.rec-date{width:100%}.rec-actions{margin-left:105px}.settings-grid{gap:10px}.two{grid-template-columns:1fr}}