:root{--ink:#183b36;--muted:#687d78;--green:#174c40;--lime:#dcebd9;--mint:#eef5ee;--line:#dce5df;--white:#fff;--gold:#e8b75b}*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:#17352f;font:16px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{max-width:1160px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--ink);display:flex;gap:12px;align-items:center;text-decoration:none}.brand span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dcebd9;font:700 25px Georgia}.brand strong{font:700 18px Georgia}.brand small{display:block;font:700 9px sans-serif;letter-spacing:2px;color:var(--muted)}button,.button{border:0;border-radius:12px;background:var(--green);color:white;padding:13px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}button.secondary,.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}main{max-width:1100px;margin:0 auto;padding:10px 24px 65px}.hero{min-height:300px;border-radius:28px;padding:38px 44px;background:linear-gradient(115deg,#dcebd9,#edf3e9 60%,#f8edda);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.hero label{letter-spacing:3px;font-weight:800;color:#2f7562;font-size:12px}.hero h1{font:600 clamp(38px,6vw,62px)/1.02 Georgia;margin:12px 0}.hero p{color:#536c64}.hero-card{background:#ffffffb5;border:1px solid white;padding:24px 30px;border-radius:18px;font:22px Georgia;color:#3d6255;transform:rotate(2deg)}#notice{margin:16px 0;color:#9b332b}.tabs{display:flex;gap:8px;margin:28px 0 18px;flex-wrap:wrap}.tabs button{background:transparent;color:var(--muted);border:1px solid var(--line)}.tabs button.active{background:var(--green);color:white}h2{font:600 34px Georgia;margin:20px 0 6px}.sub{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #153c3010}.card-body{padding:18px}.card h3{margin:0 0 6px;font:600 23px Georgia}.card p{color:var(--muted)}.cover{width:100%;height:180px;object-fit:cover;background:var(--mint)}.form{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;max-width:760px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#536c64}input,select,textarea{width:100%;border:1px solid #cddbd3;border-radius:10px;background:white;padding:12px;color:var(--ink);font:inherit}textarea{min-height:90px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.room-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.price{font-weight:800;color:var(--green)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:700px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.pill{border-radius:20px;background:#edf4ee;padding:4px 9px;font-size:12px;font-weight:700}.empty{background:white;border:1px dashed #b8c9bf;padding:28px;border-radius:14px;color:var(--muted)}footer{text-align:center;padding:24px;color:var(--muted);font-size:13px}footer span{color:#b6c5bd}@media(max-width:650px){main{padding:6px 14px 45px}header{padding:14px}.hero{min-height:0;padding:28px 22px}.hero-card{display:none}.hero h1{font-size:44px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.form{padding:18px}.room-head{align-items:flex-start;flex-direction:column}}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin:16px 0 26px}.stat-card{min-height:120px;background:white;color:var(--ink);border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;box-shadow:0 5px 18px #153c3008}.stat-card span{font-size:13px;color:var(--muted)}.stat-card b{font-size:24px}.stat-card small{color:#2f7562;text-transform:capitalize}.overview-block{margin-top:28px}.arrival{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.arrival span{color:var(--muted)}.filterbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;background:white;border:1px solid var(--line);border-radius:14px;margin:14px 0}.filterbar>input{flex:2;min-width:210px}.filterbar>select{flex:1;min-width:170px}.filterbar label{display:grid;gap:4px}.filterbar label input{padding:9px}.booking-detail{background:white;border:1px solid var(--line);border-radius:13px;margin:10px 0;overflow:hidden}.booking-detail summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;cursor:pointer;list-style:none}.booking-detail summary::-webkit-details-marker{display:none}.booking-detail summary i{font-style:normal;text-transform:capitalize;background:var(--mint);padding:4px 9px;border-radius:18px}.booking-info{border-top:1px solid var(--line);padding:8px 16px 16px}.booking-info p{overflow-wrap:anywhere}@media(max-width:650px){.booking-detail summary,.arrival{align-items:flex-start;flex-direction:column}.filterbar>*{width:100%;min-width:0}}
