:root {
    --bg: #07120d;
    --panel: #0d1f17;
    --panel-2: #122a20;
    --line: rgba(255,255,255,.10);
    --text: #f4fff8;
    --muted: #9bb0a5;
    --green: #20c263;
    --lime: #b7f35c;
    --gold: #f7c948;
    --danger: #ff6b6b;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: var(--green); text-decoration: none; }
a:hover { color: var(--lime); }
.navbar { background: rgba(7,18,13,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.footer { background: #050d09; border-top: 1px solid var(--line); }
.footer a { display: block; color: var(--muted); margin-bottom: .45rem; }
.text-secondary { color: var(--muted) !important; }
.btn-success { background: var(--green); border-color: var(--green); color: #041109; font-weight: 700; }
.btn-outline-success { color: var(--green); border-color: var(--green); }
.btn-outline-success:hover { background: var(--green); border-color: var(--green); color: #041109; }
.hero {
    min-height: 82vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(7,18,13,.96), rgba(7,18,13,.68)),
        url("https://images.unsplash.com/photo-1551958219-acbc608c6377?auto=format&fit=crop&w=1800&q=80") center/cover;
}
.hero h1 { font-size: clamp(2.4rem, 6vw, 5rem); line-height: .98; letter-spacing: 0; }
.section { padding: 5rem 0; }
.section-tight { padding: 3rem 0; }
.card, .modal-content, .dropdown-menu {
    background: var(--panel);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 8px;
}
.card-soft { background: var(--panel-2); border: 1px solid var(--line); border-radius: 8px; }
.form-control, .form-select {
    background: #081610;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 8px;
}
.form-control:focus, .form-select:focus {
    background: #081610;
    color: var(--text);
    border-color: var(--green);
    box-shadow: 0 0 0 .2rem rgba(32,194,99,.18);
}
.form-control::placeholder { color: #6d8277; }
.table { --bs-table-bg: transparent; --bs-table-color: var(--text); --bs-table-border-color: var(--line); }
.badge-verified { background: rgba(32,194,99,.16); color: var(--lime); border: 1px solid rgba(32,194,99,.35); }
.stat { padding: 1.25rem; border-radius: 8px; background: var(--panel); border: 1px solid var(--line); }
.stat strong { display: block; font-size: 2rem; }
.turf-img { height: 210px; object-fit: cover; border-radius: 8px 8px 0 0; }
.avatar { width: 42px; height: 42px; border-radius: 50%; background: var(--green); display: inline-grid; place-items: center; color: #031008; font-weight: 800; }
.dashboard-shell { display: grid; grid-template-columns: 260px 1fr; gap: 1.5rem; }
.sidebar { position: sticky; top: 86px; height: max-content; }
.sidebar a { display: flex; gap: .6rem; align-items: center; color: var(--muted); padding: .75rem .9rem; border-radius: 8px; margin-bottom: .25rem; }
.sidebar a.active, .sidebar a:hover { background: rgba(32,194,99,.13); color: var(--text); }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .5rem; }
.calendar-day { min-height: 104px; border: 1px solid var(--line); border-radius: 8px; padding: .6rem; background: #0a1812; }
.price-total { color: var(--lime); font-size: 2rem; font-weight: 800; }
.review-stars { color: var(--gold); }
.ad-banner { background: linear-gradient(120deg, rgba(32,194,99,.22), rgba(247,201,72,.14)); border: 1px solid var(--line); border-radius: 8px; }
@media (max-width: 991px) {
    .dashboard-shell { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .hero { min-height: 72vh; }
}
@media (max-width: 575px) {
    .section { padding: 3rem 0; }
    .calendar-grid { grid-template-columns: 1fr; }
}
