.management-page { max-width: 930px; margin-top: 54px; }
.management-page h1 { margin-bottom: 7px; }
.management-intro { color: #657572; margin: 0 0 26px; line-height: 1.6; }
.management-card { margin: 18px 0; padding: 25px; border: 1px solid #e1e7e3; border-radius: 14px; background: #fff; box-shadow: 0 8px 28px rgba(8,47,45,.055); }
.management-card h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; font-size: 18px; }
.management-card h2 > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #edf5f1; color: #0d5350; font-size: 11px; }
.management-card .field { min-width: 0; margin-bottom: 15px; }
.management-card .field:last-child { margin-bottom: 0; }
.management-card label { display: block; margin: 0 0 7px; color: #2b403d; font-size: 11px; font-weight: bold; }
.management-card input[type="text"], .management-card input[type="number"], .management-card select, .management-card textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #dbe2de; border-radius: 8px; outline: none; background: #fff; }
.management-card textarea { line-height: 1.55; resize: vertical; }
.management-card input:focus, .management-card select:focus, .management-card textarea:focus { border-color: #0d5350; box-shadow: 0 0 0 3px rgba(13,83,80,.08); }
.management-card .two { gap: 16px; }
.card-help { margin: -10px 0 18px; color: #71817d; font-size: 11px; }

.upload-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: 14px; }
.upload-box { min-height: 132px; padding: 19px !important; display: flex !important; flex-direction: column; justify-content: center; border: 1.5px dashed #b9cbc6; border-radius: 12px; background: #f9fbfa; cursor: pointer; transition: .2s; }
.upload-box:hover { border-color: #0d5350; background: #f2f8f5; }
.upload-box b, .upload-box small { display: block; }
.upload-box b { font-size: 13px; color: #18312e; }
.upload-box small { margin: 5px 0 13px; color: #74837f; font-weight: normal; }
.upload-box input[type="file"] { width: 100%; color: #546762; font-size: 10px; }
.gallery-upload { grid-column: 1 / -1; min-height: 116px; }
.featured-upload { border-color: #8fb0a8; background: #f3f8f6; }
.current-media { display: grid; grid-template-columns: 110px 1fr; gap: 14px; margin-bottom: 18px; padding: 14px; border-radius: 10px; background: #f5f7f5; }
.current-media > div > span, .current-gallery > span { display: block; margin-bottom: 6px; color: #657572; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.current-media > div > img { width: 100%; height: 80px; object-fit: contain; border-radius: 7px; background: #fff; }
.current-media > div:nth-child(2) > img { object-fit: cover; }
.current-gallery { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; }
.current-gallery > span { width: 100%; }
.current-gallery img { width: 74px; height: 55px; object-fit: cover; border-radius: 6px; }
.room-upload { min-height: 145px; }

.rate-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.money-field { position: relative; }
.money-field > span { position: absolute; left: 12px; top: 36px; color: #0d5350; font-weight: bold; }
.money-field input { padding-left: 29px !important; }
.room-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.management-submit, .secondary-submit { min-height: 48px; border: 0; border-radius: 9px; font-weight: bold; cursor: pointer; }
.management-submit { background: #0d5350 !important; color: #fff; }
.secondary-submit { background: #edf5f1 !important; color: #0d5350; }
.approval-note { margin: 12px 0 0; text-align: center; color: #71817d; font-size: 10px; }

@media (max-width: 700px) {
  .management-page { width: calc(100% - 28px); margin-top: 36px; }
  .management-card { padding: 18px; }
  .management-card .two, .upload-grid, .rate-grid, .room-actions { grid-template-columns: 1fr; }
  .gallery-upload { grid-column: auto; }
}

.detail-hero { height: 520px; position: relative; background-color: #0b4541; background-position: center; background-size: cover; background-repeat: no-repeat; }
.detail-hero .hero-copy { width: min(1180px,90%); margin: 0 auto 48px; padding: 0; }
.detail-hero .hero-location { margin: 7px 0 5px; color: #d8f06b; font-size: 11px; font-weight: bold; letter-spacing: 1.8px; text-transform: uppercase; }
.detail-hero .hero-copy h1 { max-width: 760px; margin: 5px 0 15px; color: #fff; font-size: clamp(38px,5vw,62px); line-height: 1.04; letter-spacing: -2.5px; text-shadow: 0 3px 20px rgba(0,0,0,.28); }
.hero-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.hero-badges span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(7,42,40,.56); color: #fff; font-size: 10px; backdrop-filter: blur(6px); }
.hotel-logo { width: 82px; height: 82px; object-fit: contain; padding: 8px; margin-bottom: 6px; border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(0,0,0,.22); }
.hotel-gallery-wrap { margin: 42px 0; }
.hotel-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.hotel-gallery img { width: 100%; height: 175px; object-fit: cover; border-radius: 10px; }
.weekend-price { display: block; margin-top: 8px; color: #0d5350 !important; font-weight: bold; }
@media (max-width: 650px) { .detail-hero { height: 440px; } .detail-hero .hero-copy { margin-bottom: 30px; } .hotel-logo { width: 66px; height: 66px; } .hotel-gallery { grid-template-columns: 1fr 1fr; } .hotel-gallery img { height: 135px; } }