:root { color: #183047; background: #f3f6f8; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: #f3f6f8; }
.management-topbar { min-height: 70px; padding: 10px max(24px, calc((100% - 1260px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #173b60; }
.management-brand { width: 94px; height: 48px; padding: 5px 7px; display: grid; place-items: center; background: #fff; border-radius: 7px; }
.management-brand img { width: 100%; height: 100%; object-fit: contain; }
.management-topbar nav { display: flex; gap: 10px; }
.management-topbar nav a { padding: 9px 12px; color: #fff; border-radius: 8px; font-size: 14px; font-weight: 750; text-decoration: none; }
.management-topbar nav a:hover { background: rgba(255,255,255,.14); }
.management-shell { width: min(1120px, calc(100% - 40px)); margin: 34px auto 60px; }
.management-heading { margin-bottom: 20px; }
.management-heading p { margin: 0 0 6px; color: #718294; font-size: 11px; font-weight: 850; letter-spacing: 1.1px; }
.management-heading h1 { margin: 0; color: #173b60; font-size: 32px; }
.management-heading span { display: block; margin-top: 6px; color: #6c7b89; }
.management-tabs { display: flex; gap: 10px; margin-bottom: 20px; }
.management-tabs a { min-width: 120px; padding: 11px 15px; color: #526f89; background: #fff; border: 1px solid #dce4ea; border-radius: 9px; font-size: 14px; font-weight: 800; text-align: center; text-decoration: none; }
.management-tabs a.is-active { color: #fff; background: #173b60; border-color: #173b60; }
.management-content { display: grid; gap: 16px; }
.price-card, .listing-card, .empty-state { overflow: hidden; background: #fff; border: 1px solid #dce4ea; border-radius: 13px; box-shadow: 0 3px 12px rgba(25,48,71,.05); }
.price-card header, .listing-card header { padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f8fafb; border-bottom: 1px solid #dce4ea; }
.price-card small, .listing-card small { color: #6c7b89; font-size: 11px; font-weight: 800; letter-spacing: .55px; text-transform: uppercase; }
.price-card h2, .listing-card h2 { margin: 3px 0 0; color: #173b60; font-size: 18px; }
.price-card header > span, .listing-card header > span { padding: 6px 8px; color: #a24a45; background: #fff0ef; border-radius: 6px; font-size: 11px; font-weight: 800; }
.price-days { display: grid; grid-template-columns: repeat(auto-fill, minmax(105px, 1fr)); }
.price-days div { min-height: 67px; padding: 11px 13px; display: grid; gap: 4px; border-right: 1px solid #e5ebef; border-bottom: 1px solid #e5ebef; }
.price-days small { color: #6c7b89; font-size: 11px; text-transform: capitalize; }
.price-days strong { color: #8a6510; font-size: 17px; }
.listing-card ul { margin: 0; padding: 0; list-style: none; }
.listing-card li { padding: 13px 18px; display: grid; grid-template-columns: 100px 1fr auto; align-items: center; gap: 12px; border-bottom: 1px solid #e5ebef; }
.listing-card li:last-child { border-bottom: 0; }
.listing-card li strong { color: #526f89; font-size: 13px; }
.listing-card li span { color: #183047; font-weight: 700; }
.listing-card li em { color: #6c7b89; font-size: 11px; font-style: normal; }
.empty-state { padding: 42px 26px; color: #6c7b89; text-align: center; }
.empty-state strong { display: block; color: #183047; font-size: 18px; }
.empty-state p { max-width: 560px; margin: 10px auto 0; line-height: 1.5; }
@media (max-width: 600px) { .management-topbar { padding: 10px 16px; } .management-shell { width: min(100% - 28px, 620px); margin-top: 24px; } .management-heading h1 { font-size: 27px; } .management-tabs a { min-width: 0; flex: 1; padding: 10px 6px; font-size: 12px; } .price-card header, .listing-card header { padding: 14px; } .price-card h2, .listing-card h2 { font-size: 15px; } .listing-card li { padding: 12px 14px; grid-template-columns: 1fr auto; gap: 4px; } .listing-card li span { grid-column: 1 / -1; font-size: 13px; } .listing-card li em { grid-column: 2; grid-row: 1; } }