.listing-input-page { width: 100%; max-width: 980px; margin: 0; }
.listing-data-page { width: 100%; max-width: 980px; margin: 0; }
.listing-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 12px; padding: 6px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow); }
.listing-tabs button { min-height: 40px; border: 1px solid #a97518; border-radius: 9px; background: #fffdf8; color: #806226; font-size: 10px; font-weight: 900; }
.listing-tabs button.active { border-color: #a97518; background: linear-gradient(135deg,#65400a,#b98628); color: #fff; box-shadow: 0 5px 14px rgba(103,65,7,.2); }
.listing-data-head,
.listing-input-head { width: 100%; box-sizing: border-box; align-items: center; gap: 9px; margin-bottom: 10px; padding: 10px 14px; border: 1px solid rgba(237,197,96,.28); border-radius: 11px; }
.listing-data-head h2,
.listing-input-head h2 { font-size: clamp(22px,2.5vw,27px); }
.listing-data-head .back-button,
.listing-input-head .back-button { width: 32px; height: 32px; border-radius: 8px; font-size: 17px; }
.listing-data-toolbar { display: grid; grid-template-columns: minmax(0,1fr) 48px; align-items: stretch; gap: 8px; margin-bottom: 12px; }
.listing-data-search { display: flex; align-items: center; gap: 9px; height: 44px; margin: 0; padding: 0 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--forest); box-shadow: var(--shadow); }
.listing-data-search span { font-size: 22px; }
.listing-data-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); font: inherit; font-size: 12px; }
.listing-data-count { display: grid; place-items: center; min-width: 48px; height: 44px; box-sizing: border-box; border: 1px solid #a97518; border-radius: 12px; background: #fffdf8; color: #805b17; font-size: 13px; font-weight: 900; box-shadow: var(--shadow); }
.listing-data-list { width: 100%; }
.listing-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow); }
.listing-table { width: 100%; min-width: 900px; border-collapse: collapse; color: var(--ink); font-size: 10px; }
.listing-table th { padding: 12px 11px; border-bottom: 1px solid #dfc995; background: #f4ead3; color: #795518; font-size: 8px; letter-spacing: .55px; text-align: left; text-transform: uppercase; white-space: nowrap; }
.listing-table td { padding: 13px 11px; border-bottom: 1px solid #eee4cf; vertical-align: middle; }
.listing-table tbody tr:last-child td { border-bottom: 0; }
.listing-table tbody tr:hover { background: #fffaf0; }
.listing-table-price { color: #a77118; white-space: nowrap; }
.listing-table-facilities { display: flex; flex-wrap: wrap; gap: 4px; min-width: 160px; }
.listing-table-facilities span { padding: 4px 6px; border-radius: 6px; background: #edf4f1; color: var(--forest); font-size: 8px; font-weight: 800; }
.listing-data-card { padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow); }
.listing-data-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.listing-data-card-head small { color: #9b711e; font-size: 9px; font-weight: 900; letter-spacing: .7px; text-transform: uppercase; }
.listing-data-card h3 { margin: 5px 0 0; color: var(--ink); font: 600 17px Georgia; }
.listing-data-status { flex: 0 0 auto; padding: 6px 9px; border-radius: 99px; background: #e5f2ec; color: var(--forest); font-size: 9px; font-weight: 900; }
.listing-data-meta { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.listing-data-meta span { color: var(--muted); font-size: 10px; }
.listing-data-meta strong { color: #a77118; font-size: 16px; }
.listing-data-facilities { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 11px; }
.listing-data-facilities span { padding: 5px 7px; border-radius: 7px; background: #eef4f1; color: var(--forest); font-size: 9px; font-weight: 800; }
.listing-input-form { display: grid; gap: 10px; padding: 16px 18px; border-radius: 14px; }
.listing-input-form .form-section-title { gap: 8px; margin: 0 0 2px; }
.listing-input-form .form-section-title > span { width: 28px; height: 28px; border-radius: 8px; }
.listing-input-form .form-section-title b { font-size: 16px; }
.listing-input-form .form-section-title small { margin-top: 1px; font-size: 9px; }
.listing-input-form .form-grid { gap: 8px 10px; }
.listing-input-form .field { gap: 3px; font-size: 10px; }
.listing-input-form .field input,
.listing-input-form .field select { height: 41px; border-radius: 9px; font-size: 13px; }
.listing-input-form .field select { background-position: calc(100% - 18px) 18px,calc(100% - 13px) 18px; }
.listing-input-form .currency-input { height: 41px; border-radius: 9px; }
.listing-input-form .currency-input input { height: 39px; }
.listing-input-form .field-error { min-height: 7px; font-size: 9px; }
.listing-facility-field { margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 10px; }
.listing-facility-field legend { padding: 0 6px; color: var(--ink); font-size: 10px; font-weight: 900; }
.listing-inline-status { padding: 10px; color: var(--muted); font-size: 10px; text-align: center; }
.listing-facility-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.listing-facility-choice { position: relative; display: flex; align-items: center; gap: 7px; min-height: 34px; padding: 6px 8px; border: 1px solid #e2d5b7; border-radius: 8px; background: #fffaf0; color: var(--ink); font-size: 9px; font-weight: 800; cursor: pointer; }
.listing-facility-choice input { width: 15px; height: 15px; accent-color: var(--gold); }
.listing-photo-title { margin-top: 2px!important; padding-top: 9px!important; border-top: 1px solid var(--line); }
.listing-photo-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; }
.listing-photo-slot { position: relative; min-height: 105px; display: grid; place-items: center; overflow: hidden; border: 1.5px dashed #cdb577; border-radius: 10px; background: #fffaf0; cursor: pointer; }
.listing-photo-slot input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.listing-photo-slot img { width: 100%; height: 105px; object-fit: cover; }
.listing-photo-slot > span { display: grid; justify-items: center; gap: 4px; color: #8a671d; }
.listing-photo-slot > span b { font-size: 22px; }
.listing-photo-slot > span small { font-size: 9px; font-weight: 900; }
.listing-photo-error { display: block; min-height: 8px; }
.listing-input-form .form-actions { gap: 7px; margin-top: 2px; }
.listing-input-form .primary-button,
.listing-input-form .secondary-button { min-width: 110px; height: 40px; border-radius: 9px; font-size: 11px; }
@media(max-width:760px){.listing-data-list{grid-template-columns:1fr}.listing-input-form{padding:14px}.listing-facility-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-photo-slot:last-child{grid-column:1/-1}.listing-photo-slot,.listing-photo-slot img{height:115px}}