.content:has(.dash-v2){padding:14px;background:#f3f7fa}.dash-v2{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;max-width:1700px;margin:auto}.dash-main,.dash-side{display:flex;flex-direction:column;gap:14px;min-width:0}.hotel-hero{height:210px;border-radius:15px;overflow:hidden;position:relative;color:#fff;box-shadow:0 7px 24px #163c5d20}.hotel-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.hotel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#072744d9 0%,#16324d70 46%,#071c2a20 72%),linear-gradient(0deg,#09213b66,transparent 60%)}.hero-copy{position:absolute;left:42px;top:46px}.hero-copy small{font-size:14px}.hero-copy h1{font-size:32px;margin:7px 0 8px;color:#fff}.hero-copy b{font-size:15px}.hero-weather{position:absolute;right:18px;bottom:18px;padding:12px 17px;border-radius:12px;background:#17263bbd;backdrop-filter:blur(10px);display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;gap:10px}.hero-weather>span{font-size:28px;color:#ffd735}.hero-weather>small{opacity:.8}.hero-weather>i{height:30px;width:1px;background:#ffffff50;margin:0 5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.kpi{min-height:92px;padding:13px;border:1px solid #e4ecf3;border-radius:13px;display:flex;align-items:center;gap:12px;background:#fff}.kpi-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:25px;color:#fff;flex:none}.kpi>div{display:flex;flex-direction:column;min-width:0}.kpi small{font-size:12px;color:#294054}.kpi strong{font-size:21px;color:#071a2c;margin:2px 0;white-space:nowrap}.kpi em{font-style:normal;color:#15a268;font-size:11px}.kpi.blue{background:#f4f9ff}.kpi.blue .kpi-icon{background:#1588f5}.kpi.green{background:#f0fbf7}.kpi.green .kpi-icon,.kpi.mint .kpi-icon{background:#12ad75}.kpi.orange{background:#fff8ec}.kpi.orange .kpi-icon{background:#ff900b}.kpi.purple{background:#f8f5ff}.kpi.purple .kpi-icon{background:#8561eb}.kpi.mint{background:#f1fcf8}.kpi.red{background:#fff3f4}.kpi.red .kpi-icon{background:#f95062}.kpi.yellow{background:#fffaea}.kpi.yellow .kpi-icon{background:#f7c416}.kpi.sky{background:#f1f8ff}.kpi.sky .kpi-icon{background:#3c98ec}.dash-panel{background:#fff;border:1px solid #e1e9ef;border-radius:14px;padding:12px;box-shadow:0 2px 8px #1737520a}.panel-head{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:8px}.panel-head h2{font-size:15px;margin:0;color:#102334}.panel-head button{border:0;background:none;padding:4px;color:#087a69;font-size:12px}.panel-head>span{font-size:11px;color:#718395}.dash-bottom{display:grid;grid-template-columns:1.35fr .9fr;gap:14px}.channel-head,.channel-row{display:grid;grid-template-columns:28px 1.5fr .75fr .7fr 1fr;align-items:center;gap:6px}.channel-head{padding:7px 5px;background:#f2f6f9;color:#637589;font-size:9px}.channel-head span:first-child{grid-column:1/3}.channel-row{min-height:37px;border-bottom:1px solid #edf1f4;font-size:12px}.channel-row span{text-align:right}.source-logo{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#147eda;color:#fff;font-size:11px}.source-logo.s1{background:#ed536e}.source-logo.s2{background:#ff9d15}.source-logo.s3{background:#13ac79}.revenue-total{font-size:25px;font-weight:800;color:#0d795f;margin:12px}.revenue-total small{display:block;font-size:11px;font-weight:500;color:#81909e}.revenue-bars{height:135px;display:flex;align-items:end;gap:9px;padding:8px 12px 0;border-bottom:1px solid #dfe8ee;background:repeating-linear-gradient(0deg,transparent 0 32px,#edf2f5 33px)}.revenue-bars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.revenue-bars span{width:100%;max-width:30px;min-height:8px;background:linear-gradient(#17b781,#0a8565);border-radius:6px 6px 0 0}.revenue-bars small{font-size:9px;color:#617486}.dash-side .dash-panel{padding:13px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-grid button{min-height:76px;border:0;border-radius:11px;background:#eef8f6;color:#183246;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:6px}.quick-grid button:nth-child(2n){background:#eef4ff}.quick-grid button:nth-child(3n){background:#fff4e9}.quick-grid b{font-size:23px;color:#0f8e74}.recent-row{width:100%;border:0;border-top:1px solid #edf1f4;background:#fff;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:9px;padding:9px 2px;color:#172838}.recent-row> b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8e3ff;color:#735ce2}.recent-row>span{display:flex;flex-direction:column;min-width:0}.recent-row strong{font-size:12px}.recent-row small{font-size:10px;color:#718294;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row .badge{font-size:8px;padding:4px}.room-status-body{display:flex;align-items:center;justify-content:center;gap:26px;padding:8px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#0db77b calc(var(--p)*1%),#198ee5 0 6%,#f6bd18 0 10%,#f14e60 0);display:grid;place-items:center}.donut:before{content:"";width:82px;height:82px;background:#fff;border-radius:50%;grid-area:1/1}.donut span{grid-area:1/1;z-index:1;display:flex;flex-direction:column;text-align:center}.donut b{font-size:24px}.donut small{font-size:10px;color:#758496}.room-legend p{display:grid;grid-template-columns:10px 1fr auto;gap:7px;font-size:11px}.room-legend i{width:9px;height:9px;border-radius:50%;background:#158ee2}.room-legend .busy{background:#f14e60}.room-legend .clean{background:#f6bd18}.room-legend .repair{background:#8798a7}.dash-empty{padding:20px;text-align:center;color:#748697}
@media(max-width:1250px){.dash-v2{grid-template-columns:1fr}.dash-side{display:grid;grid-template-columns:repeat(3,1fr);align-items:start}.kpi-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.content:has(.dash-v2){padding:9px}.hotel-hero{height:190px}.hero-copy{left:22px;top:35px}.hero-copy h1{font-size:25px}.hero-weather{right:10px;bottom:10px}.hero-weather small,.hero-weather i{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-bottom,.dash-side{display:grid;grid-template-columns:1fr}.channel-row,.channel-head{grid-template-columns:24px 1.2fr .65fr .65fr 1fr}.kpi{min-height:84px}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.hotel-hero{height:165px}.hero-copy{left:16px;top:25px}.hero-copy h1{font-size:21px;max-width:260px}.hero-weather{padding:7px 10px}.kpi strong{font-size:17px}.kpi-icon{width:43px;height:43px}.channels{overflow-x:auto}.channel-head,.channel-row{min-width:480px}}