/* ScholarHub Design System v2.0 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

:root {
    --sh-primary: #1E3A8A;
    --sh-primary-light: #3B5FC0;
    --sh-primary-dark: #152B66;
    --sh-secondary: #F59E0B;
    --sh-secondary-light: #FCD34D;
    --sh-success: #10B981;
    --sh-warning: #F59E0B;
    --sh-danger: #EF4444;
    --sh-info: #3B82F6;
    --sh-dark: #1F2937;
    --sh-light: #F9FAFB;
    --sh-border: #E5E7EB;
    --sh-text: #374151;
    --sh-text-light: #6B7280;
    --sh-white: #FFFFFF;
    --sh-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    --sh-shadow-lg: 0 10px 25px -5px rgba(0,0,0,0.1);
    --sh-shadow-xl: 0 20px 40px -10px rgba(0,0,0,0.15);
    --sh-radius: 12px;
    --sh-radius-sm: 8px;
    --sh-radius-lg: 16px;
    --sh-transition: all 0.3s ease;
}

/* Premium Modal Styles (Global Pop-up) */
.sh-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 23, 42, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    padding: 20px !important;
}

.sh-confirm-modal {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 40px !important;
    width: 100% !important;
    max-width: 450px !important;
    text-align: center !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    position: relative !important;
}

.sh-confirm-icon {
    font-size: 4rem !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.sh-confirm-modal h3 {
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    margin-bottom: 15px !important;
    font-family: 'Poppins', sans-serif !important;
}

.sh-confirm-modal p {
    color: #64748b !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin-bottom: 35px !important;
}

.sh-confirm-actions {
    display: flex !important;
    gap: 15px !important;
}

.sh-confirm-btn {
    flex: 1 !important;
    padding: 16px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.sh-confirm-btn.cancel {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

.sh-confirm-btn.cancel:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
}

.sh-confirm-btn.confirm {
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

.sh-confirm-btn.confirm:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15) !important;
    filter: brightness(1.1) !important;
}

/* Modal Animations */
.animate__animated { 
    animation-duration: 0.4s !important; 
    animation-fill-mode: both !important; 
}

@keyframes shZoomIn {
    from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
    50% { opacity: 1; }
}
.animate__zoomIn { animation-name: shZoomIn !important; }

@keyframes shZoomOut {
    from { opacity: 1; }
    50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
    to { opacity: 0; }
}
.animate__zoomOut { animation-name: shZoomOut !important; }

/* Toast styles */
#sh-toast-container {
    position: fixed !important;
    top: 25px !important;
    right: 25px !important;
    z-index: 1000000 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.sh-toast {
    background: #ffffff !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    min-width: 320px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    animation: shSlideInRight 0.3s ease-out !important;
}

@keyframes shSlideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* Base */
* { box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; font-size: 16px; color: var(--sh-text); background: var(--sh-light); line-height: 1.6; }
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; font-weight: 600; color: var(--sh-dark); }
a { color: var(--sh-primary); text-decoration: none; transition: var(--sh-transition); }
a:hover { color: var(--sh-primary-light); }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; top: -40px; left: 0; background: var(--sh-primary); color: #fff; padding: 8px 16px; z-index: 10000; }
.skip-link:focus { top: 0; }

/* Header */
.sh-header { position: sticky; top: 0; z-index: 1030; background: var(--sh-white); box-shadow: var(--sh-shadow); transition: var(--sh-transition); }
.sh-header .navbar { padding: 12px 0; }
.sh-logo-text { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--sh-dark); }
.sh-logo-text i { color: var(--sh-primary); margin-right: 8px; }
.sh-logo-accent { color: var(--sh-secondary); }
.sh-header .nav-link { font-weight: 500; color: var(--sh-text); padding: 8px 16px !important; border-radius: var(--sh-radius-sm); transition: var(--sh-transition); }
.sh-header .nav-link:hover, .sh-header .nav-link.active { color: var(--sh-primary); background: rgba(30,58,138,0.05); }
.sh-nav-right { gap: 8px; align-items: center; }
.sh-notification-bell { position: relative; }
.sh-notification-badge, .sh-cart-badge { position: absolute; top: 2px; right: 2px; background: var(--sh-danger); color: #fff; font-size: 10px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; z-index: 5; }
.sh-cart-badge { background: var(--sh-primary-light); }
.sh-user-menu { border: none; box-shadow: var(--sh-shadow-lg); border-radius: var(--sh-radius); padding: 8px; min-width: 220px; }
.sh-user-menu .dropdown-item { border-radius: var(--sh-radius-sm); padding: 8px 16px; font-size: 14px; }
.sh-user-menu .dropdown-item:hover { background: rgba(30,58,138,0.05); }

/* Buttons */
.sh-btn-primary { display: inline-flex; align-items: center; justify-content: center; background: var(--sh-primary); color: var(--sh-white) !important; padding: 10px 24px; border-radius: var(--sh-radius-sm); font-weight: 500; font-size: 14px; border: 2px solid var(--sh-primary); transition: var(--sh-transition); cursor: pointer; text-decoration: none; }
.sh-btn-primary:hover { background: var(--sh-primary-light); border-color: var(--sh-primary-light); color: #fff !important; transform: translateY(-2px); box-shadow: var(--sh-shadow); }
.sh-btn-outline { display: inline-flex; align-items: center; justify-content: center; background: transparent; color: var(--sh-primary); padding: 10px 24px; border-radius: var(--sh-radius-sm); font-weight: 500; font-size: 14px; border: 2px solid var(--sh-primary); transition: var(--sh-transition); cursor: pointer; text-decoration: none; }
.sh-btn-outline:hover { background: var(--sh-primary); color: #fff; transform: translateY(-2px); }
.sh-btn-sm { padding: 6px 16px; font-size: 13px; }
.sh-btn-lg { padding: 14px 32px; font-size: 16px; }
.sh-btn-secondary { background: var(--sh-secondary); border-color: var(--sh-secondary); color: #fff; }
.sh-btn-success { background: var(--sh-success); border-color: var(--sh-success); color: #fff !important; }
.sh-btn-danger { background: var(--sh-danger); border-color: var(--sh-danger); color: #fff !important; }
.nav-link-btn { border-radius: var(--sh-radius-sm) !important; padding: 8px 20px !important; }

/* Cards */
.sh-card { background: var(--sh-white); border-radius: var(--sh-radius); box-shadow: var(--sh-shadow); transition: var(--sh-transition); border: 1px solid var(--sh-border); overflow: hidden; }
.sh-card:hover { transform: translateY(-4px); box-shadow: var(--sh-shadow-lg); }
.sh-card-img { width: 100%; height: 220px; object-fit: cover; }
.sh-card-body { padding: 20px; }
.sh-card-title { font-size: 1.1rem; font-weight: 600; margin-bottom: 8px; line-height: 1.4; }
.sh-card-title a { color: var(--sh-dark); }
.sh-card-title a:hover { color: var(--sh-primary); }
.sh-card-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 13px; color: var(--sh-text-light); }
.sh-card-meta i { margin-right: 4px; }
.sh-card-footer { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; border-top: 1px solid var(--sh-border); }
.sh-card-country { display: flex; align-items: center; gap: 6px; }
.sh-card-country img { width: 20px; height: 14px; border-radius: 2px; }

/* Badges */
.sh-badge { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; }
.sh-badge-funded { background: #D1FAE5; color: #065F46; }
.sh-badge-partial { background: #FEF3C7; color: #92400E; }
.sh-badge-stipend { background: #DBEAFE; color: #1E40AF; }
.sh-badge-tuition { background: #E0E7FF; color: #3730A3; }
.sh-badge-default { background: #F3F4F6; color: #4B5563; }
.sh-badge-urgent { background: #FEE2E2; color: #991B1B; }
.deadline-urgent .sh-deadline-badge { background: #FEE2E2; color: #991B1B; }
.deadline-soon .sh-deadline-badge { background: #FEF3C7; color: #92400E; }
.deadline-open .sh-deadline-badge { background: #D1FAE5; color: #065F46; }
.deadline-expired .sh-deadline-badge { background: #F3F4F6; color: #9CA3AF; text-decoration: line-through; }

/* Save Button */
.sh-save-btn { background: none; border: none; cursor: pointer; font-size: 18px; color: var(--sh-text-light); transition: var(--sh-transition); padding: 4px 8px; }
.sh-save-btn:hover { color: var(--sh-danger); transform: scale(1.2); }
.sh-save-btn.saved { color: var(--sh-danger); }
.sh-save-btn.saved i { font-weight: 900; }

/* Hero Section */
.sh-hero { background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-primary-dark) 100%); padding: 80px 0; position: relative; overflow: hidden; color: #fff; }
.sh-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="rgba(255,255,255,0.05)" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,170.7C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom; background-size: cover; }
.sh-hero-content { position: relative; z-index: 2; text-align: center; max-width: 800px; margin: 0 auto; }
.sh-hero h1 { font-size: 3rem; font-weight: 700; margin-bottom: 16px; color: #fff; }
.sh-hero p { font-size: 1.2rem; opacity: 0.9; margin-bottom: 32px; }
.sh-hero-search { max-width: 600px; margin: 0 auto; }
.sh-hero-search .input-group { background: var(--sh-white); border-radius: 50px; overflow: hidden; box-shadow: var(--sh-shadow-xl); }
.sh-hero-search .form-control { border: none; padding: 16px 24px; font-size: 16px; }
.sh-hero-search .form-control:focus { box-shadow: none; }
.sh-hero-search .sh-btn-primary { border-radius: 0 50px 50px 0; padding: 16px 32px; }

/* Stats Counter */
.sh-stats { padding: 60px 0; background: var(--sh-white); }
.sh-stat-item { text-align: center; padding: 24px; }
.sh-stat-number { font-size: 2.5rem; font-weight: 700; color: var(--sh-primary); font-family: 'Poppins', sans-serif; }
.sh-stat-label { color: var(--sh-text-light); font-size: 14px; margin-top: 4px; }
.sh-stat-icon { font-size: 2rem; color: var(--sh-secondary); margin-bottom: 12px; }

/* Section Styles */
.sh-section { padding: 80px 0; }
.sh-section-light { background: var(--sh-light); }
.sh-section-white { background: var(--sh-white); }
.sh-section-title { text-align: center; margin-bottom: 48px; }
.sh-section-title h2 { font-size: 2rem; margin-bottom: 12px; }
.sh-section-title p { color: var(--sh-text-light); max-width: 600px; margin: 0 auto; }

/* Filter Panel */
.sh-filters { background: var(--sh-white); border-radius: var(--sh-radius); padding: 24px; box-shadow: var(--sh-shadow); position: sticky; top: 90px; }
.sh-filter-group { margin-bottom: 20px; }
.sh-filter-group label { font-weight: 600; font-size: 14px; color: var(--sh-dark); margin-bottom: 8px; display: block; }
.sh-filter-group select, .sh-filter-group input { width: 100%; padding: 10px 14px; border: 1px solid var(--sh-border); border-radius: var(--sh-radius-sm); font-size: 14px; transition: var(--sh-transition); }
.sh-filter-group select:focus, .sh-filter-group input:focus { border-color: var(--sh-primary); outline: none; box-shadow: 0 0 0 3px rgba(30,58,138,0.1); }
.sh-filter-actions { display: flex; gap: 8px; }
.sh-active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sh-filter-tag { display: inline-flex; align-items: center; gap: 6px; background: rgba(30,58,138,0.1); color: var(--sh-primary); padding: 4px 12px; border-radius: 20px; font-size: 13px; }
.sh-filter-tag button { background: none; border: none; color: var(--sh-primary); cursor: pointer; padding: 0; font-size: 14px; }
.sh-results-count { color: var(--sh-text-light); font-size: 14px; margin-bottom: 16px; }

/* Page Header */
.sh-page-header { background: #1E3A8A; padding: 48px 0; color: #fff; }
.sh-page-title { font-size: 2.5rem; font-weight: 800; color: #fff; margin-bottom: 12px; line-height: 1.2; }
.sh-breadcrumb { background: none; padding: 0; margin: 0; }
.sh-breadcrumb .breadcrumb-item a { color: rgba(255,255,255,0.7); }
.sh-breadcrumb .breadcrumb-item.active { color: var(--sh-secondary); }
.sh-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: rgba(255,255,255,0.5); }

/* Category Grid */
.sh-category-card { background: var(--sh-white); border-radius: var(--sh-radius); padding: 24px; text-align: center; transition: var(--sh-transition); border: 1px solid var(--sh-border); }
.sh-category-card:hover { transform: translateY(-4px); box-shadow: var(--sh-shadow-lg); border-color: var(--sh-primary); }
.sh-category-card i { font-size: 2rem; color: var(--sh-primary); margin-bottom: 12px; }
.sh-category-card h5 { margin-bottom: 4px; }
.sh-category-card .count { color: var(--sh-text-light); font-size: 13px; }

/* How It Works */
.sh-how-step { text-align: center; padding: 24px; }
.sh-how-step-icon { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--sh-primary), var(--sh-primary-light)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 16px; box-shadow: var(--sh-shadow); }
.sh-how-step h4 { margin-bottom: 8px; }
.sh-how-step p { color: var(--sh-text-light); font-size: 14px; }

/* Newsletter */
.sh-newsletter { background: linear-gradient(135deg, var(--sh-primary) 0%, #2563EB 100%); padding: 60px 0; color: #fff; text-align: center; }
.sh-newsletter h3 { color: #fff; }
.sh-newsletter-form .input-group { max-width: 500px; margin: 0 auto; }
.sh-newsletter-form .form-control { border: none; padding: 14px 20px; border-radius: 8px 0 0 8px; }
.sh-newsletter-msg { font-size: 14px; }
.sh-newsletter-msg.success { color: #A7F3D0; }
.sh-newsletter-msg.error { color: #FCA5A5; }

/* Footer */
.sh-footer { background: var(--sh-dark); color: rgba(255,255,255,0.7); }
.sh-footer-main { padding: 60px 0 40px; }
.sh-footer-logo { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 700; color: #fff !important; }
.sh-footer-logo i { color: var(--sh-secondary); margin-right: 8px; }
.sh-footer-desc { margin-top: 16px; font-size: 14px; line-height: 1.8; }
.sh-footer-title { color: #fff; font-size: 1rem; margin-bottom: 20px; position: relative; padding-bottom: 12px; }
.sh-footer-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: var(--sh-secondary); border-radius: 2px; }
.sh-footer-links { list-style: none; padding: 0; margin: 0; }
.sh-footer-links li { margin-bottom: 10px; }
.sh-footer-links a { color: rgba(255,255,255,0.7); font-size: 14px; transition: var(--sh-transition); }
.sh-footer-links a:hover { color: var(--sh-secondary); padding-left: 4px; }
.sh-social-links { display: flex; gap: 12px; margin-top: 20px; }
.sh-social-links a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.1); color: #fff; display: flex; align-items: center; justify-content: center; transition: var(--sh-transition); }
.sh-social-links a:hover { background: var(--sh-secondary); color: var(--sh-dark); transform: translateY(-3px); }
.sh-footer-bottom { padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1); font-size: 14px; }
.sh-footer-bottom a { color: rgba(255,255,255,0.7); }
.sh-footer-bottom a:hover { color: var(--sh-secondary); }

/* Cookie Consent */
.sh-cookie-consent { position: fixed; bottom: 0; left: 0; right: 0; background: var(--sh-dark); color: #fff; padding: 16px 0; z-index: 9998; box-shadow: 0 -4px 20px rgba(0,0,0,0.2); }
.sh-cookie-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.sh-cookie-text { font-size: 14px; }
.sh-cookie-text a { color: var(--sh-secondary); }
.sh-cookie-actions { display: flex; gap: 8px; flex-shrink: 0; }

/* Notification Bar */
.sh-notification-bar { background: var(--sh-secondary); color: var(--sh-dark); padding: 8px 0; font-size: 14px; font-weight: 500; }

/* Pagination */
.sh-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--sh-radius-sm); margin: 0 4px; font-weight: 500; color: var(--sh-text); background: var(--sh-white); border: 1px solid var(--sh-border); transition: var(--sh-transition); text-decoration: none; }
.sh-pagination .page-numbers.current, .sh-pagination .page-numbers:hover { background: var(--sh-primary); color: #fff; border-color: var(--sh-primary); }
.sh-pagination .prev, .sh-pagination .next { width: auto; padding: 0 16px; }

/* 404 Page */
.sh-404-page { padding: 80px 0; }
.sh-404-icon { font-size: 5rem; color: var(--sh-primary); opacity: 0.3; }
.sh-404-title { font-size: 8rem; font-weight: 700; color: var(--sh-primary); line-height: 1; }
.sh-404-subtitle { font-size: 1.5rem; color: var(--sh-text-light); margin-bottom: 16px; }

/* Blog Cards */
.sh-blog-card { display: flex; flex-direction: column; }
.sh-blog-card-img img { border-radius: var(--sh-radius-sm); width: 100%; height: 200px; object-fit: cover; }
.sh-blog-meta { font-size: 13px; color: var(--sh-text-light); }
.sh-blog-card-title { font-size: 1.25rem; }
.sh-blog-card-title a { color: var(--sh-dark); }
.sh-blog-card-title a:hover { color: var(--sh-primary); }
.sh-blog-card-excerpt { color: var(--sh-text-light); font-size: 14px; }

/* Services */
.sh-service-card { text-align: center; padding: 32px 24px; }
.sh-service-card i { font-size: 2.5rem; color: var(--sh-primary); margin-bottom: 16px; }
.sh-service-card h4 { margin-bottom: 8px; }
.sh-service-card p { color: var(--sh-text-light); font-size: 14px; }

/* Empty State */
.sh-empty-state { padding: 60px 20px; }
.sh-empty-state i { color: var(--sh-border); }

/* Forms */
.sh-form-card { background: var(--sh-white); border-radius: var(--sh-radius); box-shadow: var(--sh-shadow-lg); padding: 40px; max-width: 500px; margin: 0 auto; }
.sh-form-card h2 { text-align: center; margin-bottom: 8px; }
.sh-form-card .sh-form-subtitle { text-align: center; color: var(--sh-text-light); margin-bottom: 32px; }
.sh-form-group { margin-bottom: 20px; }
.sh-form-group label { font-weight: 500; font-size: 14px; margin-bottom: 6px; display: block; }
.sh-form-group .form-control { padding: 12px 16px; border-radius: var(--sh-radius-sm); border: 1px solid var(--sh-border); }
.sh-form-group .form-control:focus { border-color: var(--sh-primary); box-shadow: 0 0 0 3px rgba(30,58,138,0.1); }
.sh-form-error { color: var(--sh-danger); font-size: 13px; margin-top: 4px; }
.sh-form-success { color: var(--sh-success); font-size: 14px; text-align: center; margin-bottom: 16px; }
.sh-form-divider { text-align: center; margin: 24px 0; color: var(--sh-text-light); position: relative; }
.sh-form-divider::before, .sh-form-divider::after { content: ''; position: absolute; top: 50%; width: 40%; height: 1px; background: var(--sh-border); }
.sh-form-divider::before { left: 0; }
.sh-form-divider::after { right: 0; }

/* Detail Page */
.sh-detail-header { background: linear-gradient(135deg, var(--sh-primary) 0%, var(--sh-primary-dark) 100%); padding: 48px 0; color: #fff; }
.sh-detail-title { font-size: 2rem; color: #fff; margin-bottom: 16px; }
.sh-detail-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.sh-detail-info { background: var(--sh-white); border-radius: var(--sh-radius); box-shadow: var(--sh-shadow); padding: 24px; margin-bottom: 24px; }
.sh-detail-info-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--sh-border); }
.sh-detail-info-row:last-child { border-bottom: none; }
.sh-detail-info-label { font-weight: 600; color: var(--sh-dark); }
.sh-detail-info-value { color: var(--sh-text); }
.sh-detail-section { margin-bottom: 32px; }
.sh-detail-section h3 { font-size: 1.25rem; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--sh-primary); display: inline-block; }
.sh-detail-apply { background: linear-gradient(135deg, var(--sh-success), #059669); padding: 24px; border-radius: var(--sh-radius); text-align: center; color: #fff; }
.sh-detail-apply a { color: #fff; font-weight: 600; font-size: 1.1rem; }
.sh-share-buttons { display: flex; gap: 8px; }
.sh-share-btn { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: var(--sh-transition); border: none; cursor: pointer; }
.sh-share-btn:hover { transform: translateY(-3px); }
.sh-share-btn.whatsapp { background: #25D366; }
.sh-share-btn.facebook { background: #1877F2; }
.sh-share-btn.twitter { background: #1DA1F2; }
.sh-share-btn.copy { background: var(--sh-text-light); }

/* Sidebar */
.sh-sidebar .widget { margin-bottom: 24px; background: var(--sh-white); border-radius: var(--sh-radius); padding: 20px; box-shadow: var(--sh-shadow); }
.sh-sidebar .widget-title { font-size: 1rem; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--sh-primary); }

/* Toast */
.sh-toast { min-width: 300px; }

/* Responsive */
@media (max-width: 991.98px) {
    .sh-hero h1 { font-size: 2rem; }
    .sh-hero { padding: 60px 0; }
    .sh-filters { position: static; margin-bottom: 24px; }
    .sh-cookie-inner { flex-direction: column; text-align: center; }
    .sh-stat-number { font-size: 2rem; }
    .sh-section { padding: 60px 0; }
}
@media (max-width: 767.98px) {
    .sh-hero h1 { font-size: 1.75rem; }
    .sh-hero p { font-size: 1rem; }
    .sh-section-title h2 { font-size: 1.5rem; }
    .sh-form-card { padding: 24px; margin: 0 16px; }
    .sh-detail-title { font-size: 1.5rem; }
    .sh-footer-main { padding: 40px 0 20px; }
}

/* Scholarship Card Specifics */
.sh-scholarship-card { border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-radius: 12px; overflow: hidden; }
.sh-scholarship-card:hover { border-color: transparent; box-shadow: 0 10px 25px rgba(0,0,0,0.15); }
.sh-card-fallback-img { display: flex; align-items: center; justify-content: center; height: 220px; background: #2B4B9F; color: rgba(255,255,255,0.3); font-size: 4rem; text-decoration: none; border-radius: 12px 12px 0 0; }
.sh-card-fallback-img:hover { color: rgba(255,255,255,0.4); }
.sh-save-btn-new { background: transparent; border: 1px solid #E5E7EB; border-radius: 4px; padding: 4px 10px; font-size: 13px; color: #6B7280; transition: all 0.2s; cursor: pointer; }
.sh-save-btn-new:hover { border-color: #EF4444; color: #EF4444; }
.sh-save-btn-new.saved { color: #EF4444; border-color: #EF4444; }
.sh-save-btn-new i { font-size: 12px; }
.sh-scholarship-card .sh-card-body { padding: 20px; flex: 1; }
.sh-scholarship-card .sh-btn-primary { justify-content: center; border-radius: 8px; font-weight: 600; padding: 12px; background: #1E3A8A; color: white; border: none; }
.sh-scholarship-card .sh-btn-primary:hover { background: #152B66; transform: none; }

/* New Hero Section */
.sh-hero-new { background: linear-gradient(90deg, #152A64 0%, #294F9D 100%); padding: 100px 0; color: #fff; min-height: 550px; display: flex; align-items: center; font-family: 'Inter', sans-serif; }
.sh-hero-badge { background: rgba(0,0,0,0.35); border: 1px solid #FFC107; font-size: 13px; font-weight: 500; color: #FFC107; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.sh-hero-badge i { color: #60A5FA; }
.sh-hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.2; letter-spacing: -0.5px; font-family: 'Poppins', sans-serif; color: #ffffff; }
.sh-hero-title .text-warning { color: #FFC107 !important; }
.sh-hero-subtitle { font-size: 1.15rem; font-weight: 400; opacity: 0.85; max-width: 650px; line-height: 1.6; }
.sh-hero-search-box { background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.15) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.sh-hero-search-box .form-control, .sh-hero-search-box .form-select { border-radius: 6px; font-size: 14px; padding: 12px 16px; color: #333; }
.sh-hero-search-box .form-control::placeholder { color: #888; }
.sh-search-label { font-size: 12px; letter-spacing: 0.5px; opacity: 0.9; }
.sh-btn-warning { background-color: #FFC107; color: #000; border: none; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: all 0.2s; border-radius: 6px; font-size: 15px; font-weight: 600; }
.sh-btn-warning:hover { background-color: #E0A800; transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); color: #000; }
.sh-popular-tag { display: inline-block; padding: 4px 14px; border-radius: 20px; background: rgba(255,255,255,0.05); color: #fff; font-size: 12px; text-decoration: none; border: 1px solid rgba(255,255,255,0.25); transition: all 0.2s; }
.sh-popular-tag:hover { background: rgba(255,255,255,0.15); color: #fff; border-color: rgba(255,255,255,0.4); }
.sh-popular-tag strong { font-weight: 600; opacity: 0.9; margin-right: 4px; }
.sh-hero-watermark { top: 50%; right: -5%; transform: translateY(-50%); font-size: 35rem; color: rgba(255,255,255,0.04); pointer-events: none; z-index: 1; }

/* Featured Section Updates */
.sh-badge-editor-picks { background: #Eef2ff; color: #1E3A8A; font-size: 11px; font-weight: 700; padding: 6px 14px; border-radius: 20px; letter-spacing: 0.5px; }
.sh-title-underline { width: 50px; height: 4px; background-color: #F59E0B; border-radius: 2px; }

/* Enhanced Badges */
.sh-badge-red { background: #E11D48 !important; color: #fff !important; font-weight: 600 !important; border-radius: 20px; padding: 4px 12px; font-size: 12px; letter-spacing: 0.3px; }
.sh-badge-yellow { background: #FBBF24 !important; color: #000 !important; font-weight: 600 !important; border-radius: 20px; padding: 4px 12px; font-size: 12px; letter-spacing: 0.3px; }
.sh-badge-green { background: #059669 !important; color: #fff !important; font-weight: 600 !important; border-radius: 20px; padding: 4px 12px; font-size: 12px; letter-spacing: 0.3px; }
.sh-badge-closed { background: #6B7280 !important; color: #fff !important; font-weight: 600 !important; border-radius: 20px; padding: 4px 12px; font-size: 12px; letter-spacing: 0.3px; }

/* Homepage Redesign Classes */
.sh-badge-section { background: #F1F5F9; color: #64748B; font-size: 11px; font-weight: 700; padding: 6px 16px; border-radius: 20px; letter-spacing: 1px; text-transform: uppercase; }
.sh-title-underline-new { width: 40px; height: 3px; background-color: #FBBF24; border-radius: 2px; }

/* Category Cards */
.sh-category-card-new { background: #fff; border: 1px solid #E5E7EB; border-radius: 8px; padding: 25px 20px; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.02); height: 100%; }
.sh-category-card-new i { font-size: 1.8rem; color: #1E3A8A; transition: all 0.3s ease; }
.sh-category-card-new h5 { color: #1F2937; font-weight: 700; font-size: 0.95rem; transition: all 0.3s ease; }
.sh-category-card-new:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: #CBD5E1; }
.sh-category-card-new:hover i, .sh-category-card-new:hover h5 { color: #3B82F6; }

/* How It Works Steps */
.sh-step-circle { width: 56px; height: 56px; background: #2B4B9F; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 600; position: relative; z-index: 2; box-shadow: 0 10px 20px rgba(43,75,159,0.2); border: 2px solid #fff; }
.sh-process-connector { position: absolute; height: 2px; width: 12%; top: 78px; background: linear-gradient(to right, #1E3A8A 50%, #FBBF24 50%); z-index: 1; }
.sh-conn-1 { left: 27%; }
.sh-conn-2 { left: 60%; }

/* Premium Banner */
.sh-badge-premium { background: rgba(255,255,255,0.15); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 16px; border-radius: 20px; }
.sh-premium-pill { 
    background: #fff; 
    color: #1E3A8A; 
    font-size: 13px; 
    font-weight: 600; 
    padding: 12px 20px; 
    border-radius: 50px; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
    display: flex; 
    align-items: center; 
    transition: all 0.3s ease;
    height: 100%; /* Stretch to fill grid cell height */
    line-height: 1.3;
}
.sh-premium-pill:hover { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.15); }

/* Blog Cards & Buttons */
.sh-blog-card-new { transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.05); border-radius: 8px; }
.sh-blog-card-new:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.sh-btn-outline-new { display: inline-block; border: 2px solid #1E3A8A; color: #1E3A8A; padding: 8px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.sh-btn-outline-new:hover { background: #1E3A8A; color: #fff; }
.sh-btn-outline-sm { display: inline-block; border: 1px solid #1E3A8A; color: #1E3A8A; padding: 6px 16px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; transition: all 0.2s; }
.sh-btn-outline-sm:hover { background: #1E3A8A; color: #fff; }

/* Services Page Classes */
.sh-svc-card { border-radius: 12px; padding: 40px 30px; border: 1px solid #E5E7EB; background: #fff; transition: all 0.3s ease; position: relative; overflow: visible !important; }
.sh-svc-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
.sh-svc-featured { border: 2px solid #F59E0B; box-shadow: 0 10px 25px rgba(245, 158, 11, 0.1); }
.sh-svc-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #F59E0B; color: #000; font-weight: 700; font-size: 12px; padding: 4px 16px; border-radius: 20px; white-space: nowrap; z-index: 10; }
.sh-svc-icon-wrapper { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 24px; }
.sh-svc-icon-bg-0 { background: #F3F4F6; color: #1E3A8A; }
.sh-svc-icon-bg-1 { background: #FEF3C7; color: #D97706; }
.sh-svc-icon-bg-2 { background: #D1FAE5; color: #059669; }

/* How It Works Numbers */
.sh-how-number { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.sh-num-1 { background: #E0E7FF; color: #4F46E5; }
.sh-num-2 { background: #FEF3C7; color: #D97706; }
.sh-num-3 { background: #D1FAE5; color: #059669; }

/* Student Success Reviews */
.sh-review-card { border-radius: 12px; border: 1px solid #E5E7EB; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.sh-avatar { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: #fff; flex-shrink: 0; }
.sh-avatar-blue { background: #2563EB; }

/* Modal specific */
.sh-modal-info { background: #F0F9FF; border: 1px solid #BAE6FD; border-radius: 8px; padding: 12px 16px; font-size: 13px; color: #0369A1; }

.sh-btn-darkblue { background-color: #1E3A8A !important; color: #fff !important; border: 1px solid #1E3A8A !important; }
.sh-btn-darkblue:hover { background-color: #152C6B !important; color: #fff !important; border-color: #152C6B !important; }

/* Redesigned Scholarship Detail Page */
.sh-single-card { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); overflow: hidden; margin-bottom: 24px; }
.sh-single-header-content { padding: 30px; }
.sh-single-title { font-size: 2.25rem; font-weight: 800; color: #1E3A8A; margin-bottom: 15px; line-height: 1.2; }
.sh-single-subtitle { color: #6B7280; font-size: 15px; display: flex; align-items: center; gap: 8px; margin-bottom: 25px; }
.sh-single-subtitle i { color: #1E3A8A; }
.sh-single-badge-group { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.sh-single-btn-group { display: flex; gap: 12px; margin-bottom: 25px; }
.sh-single-share-group { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #6B7280; }
.sh-share-icon-btn { width: 32px; height: 32px; border: 1px solid #E5E7EB; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #6B7280; transition: all 0.2s; background: transparent; cursor: pointer; }
.sh-share-icon-btn:hover { border-color: #1E3A8A; color: #1E3A8A; background: #F0F9FF; }
.sh-share-icon-btn.copy-link { width: auto; padding: 0 12px; gap: 6px; }

/* Sidebar Related Scholarships */
.sh-related-widget { background: #fff; border: 1px solid #E5E7EB; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); padding: 24px; }
.sh-related-title { font-size: 18px; font-weight: 700; color: #1E3A8A; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.sh-related-item { display: flex; gap: 15px; padding: 15px 0; border-bottom: 1px solid #F3F4F6; }
.sh-related-item:last-child { border-bottom: none; padding-bottom: 0; }
.sh-related-country { width: 40px; height: 40px; background: #F3F4F6; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: #1E3A8A; flex-shrink: 0; }
.sh-related-info h5 { font-size: 14px; font-weight: 600; margin-bottom: 6px; line-height: 1.4; }
.sh-related-info h5 a { color: #2563EB; text-decoration: none; }
.sh-related-info h5 a:hover { color: #1E3A8A; }
.sh-related-badges { display: flex; gap: 6px; }
.sh-related-badge { font-size: 10px; padding: 2px 8px; border-radius: 4px; font-weight: 700; text-transform: uppercase; }
.sh-related-badge-closed { background: #6B7280; color: #fff; }
.sh-related-badge-urgent { background: #FBBF24; color: #000; }
.sh-related-badge-funded { background: #059669; color: #fff; }

.sh-single-section-title { font-size: 1.5rem; font-weight: 700; color: #1E3A8A; display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }

@media (max-width: 991.98px) {
    .sh-hero-new { padding: 60px 0; min-height: auto; }
    .sh-hero-title { font-size: 2.5rem; }
    .sh-hero-watermark { display: none; }
}

/* Comment Section Improvements */
.sh-comment-item { margin-bottom: 30px; list-style: none; }
.sh-comment-body { display: flex; gap: 20px; padding: 20px; background: #fff; border-radius: 12px; box-shadow: 0 2px 15px rgba(0,0,0,0.03); border: 1px solid #f1f5f9; }
.sh-comment-avatar img { border-radius: 50%; border: 3px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.sh-comment-content-wrap { flex: 1; }
.sh-comment-meta { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; gap: 10px; }
.sh-comment-author { font-weight: 700; color: #1e293b; font-size: 15px; }
.sh-comment-date { font-size: 12px; color: #94a3b8; }
.sh-comment-actions { display: flex; gap: 12px; align-items: center; }
.sh-comment-actions a, .sh-comment-btn { 
    font-size: 12px; font-weight: 600; color: #64748b; text-decoration: none; 
    background: #f8fafc; padding: 4px 10px; border-radius: 6px; border: 1px solid #e2e8f0;
    transition: all 0.2s ease; cursor: pointer;
}
.sh-comment-actions a:hover { background: #eff6ff; color: #3b82f6; border-color: #bfdbfe; }
.edit-comment:hover { background: #fefce8; color: #ca8a04; border-color: #fef08a; }
.delete-comment:hover { background: #fef2f2; color: #dc2626; border-color: #fecaca; }
.sh-comment-text { color: #475569; line-height: 1.7; font-size: 14.5px; }
.sh-comment-item .children { margin-left: 60px; margin-top: 25px; padding-left: 20px; border-left: 2px solid #f1f5f9; }

@media (max-width: 768px) {
    .sh-comment-body { flex-direction: column; }
    .sh-comment-item .children { margin-left: 20px; }
}

/* Scholarship Card Comments */
.sh-card-comments {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 12px;
    transition: all 0.2s ease;
    font-size: 12px;
    font-weight: 600;
}
.sh-card-comments:hover {
    background: #e2e8f0;
    color: #1e293b;
}

/* Professional Service Cards */
.sh-svc-card {
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    padding: 30px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    height: 100%;
}
.sh-svc-card:hover {
    transform: translateY(-10px);
    border-color: #1e3a8a;
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.1);
}
.sh-svc-icon-wrapper {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 28px;
}
.sh-svc-icon-bg-0 { background: #e0e7ff; color: #1e3a8a; }
.sh-svc-icon-bg-1 { background: #fff7ed; color: #f97316; }
.sh-svc-icon-bg-2 { background: #f0fdf4; color: #10b981; }

.sh-svc-features { font-size: 13px; color: #475569; }
.sh-svc-features li { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px !important; }
.sh-svc-features li i { color: #10b981; font-size: 14px; margin-top: 3px; }

.sh-svc-excerpt {
    font-size: 14px;
    line-height: 1.7;
    max-height: 5.1em; /* Exactly 3 lines (1.7 * 3) */
    overflow: hidden;
    color: #64748b;
    margin-bottom: 25px !important;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
}

.sh-svc-features {
    font-size: 13px;
    color: #475569;
    margin-bottom: 25px !important;
    padding: 0 15px;
}
.sh-svc-features li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px !important;
    text-align: left;
}
.sh-svc-features li i {
    color: #10b981;
    font-size: 16px;
    margin-top: 2px;
}

.sh-svc-price-box {
    margin: 20px 0 10px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #e2e8f0;
}
.sh-svc-price-box .price-icon {
    color: #1e3a8a;
    font-size: 18px;
    margin-right: -4px;
}
.sh-svc-price-box .currency-symbol {
    font-size: 16px;
    font-weight: 700;
    color: #64748b;
    margin-top: 4px;
}
.sh-svc-price-box .amount {
    font-size: 28px;
    font-weight: 800;
    color: #1e3a8a;
    letter-spacing: -0.5px;
}
.sh-svc-price-box .currency-unit {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    margin-top: 8px;
    margin-left: 2px;
}

.sh-btn-add-cart {
    background: #1e3a8a;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 10px;
    font-weight: 700;
    transition: all 0.2s;
    width: 100%;
}
.sh-btn-add-cart:hover {
    background: #1e293b;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.sh-svc-detail-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    transition: all 0.3s;
    margin-bottom: 15px;
    border: 1px solid #dbeafe;
}
.sh-svc-detail-link:hover {
    background: #1e3a8a;
    color: #fff !important;
    border-color: #1e3a8a;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.15);
}


/* Page & Legal Content Styles */
.sh-page-content, .sh-legal-card {
    background: var(--sh-white);
    padding: 50px;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.06);
    line-height: 1.8;
    color: #475569;
    border: none;
}

.sh-legal-updated {
    font-style: italic;
    color: #94A3B8;
    font-size: 14px;
    margin-bottom: 25px;
    display: block;
}

.sh-page-content h2, .sh-legal-card h2 {
    color: #1E40AF;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 45px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #F1F5F9;
    letter-spacing: -0.01em;
}

.sh-page-content h3, .sh-legal-card h3 {
    font-size: 1.2rem;
    color: #1E293B;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

.sh-page-content p, .sh-legal-card p {
    margin-bottom: 20px;
    font-size: 15.5px;
}

.sh-legal-card ul {
    padding-left: 25px;
    margin-bottom: 25px;
}

.sh-legal-card li {
    margin-bottom: 12px;
    color: #475569;
    font-size: 15.5px;
    line-height: 1.7;
}

.sh-legal-card strong {
    color: #1E293B;
}

.sh-legal-card table {
    width: 100%;
    margin: 30px 0;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

.sh-legal-card th, .sh-legal-card td {
    padding: 15px 20px;
    border-bottom: 1px solid #E2E8F0;
    border-right: 1px solid #E2E8F0;
    font-size: 14.5px;
}

.sh-legal-card th:last-child, .sh-legal-card td:last-child {
    border-right: none;
}

.sh-legal-card tr:last-child td {
    border-bottom: none;
}

.sh-legal-card th {
    background: #F8FAFC;
    font-weight: 700;
    color: #1E3A8A;
    text-align: left;
}

.sh-legal-notice-box {
    background: #FFFBEB;
    border-left: 4px solid #F59E0B;
    padding: 20px 25px;
    border-radius: 8px;
    color: #92400E;
    font-size: 15px;
    line-height: 1.6;
}

.sh-legal-notice-box strong {
    color: #B45309;
}


/* Custom Pagination Styling */
.sh-pagination { gap: 5px; }
.sh-pagination .page-link {
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E3A8A;
    border: 1px solid #E2E8F0;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fff;
}

.sh-pagination .page-item.active .page-link {
    background-color: #1E3A8A !important;
    border-color: #1E3A8A !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25);
}

.sh-pagination .page-item.disabled .page-link {
    color: #CBD5E1;
    background-color: #F8FAFC;
    border-color: #F1F5F9;
}

.sh-pagination .page-link:hover:not(.disabled) {
    background-color: #F1F5F9;
    border-color: #1E3A8A;
    color: #1E3A8A;
    transform: translateY(-2px);
}