.vled-box {
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
        border-radius: 16px;
        padding: 28px;
        margin: 24px 0;
        box-shadow: 0 8px 32px rgba(0,0,0,0.08);
        position: relative;
        z-index: 99;
    }
    .vled-box h4 {
        margin: 0 0 20px;
        padding-bottom: 16px;
        border-bottom: 3px solid #b79c55;
        color: #1a1a1a;
        font-size: 20px;
        font-weight: 600;
        position: relative;
    }
    .vled-label { display: block; margin-bottom: 8px; font-weight: 600; color: #333; font-size: 14px; }
    .vled-field { margin-bottom: 20px; }
    .vled-select, .vled-input {
        width: 100%; padding: 16px 18px; border: 2px solid #e8e8e8; border-radius: 12px;
        font-size: 16px; background: #fff; cursor: pointer; transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04); -webkit-appearance: none; appearance: none;
    }
    .vled-select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
        background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px;
    }
    .vled-select:hover, .vled-input:hover { border-color: #d4c4a0; box-shadow: 0 4px 12px rgba(183,156,85,0.15); }
    .vled-select:focus, .vled-input:focus { border-color: #b79c55; outline: none; box-shadow: 0 0 0 4px rgba(183,156,85,0.15); }
    .vled-zone-info { margin-top: 8px; padding: 12px; background: #f8f9fa; border-radius: 8px; font-size: 13px; color: #666; line-height: 1.5; }
    .vled-msg { margin-top: 16px; padding: 12px 16px; border-radius: 8px; font-size: 15px; background: #f5f5f5; }
    .vled-ok { color: #1e7e34; font-weight: 600; background: #d4edda; }
    .vled-err { color: #bd2130; font-weight: 600; background: #f8d7da; }
    .vled-load { color: #6c757d; font-style: italic; background: #e9ecef; }
    .vled-disabled { opacity: 0.5; pointer-events: none; }
    /* Pax selectors */
    .vled-pax-wrap { display: flex; flex-direction: column; gap: 12px; }
    .vled-pax-row {
        display: flex; align-items: center; justify-content: space-between;
        padding: 14px 16px; background: #fff; border: 2px solid #e8e8e8;
        border-radius: 12px; transition: all 0.3s ease;
    }
    .vled-pax-row:hover { border-color: #d4c4a0; }
    .vled-pax-info { flex: 1; }
    .vled-pax-type { font-weight: 600; color: #1a1a1a; font-size: 15px; }
    .vled-pax-price { color: #b79c55; font-weight: 600; font-size: 14px; margin-top: 2px; }
    .vled-pax-age { color: #999; font-size: 12px; }
    .vled-pax-controls { display: flex; align-items: center; gap: 12px; position: relative; z-index: 100; }
    .vled-pax-btn {
        width: 36px; height: 36px; border-radius: 50%; border: 2px solid #e8e8e8;
        background: #fff; font-size: 18px; font-weight: 700; cursor: pointer;
        display: flex; align-items: center; justify-content: center;
        transition: all 0.2s ease; color: #333; line-height: 1;
        position: relative; z-index: 100;
    }
    .vled-pax-btn:hover { border-color: #b79c55; color: #b79c55; background: rgba(183,156,85,0.08); }
    .vled-pax-btn:disabled { opacity: 0.3; cursor: not-allowed; }
    .vled-pax-count { font-size: 18px; font-weight: 700; min-width: 24px; text-align: center; color: #1a1a1a; }
    /* Total */
    .vled-total {
        margin-top: 16px; padding: 16px 20px; background: linear-gradient(135deg, #2c3e50, #34495e);
        border-radius: 12px; display: flex; justify-content: space-between; align-items: center;
    }
    .vled-total-label { color: rgba(255,255,255,0.8); font-size: 15px; font-weight: 500; }
    .vled-total-amount { color: #fff; font-size: 22px; font-weight: 700; }
    /* Flatpickr */
    .flatpickr-calendar { border-radius: 12px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important; border: none !important; }
    .flatpickr-day { border-radius: 8px !important; height: 42px !important; line-height: 42px !important; font-weight: 500 !important; }
    .flatpickr-day.selected { background: #b79c55 !important; border-color: #b79c55 !important; color: #fff !important; }
    .flatpickr-day:hover { background: rgba(183,156,85,0.15) !important; }
    .flatpickr-day.flatpickr-disabled { color: #ccc !important; text-decoration: line-through !important; background: #f5f5f5 !important; }
    /* Stock-aware date states */
    .flatpickr-day.vled-no-stock { background: #f0f0f0 !important; color: #bbb !important; text-decoration: line-through !important; cursor: not-allowed !important; pointer-events: none !important; }
    .flatpickr-day.vled-low-stock { background: #fff3e0 !important; color: #e65100 !important; border: 1px solid #ffcc80 !important; cursor: not-allowed !important; pointer-events: none !important; position: relative !important; }
    .flatpickr-day.vled-available { background: #e8f5e9 !important; color: #2e7d32 !important; border: 1px solid #a5d6a7 !important; font-weight: 600 !important; }
    .flatpickr-day.vled-available:hover { background: #c8e6c9 !important; }
    .flatpickr-day.vled-no-data { background: #fafafa !important; color: #ccc !important; pointer-events: none !important; }
    .vled-stock-legend { display: flex; gap: 12px; padding: 6px 10px; background: rgba(255,255,255,0.95); border-top: 1px solid #eee; justify-content: center; flex-wrap: wrap; }
    .vled-legend-item { display: flex; align-items: center; gap: 4px; font-size: 10px; color: #888; text-transform: capitalize; }
    .vled-legend-dot { width: 10px; height: 10px; border-radius: 2px; flex-shrink: 0; }
    .vled-legend-available { background: #e8f5e9; border: 1px solid #a5d6a7; }
    .vled-legend-low { background: #fff3e0; border: 1px solid #ffcc80; }
    .vled-legend-full { background: #f0f0f0; border: 1px solid #ddd; }
    .vled-date-hint { margin-top: 8px; font-size: 12px; color: #999; line-height: 1.4; }
    .vled-date-hint a { text-decoration: none; font-weight: 500; }
    .vled-date-hint a:hover { text-decoration: underline; }
    .flatpickr-months .flatpickr-month { background: #2c3e50 !important; border-radius: 12px 12px 0 0 !important; height: 48px !important; }
    .flatpickr-weekdays { background: #2c3e50 !important; }
    span.flatpickr-weekday { color: rgba(255,255,255,0.8) !important; background: #2c3e50 !important; font-weight: 600 !important; }
    .flatpickr-prev-month, .flatpickr-next-month { fill: #fff !important; }
    @media (max-width: 768px) {
        .vled-box { padding: 20px 16px; margin: 16px 0; border-radius: 12px; }
        .vled-box h4 { font-size: 18px; }
        .vled-select, .vled-input { padding: 14px 16px; font-size: 15px; }
        .vled-pax-row { padding: 12px 14px; }
        .flatpickr-calendar { width: 100% !important; max-width: 320px !important; }
    }