/* Base Reset Override Scope */
        .vendor_dashboard_main_wrapper {
            background-color: #f8fafc !important;
            padding: 60px 0;
            font-family: 'Inter', 'Segoe UI', sans-serif;
        }

        /* 1. Glassmorphic Sidebar Panels CSS */
        .premium-vendor-sidebar {
            background: #ffffff;
            border-radius: 20px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
            padding: 40px 24px;
            margin-bottom: 40px;
            transition: all 0.3s ease;
        }
        .sidebar-avatar-wrapper {
            padding-bottom: 30px;
            border-bottom: 1px solid #f1f5f9;
            margin-bottom: 30px;
        }
        .avatar-circle {
            width: 75px;
            height: 75px;
            /* Update: Profile Icon uses Rich Red solid */
            background: #DC2626; 
            color: #ffffff;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            font-weight: 800;
            margin-bottom: 15px;
            box-shadow: 0 8px 20px rgba(220, 38, 38, 0.25);
        }
        .partner-title-name {
            font-size: 18px;
            font-weight: 700;
            color: #0f172a;
            margin: 0 0 8px 0;
            letter-spacing: -0.3px;
        }
        .verified-status-tag {
            background: #fef2f2;
            color: #dc2626;
            font-size: 11px;
            font-weight: 700;
            padding: 6px 14px;
            border-radius: 30px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-block;
            border: 1px solid #fca5a5;
        }
        .elite-sidebar-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .elite-sidebar-menu li.menu-item {
            margin-bottom: 8px;
        }
        .elite-sidebar-menu li.menu-item a {
            display: flex;
            align-items: center;
            padding: 14px 18px;
            color: #64748b;
            font-size: 14px;
            font-weight: 600;
            border-radius: 12px;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .elite-sidebar-menu li.menu-item a i {
            margin-right: 12px;
            font-size: 18px;
            width: 24px;
            text-align: center;
            transition: transform 0.2s;
        }
        /* Active Tracker Filler states rules link */
        .elite-sidebar-menu li.menu-item:hover a,
        .elite-sidebar-menu li.menu-item.active a {
            background: #fef2f2;
            color: #dc2626;
        }
        .elite-sidebar-menu li.menu-item:hover a i {
            transform: scale(1.05); /* Slight scale is more professional than movement */
        }
        .elite-sidebar-menu li.elite-logout a:hover {
            background: #fff5f5;
            color: #ef4444;
        }

        /* 2. Main Platform Panel Layout Header styling */
        .main-welcome-heading {
            font-size: 32px;
            font-weight: 800;
            color: #0f172a;
            margin: 0 0 6px 0;
            letter-spacing: -0.8px;
        }
        .sub-welcome-caption {
            font-size: 14px;
            color: #64748b;
            margin: 0;
            line-height: 1.5;
        }
        
        /* 💡 ============================================
           PROFESSIONAL ACTION BUTTONS DESIGN (CRIMSON THEME)
           ============================================ */
        .header-right-actions-group {
            display: flex;
            gap: 15px; /* Improved spacing between buttons */
            margin-top: 10px;
        }

        /* Standardize Base Button Properties */
        .btn-elite-primary, .btn-elite-secondary {
            border: none !important;
            padding: 14px 28px; /* Slightly taller for modern padding */
            font-weight: 700;
            font-size: 14px; /* Standardize font size */
            border-radius: 12px;
            text-transform: uppercase;
            letter-spacing: 0.8px; /* Consistent letter spacing */
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .btn-elite-primary i, .btn-elite-secondary i {
            font-size: 16px;
            margin-right: 8px; /* Correct spacing for icons */
        }

        /* Primary Button (Add New Hotel) - Clean Solid Crimson */
        .btn-elite-primary {
            /* Fix: Use solid color for professional look */
            background-color: #DC2626 !important;
            color: #ffffff !important;
            box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.15), 0 2px 4px -1px rgba(220, 38, 38, 0.1);
        }
        .btn-elite-primary:hover {
            background-color: #b91c1c !important; /* Darken slightly on hover */
            box-shadow: 0 10px 15px -3px rgba(220, 38, 38, 0.25), 0 4px 6px -2px rgba(220, 38, 38, 0.15);
            /* Removed movement to keep it professional */
        }

        /* Secondary Button (Create Room) - Clean Subtile Interaction */
        .btn-elite-secondary {
            background-color: #f1f5f9 !important; /* Lighter background */
            color: #334155 !important;
            border: 1px solid #e2e8f0 !important; /* Subtle border */
        }
        .btn-elite-secondary:hover {
            background-color: #e2e8f0 !important; /* Slightly darker grey on hover */
            color: #0f172a !important;
            border-color: #cbd5e1 !important;
        }

        /* 💡 ============================================ */

        /* 3. Analytics Metric Blocks Design */
        .grid-metrics-row {
            margin-top: 35px;
        }
        .premium-metric-card {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid #e2e8f0;
            padding: 26px 22px;
            display: flex;
            align-items: center;
            gap: 18px;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.01), 0 2px 4px -1px rgba(0,0,0,0.01);
            transition: transform 0.25s, box-shadow 0.25s;
        }
        .premium-metric-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 25px rgba(0,0,0,0.04);
        }
        .metric-icon-box {
            width: 54px;
            height: 54px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
        }
        .metric-numerical-data h3 {
            font-size: 26px;
            font-weight: 800;
            margin: 0 0 2px 0;
            color: #0f172a;
            letter-spacing: -0.5px;
        }
        .metric-numerical-data p {
            font-size: 11px;
            color: #64748b;
            margin: 0;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* Conditional Theme Accent Mappings */
        .border-red-accent { border-left: 4px solid #dc2626; }
        .border-dark-accent { border-left: 4px solid #1e293b; }
        .border-blue-accent { border-left: 4px solid #2563eb; }
        .border-green-accent { border-left: 4px solid #16a34a; }

        .bg-light-red { background: #fef2f2; color: #dc2626; }
        .bg-light-dark { background: #f1f5f9; color: #1e293b; }
        .bg-light-blue { background: #eff6ff; color: #2563eb; }
        .bg-light-green { background: #f0fdf4; color: #16a34a; }

        /* 4. Booking Table Stream Design */
        .table-content-row {
            margin-top: 35px;
        }
        .elite-table-card-wrapper {
            background: #ffffff;
            border-radius: 20px;
            border: 1px solid #e2e8f0;
            padding: 35px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.01);
        }
        .table-card-header {
            margin-bottom: 25px;
        }
        .table-card-title {
            font-size: 20px;
            font-weight: 800;
            color: #0f172a;
            margin: 0;
            letter-spacing: -0.3px;
        }
        .table-card-action-link {
            color: #dc2626;
            font-weight: 700;
            font-size: 13px;
            text-decoration: none;
            transition: color 0.2s;
        }
        .table-card-action-link:hover {
            color: #991b1b;
            text-decoration: none;
        }

        /* Core Data Table Elements styling architecture */
        .elite-data-table {
            margin-bottom: 0;
            width: 100%;
        }
        .elite-data-table thead tr th {
            border-bottom: 2px solid #f1f5f9;
            color: #475569;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-weight: 700;
            padding: 14px 16px;
            background: #f8fafc;
        }
        .elite-data-table tbody tr {
            transition: background 0.15s ease;
        }
        .elite-data-table tbody tr:hover {
            background: #fafafa;
        }
        .elite-data-table tbody tr td {
            padding: 18px 16px;
            font-size: 14px;
            color: #334155;
            vertical-align: middle;
            border-top: 1px solid #f1f5f9;
        }
        
        /* Font and text details optimization */
        .invoice-hash { font-weight: 700; color: #0f172a; }
        .guest-name { font-weight: 600; color: #334155; }
        .label-room-type { background: #f1f5f9; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 600; color: #475569; }
        .date-badge { font-size: 13px; font-weight: 500; }
        .price-text { font-weight: 700; color: #0f172a; }

        /* Custom Status Pill Architecture config */
        .badge-status-pill {
            font-size: 11px;
            font-weight: 700;
            padding: 6px 14px;
            border-radius: 30px;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }
        .pill-approved { background-color: #dcfce7; color: #15803d; }
        .pill-pending { background-color: #fef9c3; color: #a16207; }
        .pill-cancelled { background-color: #fee2e2; color: #b91c1c; }

        /* ==========================================================================
           FULL WEB RESPONSIVE OVERRIDE SYSTEM HOOKS (Mobile Support)
           ========================================================================== */
        @media (max-width: 991px) {
            .elite-dashboard-header { text-align: center; }
            .header-right-actions-group { justify-content: center; margin-top: 20px; }
            .elite-table-card-wrapper { padding: 20px; }
        }

        @media (max-width: 767px) {
            .vendor_dashboard_main_wrapper { padding: 30px 0; }
            .premium-vendor-sidebar { padding: 35px 20px; }
            .main-welcome-heading { font-size: 26px; }
            .header-right-actions-group { flex-direction: column; width: 100%; gap: 10px; }
            .btn-elite-primary, .btn-elite-secondary { width: 100%; text-align: center; }
            .elite-sidebar-menu li a span { display: inline-block; }
        }
        
    
        .vendor_dashboard_main_wrapper { background-color: #f8fafc !important; padding: 60px 0; font-family: 'Inter', 'Segoe UI', sans-serif; }
        .premium-vendor-sidebar { background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02); padding: 40px 24px; margin-bottom: 40px; }
        .sidebar-avatar-wrapper { padding-bottom: 30px; border-bottom: 1px solid #f1f5f9; margin-bottom: 30px; }
        .avatar-circle { width: 75px; height: 75px; background: #DC2626; color: #ffffff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; margin-bottom: 15px; box-shadow: 0 8px 20px rgba(220, 38, 38, 0.25); }
        .partner-title-name { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0 0 8px 0; letter-spacing: -0.3px; }
        .verified-status-tag { background: #fef2f2; color: #dc2626; font-size: 11px; font-weight: 700; padding: 6px 14px; border-radius: 30px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; border: 1px solid #fca5a5; }
        .elite-sidebar-menu { list-style: none; padding: 0; margin: 0; }
        .elite-sidebar-menu li.menu-item { margin-bottom: 8px; }
        .elite-sidebar-menu li.menu-item a { display: flex; align-items: center; padding: 14px 18px; color: #64748b; font-size: 14px; font-weight: 600; border-radius: 12px; text-decoration: none; transition: all 0.25s ease; }
        .elite-sidebar-menu li.menu-item a i { margin-right: 12px; font-size: 18px; width: 24px; text-align: center; }
        .elite-sidebar-menu li.menu-item:hover a, .elite-sidebar-menu li.menu-item.active a { background: #fef2f2; color: #dc2626; }
        .elite-sidebar-menu li.elite-logout a:hover { background: #fff5f5; color: #ef4444; }

        .main-welcome-heading { font-size: 32px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; letter-spacing: -0.8px; }
        .sub-welcome-caption { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }
        .header-right-actions-group { display: flex; gap: 12px; margin-top: 10px; }
        .btn-elite-secondary { background: #ffffff !important; color: #334155 !important; border: 1px solid #cbd5e1 !important; padding: 12px 24px; font-weight: 700; font-size: 13px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.2s ease; }
        .btn-elite-secondary:hover { background: #f8fafc !important; color: #0f172a !important; border-color: #94a3b8 !important; }

        .table-content-row { margin-top: 35px; }
        .elite-form-card-wrapper { background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; padding: 45px 50px; box-shadow: 0 10px 30px rgba(0,0,0,0.01); }
        .form-section-title-bar { border-bottom: 2px solid #f1f5f9; padding-bottom: 12px; margin-bottom: 25px; }
        .form-section-title-bar h4 { font-size: 16px; font-weight: 700; color: #0f172a; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; }
        .form-section-title-bar h4 i { color: #dc2626; margin-right: 8px; }

        .custom-form-group { margin-bottom: 22px; }
        .custom-form-group-spaced { margin-bottom: 22px; margin-top: 5px; }
        .custom-form-label { font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; color: #334155; font-weight: 700; margin-bottom: 10px; display: block; }
        .required-star { color: #dc2626; font-weight: bold; }
        .optional-text { color: #94a3b8; text-transform: none; font-weight: 500; font-size: 12px; }

        .custom-form-input { height: 52px; border-radius: 10px; border: 1px solid #cbd5e1; padding: 10px 18px; font-size: 14px; box-shadow: none !important; background-color: #fafbfc; transition: all 0.25s ease-in-out; width: 100%; color: #0f172a; }
        .custom-form-textarea { border-radius: 10px; border: 1px solid #cbd5e1; padding: 15px 18px; font-size: 14px; box-shadow: none !important; background-color: #fafbfc; resize: vertical; transition: all 0.25s ease-in-out; width: 100%; color: #0f172a; }
        .custom-form-input:focus, .custom-form-textarea:focus { border-color: #dc2626 !important; background-color: #ffffff; box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1) !important; outline: none; }

        .file-upload-wrapper { position: relative; width: 100%; height: 110px; border: 2px dashed #cbd5e1; border-radius: 12px; background: #fafbfc; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; }
        .custom-form-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 5; }
        .file-upload-box { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #64748b; pointer-events: none; }
        .file-upload-box i { font-size: 32px; color: #dc2626; margin-bottom: 8px; }
        .file-upload-box p { font-size: 13px; font-weight: 600; margin: 0; }
        .file-upload-wrapper:hover { border-color: #dc2626; background: #fff5f5; }

        .amenities-grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; margin-top: 10px; }
        .amenity-checkbox-card { position: relative; cursor: pointer; margin: 0; }
        .amenity-checkbox-card input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
        .amenity-content { border: 1px solid #cbd5e1; border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 12px; background: #ffffff; transition: all 0.2s ease; }
        .amenity-content i { font-size: 18px; color: #64748b; width: 22px; text-align: center; }
        .amenity-content span { font-size: 13px; font-weight: 600; color: #334155; }
        
        .amenity-checkbox-card input[type="checkbox"]:checked + .amenity-content { border-color: #dc2626; background: #fef2f2; box-shadow: 0 4px 12px rgba(220, 38, 38, 0.08); }
        .amenity-checkbox-card input[type="checkbox"]:checked + .amenity-content i { color: #dc2626; }
        .amenity-checkbox-card input[type="checkbox"]:checked + .amenity-content span { color: #991b1b; }

        .form-action-footer-wrapper { border-top: 1px solid #f1f5f9; padding-top: 30px; text-align: right; }
        .btn-elite-primary-submit { background-color: #dc2626 !important; border: 1px solid #dc2626 !important; color: #ffffff !important; padding: 15px 35px; font-size: 14px; font-weight: 700; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.8px; transition: all 0.25s ease-in-out; box-shadow: 0 6px 20px rgba(220, 38, 38, 0.15); width: auto; }
        .btn-elite-primary-submit:hover { background-color: #b91c1c !important; border-color: #b91c1c !important; box-shadow: 0 10px 25px rgba(220, 38, 38, 0.25); transform: translateY(-1.5px); }

        .is-invalid { border-color: #e53e3e !important; background-color: #fffafb !important; }
        .field-error-message { color: #e53e3e; font-size: 12px; font-weight: 600; margin-top: 8px; display: block; letter-spacing: 0.2px; }

        @media (max-width: 991px) { .elite-dashboard-header { text-align: center; } .header-right-actions-group { justify-content: center; margin-top: 20px; } .elite-form-card-wrapper { padding: 30px 20px; } }
        @media (max-width: 767px) { .btn-elite-primary-submit { width: 100%; text-align: center; padding: 14px 20px; } .custom-form-group, .custom-form-group-spaced { margin-bottom: 18px; } .amenities-grid-container { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; } }
    
        .vendor_dashboard_main_wrapper {
            background-color: #f8fafc !important; padding: 60px 0; font-family: 'Inter', 'Segoe UI', sans-serif;
        }
        .premium-vendor-sidebar {
            background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02); padding: 40px 24px; margin-bottom: 40px;
        }
        .sidebar-avatar-wrapper { padding-bottom: 30px; border-bottom: 1px solid #f1f5f9; margin-bottom: 30px; }
        .avatar-circle {
            width: 75px; height: 75px; background: #DC2626; color: #ffffff; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 800; margin-bottom: 15px; box-shadow: 0 8px 20px rgba(220, 38, 38, 0.25);
        }
        .partner-title-name { font-size: 18px; font-weight: 700; color: #0f172a; margin: 0 0 8px 0; letter-spacing: -0.3px; }
        .verified-status-tag { background: #fef2f2; color: #dc2626; font-size: 11px; font-weight: 700; padding: 6px 14px; border-radius: 30px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; border: 1px solid #fca5a5; }
        .elite-sidebar-menu { list-style: none; padding: 0; margin: 0; }
        .elite-sidebar-menu li.menu-item { margin-bottom: 8px; }
        .elite-sidebar-menu li.menu-item a { display: flex; align-items: center; padding: 14px 18px; color: #64748b; font-size: 14px; font-weight: 600; border-radius: 12px; text-decoration: none; transition: all 0.25s ease; }
        .elite-sidebar-menu li.menu-item a i { margin-right: 12px; font-size: 18px; width: 24px; text-align: center; }
        .elite-sidebar-menu li.menu-item:hover a, .elite-sidebar-menu li.menu-item.active a { background: #fef2f2; color: #dc2626; }
        .elite-sidebar-menu li.elite-logout a:hover { background: #fff5f5; color: #ef4444; }

        .main-welcome-heading { font-size: 32px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; letter-spacing: -0.8px; }
        .sub-welcome-caption { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; }
        .header-right-actions-group { display: flex; gap: 12px; margin-top: 10px; }
        
        .btn-elite-primary {
            background-color: #DC2626 !important; color: #ffffff !important; border: none !important; padding: 12px 24px; font-weight: 700; font-size: 13px; border-radius: 12px; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(220, 38, 38, 0.25); transition: all 0.2s;
        }
        .btn-elite-primary:hover { transform: translateY(-1.5px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.35); }

        /* 3. Archive Data Table Section Card Layout */
        .table-content-row { margin-top: 35px; }
        .elite-table-card-wrapper { background: #ffffff; border-radius: 20px; border: 1px solid #e2e8f0; padding: 35px; box-shadow: 0 10px 30px rgba(0,0,0,0.01); }
        
        .elite-data-table { margin-bottom: 0; width: 100%; }
        .elite-data-table thead tr th { border-bottom: 2px solid #f1f5f9; color: #475569; font-size: 11px; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 700; padding: 14px 16px; background: #f8fafc; }
        .elite-data-table tbody tr { transition: background 0.15s ease; }
        .elite-data-table tbody tr:hover { background: #fafbfc; }
        .elite-data-table tbody tr td { padding: 16px; font-size: 14px; color: #334155; vertical-align: middle; border-top: 1px solid #f1f5f9; }

        /* Hotel Thumbnail Cell config */
        .hotel-preview-thumbnail { width: 64px; height: 50px; border-radius: 8px; overflow: hidden; border: 1px solid #cbd5e1; background: #f1f5f9; }
        .hotel-preview-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
        .no-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 18px; }

        .hotel-primary-row-name { font-weight: 700; color: #0f172a; display: block; font-size: 15px; margin-bottom: 3px; }
        .hotel-sub-address { font-size: 12px; display: block; color: #64748b; }
        .location-badge-text { font-weight: 600; color: #334155; background: #f1f5f9; padding: 4px 10px; border-radius: 6px; font-size: 13px; }

        /* Table Sub-items tags spacing */
        .table-amenities-flex { display: flex; flex-wrap: wrap; gap: 5px; max-width: 220px; }
        .amenity-inline-pill { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 600; color: #475569; white-space: nowrap; }
        .counting-pill { background: #fff5f5; border-color: #fee2e2; color: #dc2626; }

        /* Status Pills Setup configuration */
        .badge-status-pill { font-size: 11px; font-weight: 700; padding: 6px 14px; border-radius: 30px; display: inline-block; text-transform: uppercase; letter-spacing: 0.3px; }
        .pill-approved { background-color: #dcfce7; color: #15803d; }
        .pill-pending { background-color: #fef9c3; color: #a16207; }
        .pill-cancelled { background-color: #fee2e2; color: #b91c1c; }

        /* Action Row Utility buttons */
        .action-grid-dropdown-wrapper { display: flex; gap: 4px; justify-content: flex-end; }
        .row-action-edit-btn { background: #f1f5f9 !important; border: 1px solid #cbd5e1 !important; color: #475569 !important; border-radius: 6px !important; padding: 6px 10px !important; }
        .row-action-edit-btn:hover { background: #e2e8f0 !important; color: #0f172a !important; }
        .row-action-delete-btn { background: #fee2e2 !important; border: 1px solid #fca5a5 !important; color: #b91c1c !important; border-radius: 6px !important; padding: 6px 10px !important; }
        .row-action-delete-btn:hover { background: #fca5a5 !important; color: #fff !important; }

        /* Success Response Notification Message custom container */
        .premium-alert-success { background-color: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; padding: 15px 20px; border-radius: 12px; font-size: 14px; display: flex; align-items: center; gap: 12px; }
        .alert-icon-check { background: #166534; color: #fff; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold; }

        /* Empty State Configuration layout styling */
        .empty-hotels-state { padding: 50px 20px; }
        .empty-icon { font-size: 55px; color: #cbd5e1; margin-bottom: 15px; }
        .empty-hotels-state h4 { font-size: 18px; font-weight: 700; color: #0f172a; margin-bottom: 5px; }
        .empty-hotels-state p { font-size: 14px; color: #64748b; margin: 0; }

        @media (max-width: 991px) {
            .elite-dashboard-header { text-align: center; }
            .header-right-actions-group { justify-content: center; margin-top: 20px; }
            .elite-table-card-wrapper { padding: 20px; }
        }
    

/* Custom Modern Action Buttons Styling */
.btn-action-view, .btn-action-edit, .btn-action-delete {
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* View Button Colors (Soft Yellow) */
.btn-action-view {
    background-color: #fef08a;
    color: #a16207;
}
.btn-action-view:hover {
    background-color: #fde047;
    transform: translateY(-2px);
}

/* Edit Button Colors (Soft Teal/Blue) */
.btn-action-edit {
    background-color: #ccfbf1;
    color: #0f766e;
}
.btn-action-edit:hover {
    background-color: #99f6e4;
    transform: translateY(-2px);
}

/* Delete Button Colors (Soft Red) */
.btn-action-delete {
    background-color: #fee2e2;
    color: #b91c1c;
}
.btn-action-delete:hover {
    background-color: #fecaca;
    transform: translateY(-2px);
}