/* ============ 404.php (pg-404) ============ */
.pg-404, .pg-404 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-404 {
            font-family: "Inter", sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-404 .error-container {
            max-width: 600px;
            width: 100%;
            background: rgba(15,23,42,.04);
            border-radius: 32px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            overflow: hidden;
            text-align: center;
            animation: pg-404-slideUp 0.5s ease-out;
        }
.pg-404 .error-header {
            background: #e2e8f0;
            color: #0f172a;
            padding: 60px 40px 40px;
            position: relative;
        }
.pg-404 .error-header::before {
            content: "404";
            position: absolute;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 120px;
            font-weight: 800;
            opacity: 0.1;
            color: #0f172a;
            pointer-events: none;
        }
.pg-404 .error-icon {
            font-size: 80px;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }
.pg-404 .error-header h1 {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 10px;
            position: relative;
            z-index: 1;
        }
.pg-404 .error-header p {
            opacity: 0.8;
            font-size: 16px;
            position: relative;
            z-index: 1;
        }
.pg-404 .error-content {
            padding: 40px;
        }
.pg-404 .error-message {
            font-size: 18px;
            color: #4a4a4a;
            margin-bottom: 30px;
        }
.pg-404 .suggestions {
            background: #f8f9fa;
            border-radius: 20px;
            padding: 30px;
            margin-bottom: 30px;
            text-align: left;
        }
.pg-404 .suggestions h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #0f172a;
            display: flex;
            align-items: center;
            gap: 10px;
        }
.pg-404 .suggestions ul {
            list-style: none;
        }
.pg-404 .suggestions li {
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #666;
        }
.pg-404 .suggestions li span {
            font-size: 20px;
        }
.pg-404 .suggestions li a {
            color: #0f172a;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }
.pg-404 .suggestions li a:hover {
            color: #667eea;
        }
.pg-404 .action-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }
.pg-404 .btn {
            padding: 14px 32px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 15px;
            text-decoration: none;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
.pg-404 .btn-primary {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-404 .btn-primary:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
        }
.pg-404 .btn-secondary {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
        }
.pg-404 .btn-secondary:hover {
            background: #f5f5f5;
        }
.pg-404 .search-box {
            margin-top: 30px;
            padding-top: 30px;
            border-top: 1px solid #eaeaea;
        }
.pg-404 .search-form {
            display: flex;
            gap: 10px;
            max-width: 400px;
            margin: 15px auto 0;
        }
.pg-404 .search-input {
            flex: 1;
            padding: 12px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 100px;
            font-size: 14px;
            font-family: "Inter", sans-serif;
        }
.pg-404 .search-input:focus {
            outline: none;
            border-color: #e2e8f0;
        }
.pg-404 .search-btn {
            padding: 12px 24px;
            background: #e2e8f0;
            color: #0f172a;
            border: none;
            border-radius: 100px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }
.pg-404 .search-btn:hover {
            background: #e2e8f0;
        }
.pg-404 .error-footer {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eaeaea;
            color: #888;
            font-size: 13px;
        }
@keyframes pg-404-slideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@media  (max-width: 640px)  { .pg-404 .error-header {
                padding: 40px 20px 30px;
            }
.pg-404 .error-header::before {
                font-size: 80px;
            }
.pg-404 .error-content {
                padding: 30px 20px;
            }
.pg-404 .action-buttons {
                flex-direction: column;
            }
.pg-404 .search-form {
                flex-direction: column;
            } }
.pg-404.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .error-header { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .error-header::before { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .error-message { color: #cbd5e1 !important; }
.pg-404.ld-dark-mode .suggestions h3 { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .suggestions li { color: #cbd5e1 !important; }
.pg-404.ld-dark-mode .suggestions li a { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .btn-secondary { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .search-btn { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .error-footer { color: #cbd5e1 !important; }
.pg-404 {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-404, .pg-404 {overflow-x:hidden;}
.pg-404 {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-404::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-404 .app, .pg-404 .main, .pg-404 .admin-main, .pg-404 .admin-container, .pg-404 .page-wrap, .pg-404 .ld-page-wrap {position:relative;z-index:1;}
.pg-404 .edit-card, .pg-404 .card, .pg-404 .section-card, .pg-404 .settings-section, .pg-404 .stat-card, .pg-404 .info-card, .pg-404 .content-card, .pg-404 .panel, .pg-404 .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-404 .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-404 .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-404 .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-404 .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-404 .nav-item.active a, .pg-404 .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-404 .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-404 .page-title h1 {color:#0f172a!important;}
.pg-404 .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-404 .form-input, .pg-404 .form-select, .pg-404 .form-textarea, .pg-404 input[type=text], .pg-404 input[type=email], .pg-404 input[type=password], .pg-404 input[type=number], .pg-404 input[type=date], .pg-404 input[type=time], .pg-404 input[type=tel], .pg-404 textarea, .pg-404 select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-404 .form-input::placeholder, .pg-404 .form-textarea::placeholder, .pg-404 input::placeholder, .pg-404 textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-404 .form-input:focus, .pg-404 .form-textarea:focus, .pg-404 input:focus, .pg-404 textarea:focus, .pg-404 select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-404 select option {background:#f1f5f9;color:#0f172a;}
.pg-404 .form-label, .pg-404 label {color:rgba(15,23,42,.7)!important;}
.pg-404 .btn-primary, .pg-404 button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-404 .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-404 .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-404 .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-404 .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-404 table {border-collapse:collapse;}
.pg-404 th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-404 td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-404 tr:last-child td {border-bottom:none!important;}
.pg-404 tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-404 .badge-success, .pg-404 .status-active, .pg-404 .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-404 .badge-danger, .pg-404 .status-expired, .pg-404 .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-404 .badge-warning, .pg-404 .status-pending, .pg-404 .status-Pending, .pg-404 .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-404 .badge-primary, .pg-404 .badge-info, .pg-404 .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-404 .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-404 .alert-error, .pg-404 .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-404 .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-404 h1, .pg-404 h2, .pg-404 h3, .pg-404 h4, .pg-404 h5, .pg-404 h6 {color:#0f172a;}
.pg-404 h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-404 .modal-content, .pg-404 .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-404 .modal-header, .pg-404 .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-404 .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-404 a {color:#38bdf8;}
.pg-404 a:hover {color:#0f172a;}
.pg-404 .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-404 .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-404 .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-404 .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-404 hr {border-color:rgba(29,78,216,.2)!important;}
.pg-404 .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-404 .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-404 .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-404 ::-webkit-scrollbar {width:6px;height:6px;}
.pg-404 ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-404 ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-404.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode 
.edit-card, .pg-404.ld-dark-mode .card, .pg-404.ld-dark-mode .section-card, .pg-404.ld-dark-mode .settings-section, .pg-404.ld-dark-mode .stat-card, .pg-404.ld-dark-mode .info-card, .pg-404.ld-dark-mode .content-card, .pg-404.ld-dark-mode .panel, .pg-404.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-404.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .nav-item.active a, .pg-404.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-404.ld-dark-mode 
.form-input, .pg-404.ld-dark-mode .form-select, .pg-404.ld-dark-mode .form-textarea, .pg-404.ld-dark-mode input[type=text], .pg-404.ld-dark-mode input[type=email], .pg-404.ld-dark-mode input[type=password], .pg-404.ld-dark-mode input[type=number], .pg-404.ld-dark-mode input[type=date], .pg-404.ld-dark-mode input[type=time], .pg-404.ld-dark-mode input[type=tel], .pg-404.ld-dark-mode textarea, .pg-404.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .form-input::placeholder, .pg-404.ld-dark-mode .form-textarea::placeholder, .pg-404.ld-dark-mode input::placeholder, .pg-404.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-404.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .form-label, .pg-404.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-404.ld-dark-mode 
.btn-primary, .pg-404.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-404.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-404.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-404.ld-dark-mode 
h1, .pg-404.ld-dark-mode h2, .pg-404.ld-dark-mode h3, .pg-404.ld-dark-mode h4, .pg-404.ld-dark-mode h5, .pg-404.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode 
.modal-content, .pg-404.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .modal-header, .pg-404.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-404.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-404.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ add_payment_method.php (pg-add-payment-method) ============ */
.pg-add-payment-method {--bg:#ffffff;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--border:rgba(29,78,216,.2);--card:rgba(15,23,42,.03);}
.pg-add-payment-method, .pg-add-payment-method *, .pg-add-payment-method, .pg-add-payment-method *::before, .pg-add-payment-method, .pg-add-payment-method *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-add-payment-method {font-family:"Inter",sans-serif;background:var(--bg);color:#0f172a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.pg-add-payment-method .wrap {max-width:460px;width:100%;}
.pg-add-payment-method .headline {text-align:center;margin-bottom:1.75rem;}
.pg-add-payment-method h1 {font-family:"Space Grotesk",sans-serif;font-size:1.6rem;font-weight:800;margin-bottom:.5rem;}
.pg-add-payment-method .deal {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.25rem;font-size:.92rem;color:rgba(15,23,42,.8);text-align:center;line-height:1.55;}
.pg-add-payment-method .deal strong {color:#38bdf8;}
.pg-add-payment-method .card-box {background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-top:1.5rem;}
.pg-add-payment-method .form-group {margin-bottom:1rem;}
.pg-add-payment-method label {display:block;font-size:.78rem;color:rgba(15,23,42,.5);margin-bottom:.4rem;font-weight:600;}
.pg-add-payment-method input {width:100%;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--border);background:rgba(15,23,42,.04);color:#0f172a;font-size:.9rem;font-family:inherit;}
.pg-add-payment-method input:focus {outline:none;border-color:#38bdf8;}
.pg-add-payment-method .row2 {display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.pg-add-payment-method .btn-save {width:100%;padding:.85rem;border-radius:100px;background:var(--grad);border:none;color:#0f172a;font-weight:800;font-size:.9rem;cursor:pointer;font-family:inherit;margin-top:.5rem;}
.pg-add-payment-method .btn-save:disabled {opacity:.6;cursor:wait;}
.pg-add-payment-method .note {font-size:.75rem;color:rgba(15,23,42,.4);text-align:center;margin-top:1rem;line-height:1.5;}
.pg-add-payment-method .note a {color:#38bdf8;}
.pg-add-payment-method .err {background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:.85rem 1rem;color:#ef4444;font-size:.85rem;margin-bottom:1rem;}
.pg-add-payment-method .secure {display:flex;align-items:center;justify-content:center;gap:.4rem;color:rgba(15,23,42,.35);font-size:.72rem;margin-top:.75rem;}
.pg-add-payment-method.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-add-payment-method.ld-dark-mode .deal { color: rgba(255,255,255,.8) !important; }
.pg-add-payment-method.ld-dark-mode label { color: rgba(255,255,255,.5) !important; }
.pg-add-payment-method.ld-dark-mode input { color: #f1f5f9 !important; }
.pg-add-payment-method.ld-dark-mode .btn-save { color: #f1f5f9 !important; }
.pg-add-payment-method.ld-dark-mode .note { color: rgba(255,255,255,.4) !important; }
.pg-add-payment-method.ld-dark-mode .secure { color: rgba(255,255,255,.35) !important; }


/* ============ admin_academy_programme_edit.php (pg-admin-academy-programme-edit) ============ */
.pg-admin-academy-programme-edit, .pg-admin-academy-programme-edit * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-academy-programme-edit { font-family:"Inter",sans-serif; background:#ffffff; color:#0f172a; line-height:1.5; }
.pg-admin-academy-programme-edit .admin-container { display:flex; min-height:100vh; }
.pg-admin-academy-programme-edit .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-academy-programme-edit .admin-nav { list-style:none; flex:1; }
.pg-admin-academy-programme-edit .admin-nav li { margin-bottom:8px; }
.pg-admin-academy-programme-edit .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#666; text-decoration:none; border-radius:8px; gap:12px; }
.pg-admin-academy-programme-edit .admin-nav a:hover, .pg-admin-academy-programme-edit .admin-nav a.active { background:#ffffff; color:#0f172a; }
.pg-admin-academy-programme-edit .admin-main { flex:1; margin-left:280px; padding:32px; max-width:900px; }
.pg-admin-academy-programme-edit .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; flex-wrap:wrap; gap:16px; }
.pg-admin-academy-programme-edit .page-title h1 { font-size:24px; font-weight:700; font-family:"Space Grotesk",sans-serif; }
.pg-admin-academy-programme-edit .page-title p { color:#666; font-size:13.5px; }
.pg-admin-academy-programme-edit .alert { padding:12px 16px; border-radius:12px; margin-bottom:20px; font-size:13px; }
.pg-admin-academy-programme-edit .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-academy-programme-edit .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-academy-programme-edit .step-nav { display:flex; gap:4px; margin-bottom:28px; overflow-x:auto; padding-bottom:4px; }
.pg-admin-academy-programme-edit .step-nav a { flex-shrink:0; padding:10px 16px; border-radius:100px; font-size:12.5px; font-weight:600; text-decoration:none; color:#666; background:rgba(15,23,42,.04); white-space:nowrap; }
.pg-admin-academy-programme-edit .step-nav a.current { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; }
.pg-admin-academy-programme-edit .step-nav a .num { opacity:.7; margin-right:4px; }
.pg-admin-academy-programme-edit .settings-card { background:rgba(15,23,42,.03); border:1.5px solid rgba(29,78,216,.2); border-radius:20px; padding:26px; margin-bottom:20px; }
.pg-admin-academy-programme-edit .settings-card h2 { font-size:17px; margin-bottom:6px; font-family:"Space Grotesk",sans-serif; }
.pg-admin-academy-programme-edit .settings-card .sub { color:#666; font-size:13px; margin-bottom:20px; }
.pg-admin-academy-programme-edit .form-group { margin-bottom:18px; }
.pg-admin-academy-programme-edit .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-academy-programme-edit .form-input, .pg-admin-academy-programme-edit .form-select, .pg-admin-academy-programme-edit .form-textarea { width:100%; padding:10px 14px; border:1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; background:rgba(15,23,42,.03); color:#0f172a; }
.pg-admin-academy-programme-edit .form-input:focus, .pg-admin-academy-programme-edit .form-select:focus, .pg-admin-academy-programme-edit .form-textarea:focus { outline:none; border-color:#1d4ed8; }
.pg-admin-academy-programme-edit .form-row { display:flex; gap:16px; flex-wrap:wrap; }
.pg-admin-academy-programme-edit .form-row .form-group { flex:1; min-width:180px; }
.pg-admin-academy-programme-edit .duration-pills { display:flex; gap:8px; flex-wrap:wrap; }
.pg-admin-academy-programme-edit .duration-pill { padding:8px 18px; border-radius:100px; border:1.5px solid rgba(29,78,216,.25); cursor:pointer; font-size:13.5px; font-weight:600; }
.pg-admin-academy-programme-edit .duration-pill input { display:none; }
.pg-admin-academy-programme-edit .duration-pill.selected { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; border-color:transparent; }
.pg-admin-academy-programme-edit .btn { padding:11px 24px; border-radius:100px; font-weight:700; font-size:13.5px; cursor:pointer; border:none; display:inline-flex; align-items:center; gap:6px; font-family:inherit; text-decoration:none; }
.pg-admin-academy-programme-edit .btn-primary { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; }
.pg-admin-academy-programme-edit .btn-outline { background:transparent; border:1.5px solid rgba(29,78,216,.3); color:#1d4ed8; }
.pg-admin-academy-programme-edit .prep-row { display:flex; align-items:flex-start; gap:14px; padding:16px; border:1.5px solid rgba(29,78,216,.15); border-radius:14px; margin-bottom:10px; }
.pg-admin-academy-programme-edit .prep-row input[type=checkbox] { margin-top:3px; width:18px; height:18px; }
.pg-admin-academy-programme-edit .prep-row .info { flex:1; }
.pg-admin-academy-programme-edit .prep-row .info b { display:block; font-size:14.5px; }
.pg-admin-academy-programme-edit .prep-row .info span { font-size:13px; color:#666; }
.pg-admin-academy-programme-edit .prep-row .required-toggle { font-size:12px; color:#666; display:flex; align-items:center; gap:6px; white-space:nowrap; }
@media  (max-width:768px)  { .pg-admin-academy-programme-edit .admin-sidebar {transform:translateX(-100%); position:fixed; z-index:1000;}
.pg-admin-academy-programme-edit .admin-main {margin-left:0; padding:20px;} }
.pg-admin-academy-programme-edit.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .admin-nav a:hover, .pg-admin-academy-programme-edit.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .step-nav a { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .settings-card .sub { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .form-input, .pg-admin-academy-programme-edit.ld-dark-mode .form-select, .pg-admin-academy-programme-edit.ld-dark-mode .form-textarea { color: #f1f5f9 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .prep-row .info span { color: #cbd5e1 !important; }
.pg-admin-academy-programme-edit.ld-dark-mode .prep-row .required-toggle { color: #cbd5e1 !important; }


/* ============ admin_academy_programmes.php (pg-admin-academy-programmes) ============ */
.pg-admin-academy-programmes, .pg-admin-academy-programmes * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-academy-programmes { font-family:"Inter",sans-serif; background:#ffffff; color:#0f172a; line-height:1.5; }
.pg-admin-academy-programmes .admin-container { display:flex; min-height:100vh; }
.pg-admin-academy-programmes .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-academy-programmes .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #cbd5e1; }
.pg-admin-academy-programmes .admin-nav { list-style:none; flex:1; }
.pg-admin-academy-programmes .admin-nav li { margin-bottom:8px; }
.pg-admin-academy-programmes .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#666; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-academy-programmes .admin-nav a:hover, .pg-admin-academy-programmes .admin-nav a.active { background:#ffffff; color:#0f172a; }
.pg-admin-academy-programmes .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-academy-programmes .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; flex-wrap:wrap; gap:16px; }
.pg-admin-academy-programmes .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; font-family:"Space Grotesk",sans-serif; }
.pg-admin-academy-programmes .page-title p { color:#666; }
.pg-admin-academy-programmes .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-academy-programmes .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-academy-programmes .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-academy-programmes .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; display:inline-flex; align-items:center; gap:6px; font-family:inherit; text-decoration:none; }
.pg-admin-academy-programmes .btn-primary { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; }
.pg-admin-academy-programmes .btn-outline { background:transparent; border:1.5px solid rgba(29,78,216,.3); color:#1d4ed8; }
.pg-admin-academy-programmes .btn-danger { background:#ef4444; color:#fff; }
.pg-admin-academy-programmes .btn-sm { padding:6px 14px; font-size:12px; }
.pg-admin-academy-programmes .programme-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.pg-admin-academy-programmes .programme-card { border:1.5px solid rgba(29,78,216,.2); border-radius:20px; padding:22px; background:rgba(15,23,42,.02); }
.pg-admin-academy-programmes .programme-card h3 { font-size:17px; margin-bottom:6px; font-family:"Space Grotesk",sans-serif; }
.pg-admin-academy-programmes .programme-card .meta { font-size:12.5px; color:#666; margin-bottom:14px; }
.pg-admin-academy-programmes .badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; margin-bottom:10px; }
.pg-admin-academy-programmes .badge-draft { background:#fef3c7; color:#92400e; }
.pg-admin-academy-programmes .badge-published { background:#ecfdf5; color:#065f46; }
.pg-admin-academy-programmes .badge-archived { background:#f1f5f9; color:#475569; }
.pg-admin-academy-programmes .programme-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid rgba(29,78,216,.12); }
.pg-admin-academy-programmes .empty { text-align:center; padding:60px 20px; color:#666; }
.pg-admin-academy-programmes .create-bar { background:rgba(15,23,42,.03); border:1.5px dashed rgba(29,78,216,.3); border-radius:16px; padding:20px; margin-bottom:28px; display:flex; gap:12px; align-items:center; }
.pg-admin-academy-programmes .create-bar input { flex:1; padding:10px 16px; border:1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
@media  (max-width:768px)  { .pg-admin-academy-programmes .admin-sidebar {transform:translateX(-100%); position:fixed; z-index:1000;}
.pg-admin-academy-programmes .admin-main {margin-left:0; padding:20px;} }
.pg-admin-academy-programmes.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-academy-programmes.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-academy-programmes.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-academy-programmes.ld-dark-mode .admin-nav a:hover, .pg-admin-academy-programmes.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-academy-programmes.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-academy-programmes.ld-dark-mode .programme-card .meta { color: #cbd5e1 !important; }
.pg-admin-academy-programmes.ld-dark-mode .badge-archived { color: #cbd5e1 !important; }
.pg-admin-academy-programmes.ld-dark-mode .empty { color: #cbd5e1 !important; }


/* ============ admin_analytics.php (pg-admin-analytics) ============ */
.pg-admin-analytics {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-admin-analytics, .pg-admin-analytics * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-admin-analytics, .pg-admin-analytics { max-width: 100%; overflow-x: hidden; }
.pg-admin-analytics {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-admin-analytics .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-admin-analytics-gridMove 20s linear infinite;
        }
@keyframes pg-admin-analytics-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-admin-analytics .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-admin-analytics .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-admin-analytics-float 15s infinite linear;
        }
@keyframes pg-admin-analytics-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-admin-analytics h1, .pg-admin-analytics h2, .pg-admin-analytics h3, .pg-admin-analytics h4, .pg-admin-analytics h5, .pg-admin-analytics h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-admin-analytics a { color: inherit; text-decoration: none; }
.pg-admin-analytics .admin-container {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-admin-analytics .admin-main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-admin-analytics .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-admin-analytics .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-admin-analytics .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-admin-analytics .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-admin-analytics .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-admin-analytics .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-admin-analytics .stats-row {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-admin-analytics .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-admin-analytics .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-admin-analytics .stat-card h3 {
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--text-muted);
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-admin-analytics .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 4px;
        }
.pg-admin-analytics .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-admin-analytics .revenue-card {
            background: linear-gradient(135deg, var(--primary-purple), var(--bg-dark));
        }
.pg-admin-analytics .revenue-card h3 { color: rgba(15,23,42,0.7); }
.pg-admin-analytics .revenue-card .stat-value { color: #0f172a; background: none; -webkit-text-fill-color: #0f172a; }
.pg-admin-analytics .revenue-input {
            margin-top: 16px;
            display: flex;
            gap: 12px;
            align-items: center;
            flex-wrap: wrap;
        }
.pg-admin-analytics .revenue-input input {
            padding: 10px 14px;
            border: none;
            border-radius: 12px;
            font-size: 1rem;
            width: 150px;
            background: rgba(15,23,42,0.1);
            color: #0f172a;
        }
.pg-admin-analytics .revenue-input button {
            background: var(--accent-pink);
            color: var(--bg-dark);
            border: none;
            padding: 10px 20px;
            border-radius: 100px;
            cursor: pointer;
            font-weight: 600;
        }
.pg-admin-analytics .chart-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
            margin: 2rem 0;
        }
.pg-admin-analytics .chart-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-admin-analytics .chart-card h3 {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 1.25rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-admin-analytics .chart-card h3 .subtitle {
            font-size: 0.75rem;
            font-weight: normal;
            color: var(--text-muted);
            margin-left: 8px;
        }
.pg-admin-analytics canvas {
            max-height: 300px;
            width: 100%;
        }
.pg-admin-analytics .rankings-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-admin-analytics .rankings-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-admin-analytics .rankings-card h3 {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 1.25rem;
            padding-bottom: 0.75rem;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-admin-analytics .rankings-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-admin-analytics .rankings-table th {
            text-align: left;
            padding: 12px 8px;
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-glow);
        }
.pg-admin-analytics .rankings-table td {
            padding: 10px 8px;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.8125rem;
            color: var(--text-secondary);
        }
.pg-admin-analytics .rankings-table tr:last-child td { border-bottom: none; }
.pg-admin-analytics .rank-badge {
            display: inline-block;
            width: 24px;
            height: 24px;
            background: rgba(15,23,42,0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 24px;
            font-size: 0.75rem;
            font-weight: 600;
        }
.pg-admin-analytics .rank-1 { background: #fbbf24; color: #0f172a; }
.pg-admin-analytics .rank-2 { background: #94a3b8; color: #0f172a; }
.pg-admin-analytics .rank-3 { background: #b45309; color: #0f172a; }
.pg-admin-analytics .progress-small {
            width: 60px;
            height: 4px;
            background: rgba(15,23,42,0.1);
            border-radius: 2px;
            overflow: hidden;
            display: inline-block;
            margin-left: 8px;
        }
.pg-admin-analytics .progress-small-fill {
            height: 100%;
            background: var(--success-green);
            border-radius: 2px;
        }
.pg-admin-analytics .no-data-message {
            text-align: center;
            padding: 2.5rem;
            color: var(--text-muted);
        }
.pg-admin-analytics .pwa-section {
            margin: 2rem 0;
        }
.pg-admin-analytics .pwa-section-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 1.25rem;
            padding-bottom: .75rem;
            border-bottom: 1px solid var(--border-glow);
            display: flex;
            align-items: center;
            gap: 10px;
        }
.pg-admin-analytics .pwa-section-title i { color: var(--accent-pink); }
.pg-admin-analytics .pwa-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-admin-analytics .pwa-card h3 {
            font-size: .875rem;
            font-weight: 600;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: .5px;
            margin-bottom: 8px;
        }
.pg-admin-analytics .pwa-install-table { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.pg-admin-analytics .pwa-install-table th {
            text-align: left; padding: 10px 8px;
            font-size: .75rem; font-weight: 600;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-glow);
        }
.pg-admin-analytics .pwa-install-table td {
            padding: 9px 8px;
            border-bottom: 1px solid var(--border-glow);
            color: var(--text-secondary);
        }
.pg-admin-analytics .pwa-install-table tr:last-child td { border-bottom: none; }
.pg-admin-analytics .platform-badge {
            display: inline-block;
            padding: 2px 9px;
            border-radius: 100px;
            font-size: .7rem;
            font-weight: 600;
        }
.pg-admin-analytics .platform-android { background: rgba(16,185,129,.2); color: #10b981; }
.pg-admin-analytics .platform-ios { background: rgba(29,78,216,.2); color: var(--accent-pink); }
.pg-admin-analytics .platform-desktop { background: rgba(245,158,11,.2); color: var(--warning-orange); }
.pg-admin-analytics .platform-unknown { background: rgba(15,23,42,.08); color: var(--text-muted); }
.pg-admin-analytics .pwa-no-data {
            text-align: center; padding: 2.5rem 1rem;
            color: var(--text-muted); font-size: .875rem;
        }
.pg-admin-analytics .pwa-no-data i { font-size: 2rem; margin-bottom: .75rem; display: block; opacity: .4; }
.pg-admin-analytics .admin-sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-admin-analytics .admin-logo { color: var(--text-primary); border-bottom-color: var(--border-glow) !important; }
.pg-admin-analytics .admin-nav a { color: var(--text-secondary) !important; }
.pg-admin-analytics .admin-nav a:hover, .pg-admin-analytics .admin-nav a.active { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-admin-analytics .admin-nav a.active { border-left-color: var(--accent-pink) !important; }
.pg-admin-analytics .back-to-app a { color: var(--danger-red) !important; }
@media  (max-width: 1400px)  { .pg-admin-analytics .stats-row { grid-template-columns: repeat(3, 1fr); } }
@media  (max-width: 1200px)  { .pg-admin-analytics .stats-row { grid-template-columns: repeat(2, 1fr); }
.pg-admin-analytics .chart-grid { grid-template-columns: 1fr; }
.pg-admin-analytics .rankings-grid { grid-template-columns: 1fr; } }
@media  (max-width: 768px)  { .pg-admin-analytics .admin-sidebar { transform: translateX(-100%); position: fixed; z-index: 1000; }
.pg-admin-analytics .admin-main { margin-left: 0; padding: 1rem; width: 100%; }
.pg-admin-analytics .stats-row { grid-template-columns: 1fr; }
.pg-admin-analytics .page-title h1 { font-size: 2rem; } }
.pg-admin-analytics.ld-dark-mode .revenue-card h3 { color: rgba(255,255,255,.7) !important; }
.pg-admin-analytics.ld-dark-mode .revenue-card .stat-value { color: #f1f5f9 !important; }
.pg-admin-analytics.ld-dark-mode .revenue-input input { color: #f1f5f9 !important; }
.pg-admin-analytics.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-admin-analytics.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-admin-analytics.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-admin-analytics.ld-dark-mode .admin-nav a:hover, .pg-admin-analytics.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }


/* ============ admin_announcements.php (pg-admin-announcements) ============ */
.pg-admin-announcements, .pg-admin-announcements * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-announcements { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-announcements .admin-container { display:flex; min-height:100vh; }
.pg-admin-announcements .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-announcements .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-announcements .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-announcements .admin-nav { list-style:none; flex:1; }
.pg-admin-announcements .admin-nav li { margin-bottom:8px; }
.pg-admin-announcements .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-announcements .admin-nav a:hover, .pg-admin-announcements .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-announcements .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-announcements .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-announcements .has-submenu.open .submenu { display:block; }
.pg-admin-announcements .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-announcements .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-announcements .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-announcements .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-announcements .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-announcements .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-announcements .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-announcements .page-title p { color:#666; }
.pg-admin-announcements .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-announcements .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-announcements .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-announcements .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-announcements .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.pg-admin-announcements .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-announcements .stat-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-announcements .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-announcements .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-announcements .compose-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:28px; margin-bottom:32px; }
.pg-admin-announcements .compose-card h2 { font-size:20px; font-weight:600; margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-announcements .form-group { margin-bottom:20px; }
.pg-admin-announcements .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-announcements .form-input, .pg-admin-announcements .form-select, .pg-admin-announcements .form-textarea { width:100%; padding:12px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; font-family:inherit; }
.pg-admin-announcements .form-input:focus, .pg-admin-announcements .form-select:focus, .pg-admin-announcements .form-textarea:focus { outline:none; border-color: #0f172a; }
.pg-admin-announcements .form-textarea { min-height:120px; resize:vertical; }
.pg-admin-announcements .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-announcements .btn { padding:12px 24px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; display:inline-flex; align-items:center; gap:8px; }
.pg-admin-announcements .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-announcements .btn-primary:hover { background:#e2e8f0; }
.pg-admin-announcements .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-announcements .btn-outline:hover { background: #ffffff; }
.pg-admin-announcements .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-announcements .btn-danger:hover { background:#dc2626; }
.pg-admin-announcements .announcements-list { display:flex; flex-direction:column; gap:20px; }
.pg-admin-announcements .announcement-card { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; transition:all 0.2s; }
.pg-admin-announcements .announcement-card:hover { box-shadow:0 5px 15px -5px rgba(0,0,0,0.05); }
.pg-admin-announcements .announcement-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:12px; }
.pg-admin-announcements .announcement-title { font-size:16px; font-weight:600; display:flex; align-items:center; gap:10px; }
.pg-admin-announcements .priority-badge { padding:4px 10px; border-radius:100px; font-size:10px; font-weight:600; }
.pg-admin-announcements .priority-high { background:#fee2e2; color:#991b1b; }
.pg-admin-announcements .priority-normal { background:#e0f2fe; color:#0369a1; }
.pg-admin-announcements .priority-low { background:#f1f5f9; color:#475569; }
.pg-admin-announcements .announcement-meta { display:flex; gap:16px; color:#666; font-size:12px; }
.pg-admin-announcements .announcement-message { color:#4a4a4a; line-height:1.6; margin-bottom:12px; padding:12px; background:#fafafa; border-radius:12px; font-size:14px; }
.pg-admin-announcements .announcement-footer { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#888; flex-wrap:wrap; gap:12px; }
.pg-admin-announcements .target-badge { background:#f0f0f0; padding:4px 10px; border-radius:100px; font-size:11px; }
.pg-admin-announcements .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; transition:all0/**/.2s; }
.pg-admin-announcements .btn-icon:hover { background: #ffffff; }
.pg-admin-announcements .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-announcements .empty-state span { font-size:48px; display:block; margin-bottom:16px; opacity:0.5; }
@media  (max-width:768px)  { .pg-admin-announcements .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-announcements .admin-main {margin-left:0;padding:20px;}
.pg-admin-announcements .form-row {grid-template-columns:1fr;}
.pg-admin-announcements .stats-grid {grid-template-columns:1fr;} }
.pg-admin-announcements.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .admin-nav a:hover, .pg-admin-announcements.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .priority-low { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .announcement-meta { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .announcement-message { color: #cbd5e1 !important; }
.pg-admin-announcements.ld-dark-mode .announcement-footer { color: #cbd5e1 !important; }
.pg-admin-announcements {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-announcements, .pg-admin-announcements {overflow-x:hidden;}
.pg-admin-announcements {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-announcements::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-announcements .app, .pg-admin-announcements .main, .pg-admin-announcements .admin-main, .pg-admin-announcements .admin-container, .pg-admin-announcements .page-wrap, .pg-admin-announcements .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-announcements .edit-card, .pg-admin-announcements .card, .pg-admin-announcements .section-card, .pg-admin-announcements .settings-section, .pg-admin-announcements .stat-card, .pg-admin-announcements .info-card, .pg-admin-announcements .content-card, .pg-admin-announcements .panel, .pg-admin-announcements .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-announcements .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-announcements .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-announcements .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-announcements .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-announcements .nav-item.active a, .pg-admin-announcements .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-announcements .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-announcements .page-title h1 {color:#0f172a!important;}
.pg-admin-announcements .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-announcements .form-input, .pg-admin-announcements .form-select, .pg-admin-announcements .form-textarea, .pg-admin-announcements input[type=text], .pg-admin-announcements input[type=email], .pg-admin-announcements input[type=password], .pg-admin-announcements input[type=number], .pg-admin-announcements input[type=date], .pg-admin-announcements input[type=time], .pg-admin-announcements input[type=tel], .pg-admin-announcements textarea, .pg-admin-announcements select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-announcements .form-input::placeholder, .pg-admin-announcements .form-textarea::placeholder, .pg-admin-announcements input::placeholder, .pg-admin-announcements textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-announcements .form-input:focus, .pg-admin-announcements .form-textarea:focus, .pg-admin-announcements input:focus, .pg-admin-announcements textarea:focus, .pg-admin-announcements select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-announcements select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-announcements .form-label, .pg-admin-announcements label {color:rgba(15,23,42,.7)!important;}
.pg-admin-announcements .btn-primary, .pg-admin-announcements button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-announcements .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-announcements .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-announcements .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-announcements .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-announcements table {border-collapse:collapse;}
.pg-admin-announcements th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-announcements td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-announcements tr:last-child td {border-bottom:none!important;}
.pg-admin-announcements tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-announcements .badge-success, .pg-admin-announcements .status-active, .pg-admin-announcements .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-announcements .badge-danger, .pg-admin-announcements .status-expired, .pg-admin-announcements .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-announcements .badge-warning, .pg-admin-announcements .status-pending, .pg-admin-announcements .status-Pending, .pg-admin-announcements .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-announcements .badge-primary, .pg-admin-announcements .badge-info, .pg-admin-announcements .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-announcements .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-announcements .alert-error, .pg-admin-announcements .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-announcements .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-announcements h1, .pg-admin-announcements h2, .pg-admin-announcements h3, .pg-admin-announcements h4, .pg-admin-announcements h5, .pg-admin-announcements h6 {color:#0f172a;}
.pg-admin-announcements h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-announcements .modal-content, .pg-admin-announcements .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-announcements .modal-header, .pg-admin-announcements .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-announcements .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-announcements a {color:#38bdf8;}
.pg-admin-announcements a:hover {color:#0f172a;}
.pg-admin-announcements .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-announcements .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-announcements .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-announcements .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-announcements hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-announcements .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-announcements .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-announcements .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-announcements ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-announcements ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-announcements ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-announcements.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode 
.edit-card, .pg-admin-announcements.ld-dark-mode .card, .pg-admin-announcements.ld-dark-mode .section-card, .pg-admin-announcements.ld-dark-mode .settings-section, .pg-admin-announcements.ld-dark-mode .stat-card, .pg-admin-announcements.ld-dark-mode .info-card, .pg-admin-announcements.ld-dark-mode .content-card, .pg-admin-announcements.ld-dark-mode .panel, .pg-admin-announcements.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-announcements.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .nav-item.active a, .pg-admin-announcements.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-announcements.ld-dark-mode 
.form-input, .pg-admin-announcements.ld-dark-mode .form-select, .pg-admin-announcements.ld-dark-mode .form-textarea, .pg-admin-announcements.ld-dark-mode input[type=text], .pg-admin-announcements.ld-dark-mode input[type=email], .pg-admin-announcements.ld-dark-mode input[type=password], .pg-admin-announcements.ld-dark-mode input[type=number], .pg-admin-announcements.ld-dark-mode input[type=date], .pg-admin-announcements.ld-dark-mode input[type=time], .pg-admin-announcements.ld-dark-mode input[type=tel], .pg-admin-announcements.ld-dark-mode textarea, .pg-admin-announcements.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .form-input::placeholder, .pg-admin-announcements.ld-dark-mode .form-textarea::placeholder, .pg-admin-announcements.ld-dark-mode input::placeholder, .pg-admin-announcements.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-announcements.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .form-label, .pg-admin-announcements.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-announcements.ld-dark-mode 
.btn-primary, .pg-admin-announcements.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-announcements.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-announcements.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-announcements.ld-dark-mode 
h1, .pg-admin-announcements.ld-dark-mode h2, .pg-admin-announcements.ld-dark-mode h3, .pg-admin-announcements.ld-dark-mode h4, .pg-admin-announcements.ld-dark-mode h5, .pg-admin-announcements.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode 
.modal-content, .pg-admin-announcements.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .modal-header, .pg-admin-announcements.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-announcements.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-announcements.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_badges.php (pg-admin-badges) ============ */
.pg-admin-badges, .pg-admin-badges * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-badges { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-badges .admin-container { display:flex; min-height:100vh; }
.pg-admin-badges .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-badges .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-badges .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-badges .admin-nav { list-style:none; flex:1; }
.pg-admin-badges .admin-nav li { margin-bottom:8px; }
.pg-admin-badges .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-badges .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-badges .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-badges .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-badges .has-submenu.open .submenu { display:block; }
.pg-admin-badges .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-badges .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-badges .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-badges .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-badges .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-badges .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-badges .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-badges .page-title p { color:#666; }
.pg-admin-badges .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-badges .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-badges .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-badges .badges-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; flex-wrap:wrap; gap:16px; }
.pg-admin-badges .badges-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-badges .badges-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-badges .badges-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-badges .badges-table tr:last-child td { border-bottom:none; }
.pg-admin-badges .status-active { background:#ecfdf5; color:#065f46; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-badges .status-inactive { background:#fee2e2; color:#991b1b; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-badges .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-badges .modal.show { display:flex; }
.pg-admin-badges .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-badges .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-badges .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-badges .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-badges .form-group { margin-bottom:16px; }
.pg-admin-badges .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-badges .form-input, .pg-admin-badges .form-select, .pg-admin-badges .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-badges .form-textarea { min-height:80px; resize:vertical; }
.pg-admin-badges .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-badges .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-badges .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-badges .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-badges .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-badges .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
@media  (max-width:768px)  { .pg-admin-badges .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-badges .admin-main {margin-left:0;padding:20px;}
.pg-admin-badges .badges-table {display:block;overflow-x:auto;}
.pg-admin-badges .form-row {grid-template-columns:1fr;} }
.pg-admin-badges.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-badges.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-badges.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-badges.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-badges {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-badges, .pg-admin-badges {overflow-x:hidden;}
.pg-admin-badges {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-badges::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-badges .app, .pg-admin-badges .main, .pg-admin-badges .admin-main, .pg-admin-badges .admin-container, .pg-admin-badges .page-wrap, .pg-admin-badges .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-badges .edit-card, .pg-admin-badges .card, .pg-admin-badges .section-card, .pg-admin-badges .settings-section, .pg-admin-badges .stat-card, .pg-admin-badges .info-card, .pg-admin-badges .content-card, .pg-admin-badges .panel, .pg-admin-badges .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-badges .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-badges .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-badges .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-badges .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-badges .nav-item.active a, .pg-admin-badges .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-badges .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-badges .page-title h1 {color:#0f172a!important;}
.pg-admin-badges .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-badges .form-input, .pg-admin-badges .form-select, .pg-admin-badges .form-textarea, .pg-admin-badges input[type=text], .pg-admin-badges input[type=email], .pg-admin-badges input[type=password], .pg-admin-badges input[type=number], .pg-admin-badges input[type=date], .pg-admin-badges input[type=time], .pg-admin-badges input[type=tel], .pg-admin-badges textarea, .pg-admin-badges select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-badges .form-input::placeholder, .pg-admin-badges .form-textarea::placeholder, .pg-admin-badges input::placeholder, .pg-admin-badges textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-badges .form-input:focus, .pg-admin-badges .form-textarea:focus, .pg-admin-badges input:focus, .pg-admin-badges textarea:focus, .pg-admin-badges select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-badges select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-badges .form-label, .pg-admin-badges label {color:rgba(15,23,42,.7)!important;}
.pg-admin-badges .btn-primary, .pg-admin-badges button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-badges .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-badges .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-badges .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-badges .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-badges table {border-collapse:collapse;}
.pg-admin-badges th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-badges td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-badges tr:last-child td {border-bottom:none!important;}
.pg-admin-badges tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-badges .badge-success, .pg-admin-badges .status-active, .pg-admin-badges .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-badges .badge-danger, .pg-admin-badges .status-expired, .pg-admin-badges .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-badges .badge-warning, .pg-admin-badges .status-pending, .pg-admin-badges .status-Pending, .pg-admin-badges .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-badges .badge-primary, .pg-admin-badges .badge-info, .pg-admin-badges .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-badges .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-badges .alert-error, .pg-admin-badges .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-badges .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-badges h1, .pg-admin-badges h2, .pg-admin-badges h3, .pg-admin-badges h4, .pg-admin-badges h5, .pg-admin-badges h6 {color:#0f172a;}
.pg-admin-badges h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-badges .modal-content, .pg-admin-badges .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-badges .modal-header, .pg-admin-badges .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-badges .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-badges a {color:#38bdf8;}
.pg-admin-badges a:hover {color:#0f172a;}
.pg-admin-badges .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-badges .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-badges .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-badges .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-badges hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-badges .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-badges .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-badges .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-badges ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-badges ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-badges ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-badges.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode 
.edit-card, .pg-admin-badges.ld-dark-mode .card, .pg-admin-badges.ld-dark-mode .section-card, .pg-admin-badges.ld-dark-mode .settings-section, .pg-admin-badges.ld-dark-mode .stat-card, .pg-admin-badges.ld-dark-mode .info-card, .pg-admin-badges.ld-dark-mode .content-card, .pg-admin-badges.ld-dark-mode .panel, .pg-admin-badges.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-badges.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .nav-item.active a, .pg-admin-badges.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-badges.ld-dark-mode 
.form-input, .pg-admin-badges.ld-dark-mode .form-select, .pg-admin-badges.ld-dark-mode .form-textarea, .pg-admin-badges.ld-dark-mode input[type=text], .pg-admin-badges.ld-dark-mode input[type=email], .pg-admin-badges.ld-dark-mode input[type=password], .pg-admin-badges.ld-dark-mode input[type=number], .pg-admin-badges.ld-dark-mode input[type=date], .pg-admin-badges.ld-dark-mode input[type=time], .pg-admin-badges.ld-dark-mode input[type=tel], .pg-admin-badges.ld-dark-mode textarea, .pg-admin-badges.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .form-input::placeholder, .pg-admin-badges.ld-dark-mode .form-textarea::placeholder, .pg-admin-badges.ld-dark-mode input::placeholder, .pg-admin-badges.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-badges.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .form-label, .pg-admin-badges.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-badges.ld-dark-mode 
.btn-primary, .pg-admin-badges.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-badges.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-badges.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-badges.ld-dark-mode 
h1, .pg-admin-badges.ld-dark-mode h2, .pg-admin-badges.ld-dark-mode h3, .pg-admin-badges.ld-dark-mode h4, .pg-admin-badges.ld-dark-mode h5, .pg-admin-badges.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode 
.modal-content, .pg-admin-badges.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .modal-header, .pg-admin-badges.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-badges.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-badges.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_campaigns.php (pg-admin-campaigns) ============ */
.pg-admin-campaigns, .pg-admin-campaigns * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-campaigns { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-campaigns .admin-container { display:flex; min-height:100vh; }
.pg-admin-campaigns .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-campaigns .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-campaigns .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-campaigns .admin-nav { list-style:none; flex:1; }
.pg-admin-campaigns .admin-nav li { margin-bottom:8px; }
.pg-admin-campaigns .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-campaigns .admin-nav a:hover, .pg-admin-campaigns .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-campaigns .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-campaigns .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-campaigns .has-submenu.open .submenu { display:block; }
.pg-admin-campaigns .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-campaigns .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-campaigns .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-campaigns .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-campaigns .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-campaigns .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-campaigns .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-campaigns .page-title p { color:#666; }
.pg-admin-campaigns .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-campaigns .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-campaigns .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-campaigns .btn-success { background:#10b981; color:#0f172a; }
.pg-admin-campaigns .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-campaigns .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-campaigns .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-campaigns .card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; margin-bottom:32px; }
.pg-admin-campaigns .card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-campaigns .form-group { margin-bottom:20px; }
.pg-admin-campaigns .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-campaigns .form-input, .pg-admin-campaigns .form-select, .pg-admin-campaigns .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-campaigns .form-textarea { min-height:100px; resize:vertical; }
.pg-admin-campaigns .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-campaigns .campaigns-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; }
.pg-admin-campaigns .campaigns-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-campaigns .campaigns-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-campaigns .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-campaigns .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-campaigns .status-paused { background:#fef3c7; color:#92400e; }
.pg-admin-campaigns .status-completed { background:#e0f2fe; color:#0369a1; }
.pg-admin-campaigns .week-card { background:#fafafa; border-radius:12px; padding:16px; margin-bottom:16px; }
.pg-admin-campaigns .week-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; flex-wrap:wrap; gap:8px; }
.pg-admin-campaigns .week-number { font-weight:600; font-size:16px; }
.pg-admin-campaigns .tabs-container { display:flex; gap:8px; margin-bottom:24px; background: rgba(15,23,42,.04); padding:6px; border-radius:40px; border: 1.5px solid rgba(29,78,216,.25); width:fit-content; }
.pg-admin-campaigns .tab-btn { padding:10px 24px; border-radius:40px; cursor:pointer; font-weight:600; border:none; background:transparent; color:#666; font-size:14px; transition:all 0.2s; }
.pg-admin-campaigns .tab-btn:hover { background:#f0f0f0; }
.pg-admin-campaigns .tab-btn.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-campaigns .tab-pane { display:none; }
.pg-admin-campaigns .tab-pane.active { display:block; }
.pg-admin-campaigns .social-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; margin-top:20px; }
.pg-admin-campaigns .social-card { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; transition:all 0.2s; }
.pg-admin-campaigns .social-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-campaigns .social-media { height:200px; background:#f0f0f0; display:flex; align-items:center; justify-content:center; }
.pg-admin-campaigns .social-media img, .pg-admin-campaigns .social-media video { width:100%; height:100%; object-fit:cover; }
.pg-admin-campaigns .social-content { padding:20px; }
.pg-admin-campaigns .social-title { font-size:1.125rem; font-weight:600; margin-bottom:8px; }
.pg-admin-campaigns .social-description { color:#666; font-size:14px; margin-bottom:16px; }
.pg-admin-campaigns .social-meta { font-size:12px; color:#888; margin-bottom:12px; }
.pg-admin-campaigns .social-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.pg-admin-campaigns .share-btn { padding:8px 12px; border-radius:8px; font-size:13px; font-weight:500; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s; border:none; cursor:pointer; }
.pg-admin-campaigns .share-facebook { background:#1877f2; color:#0f172a; }
.pg-admin-campaigns .share-twitter { background:#1da1f2; color:#0f172a; }
.pg-admin-campaigns .share-whatsapp { background:#25d366; color:#0f172a; }
.pg-admin-campaigns .share-instagram { background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:#0f172a; }
.pg-admin-campaigns .share-link { background:#6b21a8; color:#0f172a; }
.pg-admin-campaigns .download-btn { background:#10b981; color:#0f172a; }
.pg-admin-campaigns .menu-toggle { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #0f172a; }
.pg-admin-campaigns .side-nav-close { display: none; position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 24px; color: #0f172a; cursor: pointer; z-index: 1001; }
@media  (max-width: 768px)  { .pg-admin-campaigns .admin-sidebar {
                transform: translateX(-100%);
                transition: transform 0.3s ease;
                z-index: 1000;
            }
.pg-admin-campaigns .admin-sidebar.open {
                transform: translateX(0);
            }
.pg-admin-campaigns .menu-toggle {
                display: block !important;
            }
.pg-admin-campaigns .side-nav-close {
                display: block !important;
            }
.pg-admin-campaigns .admin-main {
                margin-left: 0 !important;
            } }
.pg-admin-campaigns.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .admin-nav a:hover, .pg-admin-campaigns.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .tab-btn { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .tab-btn.active { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .social-description { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .social-meta { color: #cbd5e1 !important; }
.pg-admin-campaigns.ld-dark-mode .share-facebook { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .share-twitter { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .share-whatsapp { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .share-instagram { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .share-link { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .download-btn { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode 
        .menu-toggle { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }
.pg-admin-campaigns {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-campaigns, .pg-admin-campaigns {overflow-x:hidden;}
.pg-admin-campaigns {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-campaigns::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-campaigns .app, .pg-admin-campaigns .main, .pg-admin-campaigns .admin-main, .pg-admin-campaigns .admin-container, .pg-admin-campaigns .page-wrap, .pg-admin-campaigns .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-campaigns .edit-card, .pg-admin-campaigns .card, .pg-admin-campaigns .section-card, .pg-admin-campaigns .settings-section, .pg-admin-campaigns .stat-card, .pg-admin-campaigns .info-card, .pg-admin-campaigns .content-card, .pg-admin-campaigns .panel, .pg-admin-campaigns .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-campaigns .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-campaigns .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-campaigns .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-campaigns .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-campaigns .nav-item.active a, .pg-admin-campaigns .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-campaigns .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-campaigns .page-title h1 {color:#0f172a!important;}
.pg-admin-campaigns .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-campaigns .form-input, .pg-admin-campaigns .form-select, .pg-admin-campaigns .form-textarea, .pg-admin-campaigns input[type=text], .pg-admin-campaigns input[type=email], .pg-admin-campaigns input[type=password], .pg-admin-campaigns input[type=number], .pg-admin-campaigns input[type=date], .pg-admin-campaigns input[type=time], .pg-admin-campaigns input[type=tel], .pg-admin-campaigns textarea, .pg-admin-campaigns select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-campaigns .form-input::placeholder, .pg-admin-campaigns .form-textarea::placeholder, .pg-admin-campaigns input::placeholder, .pg-admin-campaigns textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-campaigns .form-input:focus, .pg-admin-campaigns .form-textarea:focus, .pg-admin-campaigns input:focus, .pg-admin-campaigns textarea:focus, .pg-admin-campaigns select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-campaigns select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-campaigns .form-label, .pg-admin-campaigns label {color:rgba(15,23,42,.7)!important;}
.pg-admin-campaigns .btn-primary, .pg-admin-campaigns button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-campaigns .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-campaigns .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-campaigns .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-campaigns .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-campaigns table {border-collapse:collapse;}
.pg-admin-campaigns th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-campaigns td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-campaigns tr:last-child td {border-bottom:none!important;}
.pg-admin-campaigns tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-campaigns .badge-success, .pg-admin-campaigns .status-active, .pg-admin-campaigns .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-campaigns .badge-danger, .pg-admin-campaigns .status-expired, .pg-admin-campaigns .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-campaigns .badge-warning, .pg-admin-campaigns .status-pending, .pg-admin-campaigns .status-Pending, .pg-admin-campaigns .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-campaigns .badge-primary, .pg-admin-campaigns .badge-info, .pg-admin-campaigns .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-campaigns .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-campaigns .alert-error, .pg-admin-campaigns .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-campaigns .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-campaigns h1, .pg-admin-campaigns h2, .pg-admin-campaigns h3, .pg-admin-campaigns h4, .pg-admin-campaigns h5, .pg-admin-campaigns h6 {color:#0f172a;}
.pg-admin-campaigns h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-campaigns .modal-content, .pg-admin-campaigns .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-campaigns .modal-header, .pg-admin-campaigns .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-campaigns .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-campaigns a {color:#38bdf8;}
.pg-admin-campaigns a:hover {color:#0f172a;}
.pg-admin-campaigns .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-campaigns .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-campaigns .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-campaigns .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-campaigns hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-campaigns .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-campaigns .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-campaigns .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-campaigns ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-campaigns ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-campaigns ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-campaigns.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode 
.edit-card, .pg-admin-campaigns.ld-dark-mode .card, .pg-admin-campaigns.ld-dark-mode .section-card, .pg-admin-campaigns.ld-dark-mode .settings-section, .pg-admin-campaigns.ld-dark-mode .stat-card, .pg-admin-campaigns.ld-dark-mode .info-card, .pg-admin-campaigns.ld-dark-mode .content-card, .pg-admin-campaigns.ld-dark-mode .panel, .pg-admin-campaigns.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-campaigns.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .nav-item.active a, .pg-admin-campaigns.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-campaigns.ld-dark-mode 
.form-input, .pg-admin-campaigns.ld-dark-mode .form-select, .pg-admin-campaigns.ld-dark-mode .form-textarea, .pg-admin-campaigns.ld-dark-mode input[type=text], .pg-admin-campaigns.ld-dark-mode input[type=email], .pg-admin-campaigns.ld-dark-mode input[type=password], .pg-admin-campaigns.ld-dark-mode input[type=number], .pg-admin-campaigns.ld-dark-mode input[type=date], .pg-admin-campaigns.ld-dark-mode input[type=time], .pg-admin-campaigns.ld-dark-mode input[type=tel], .pg-admin-campaigns.ld-dark-mode textarea, .pg-admin-campaigns.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .form-input::placeholder, .pg-admin-campaigns.ld-dark-mode .form-textarea::placeholder, .pg-admin-campaigns.ld-dark-mode input::placeholder, .pg-admin-campaigns.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-campaigns.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .form-label, .pg-admin-campaigns.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-campaigns.ld-dark-mode 
.btn-primary, .pg-admin-campaigns.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-campaigns.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-campaigns.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-campaigns.ld-dark-mode 
h1, .pg-admin-campaigns.ld-dark-mode h2, .pg-admin-campaigns.ld-dark-mode h3, .pg-admin-campaigns.ld-dark-mode h4, .pg-admin-campaigns.ld-dark-mode h5, .pg-admin-campaigns.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode 
.modal-content, .pg-admin-campaigns.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .modal-header, .pg-admin-campaigns.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-campaigns.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-campaigns.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_companies.php (pg-admin-companies) ============ */
.pg-admin-companies, .pg-admin-companies * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-companies { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-companies .admin-container { display:flex; min-height:100vh; }
.pg-admin-companies .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-companies .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-companies .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-companies .admin-nav { list-style:none; flex:1; }
.pg-admin-companies .admin-nav li { margin-bottom:8px; }
.pg-admin-companies .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-companies .admin-nav a:hover, .pg-admin-companies .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-companies .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-companies .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-companies .has-submenu.open .submenu { display:block; }
.pg-admin-companies .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-companies .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-companies .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-companies .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-companies .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-companies .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-companies .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-companies .page-title p { color:#666; }
.pg-admin-companies .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-companies .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-companies .btn-primary:hover { background:#e2e8f0; }
.pg-admin-companies .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-companies .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-companies .btn-danger:hover { background:#dc2626; }
.pg-admin-companies .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; justify-content:space-between; align-items:center; }
.pg-admin-companies .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-companies .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-companies .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-companies .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.pg-admin-companies .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-companies .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-companies .stat-label { color:#666; font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-companies .search-section { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; }
.pg-admin-companies .search-box { display:flex; gap:12px; flex-wrap:wrap; }
.pg-admin-companies .search-input, .pg-admin-companies .filter-select { padding:12px 16px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; flex:1; min-width:150px; }
.pg-admin-companies .search-input:focus, .pg-admin-companies .filter-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-companies .search-results { margin-top:12px; font-size:13px; color:#666; }
.pg-admin-companies .companies-table-container { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; }
.pg-admin-companies .table-header { padding:16px 20px; border-bottom:1px solid #eaeaea; background:#fafafa; }
.pg-admin-companies .table-header h2 { font-size:16px; font-weight:600; }
.pg-admin-companies .companies-table { width:100%; border-collapse:collapse; }
.pg-admin-companies .companies-table th { text-align:left; padding:14px 16px; background: #ffffff; font-weight:600; font-size:12px; color:#666; border-bottom:1px solid #eaeaea; }
.pg-admin-companies .companies-table td { padding:14px 16px; border-bottom:1px solid #eaeaea; font-size:13px; vertical-align:top; }
.pg-admin-companies .companies-table tr:hover { background:#fafafa; }
.pg-admin-companies .company-name { font-weight:600; margin-bottom:4px; }
.pg-admin-companies .company-email { font-size:12px; color:#666; }
.pg-admin-companies .status-badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-companies .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-companies .status-trial { background:#fef3c7; color:#92400e; }
.pg-admin-companies .status-expired { background:#fee2e2; color:#991b1b; }
.pg-admin-companies .status-suspended { background:#f1f5f9; color:#475569; }
.pg-admin-companies .target-progress-group { margin-top:8px; }
.pg-admin-companies .target-progress-item { margin-bottom:6px; }
.pg-admin-companies .target-label { font-size:10px; font-weight:500; color:#666; margin-bottom:2px; }
.pg-admin-companies .progress-bar-small { height:4px; background:#e2e8f0; border-radius:4px; overflow:hidden; margin:2px 0; }
.pg-admin-companies .progress-fill-small { height:100%; border-radius:4px; transition:width 0.3s; }
.pg-admin-companies .progress-fill-sales { background:#3b82f6; }
.pg-admin-companies .progress-fill-autoship { background:#f59e0b; }
.pg-admin-companies .progress-fill-joined { background:#10b981; }
.pg-admin-companies .target-percent-text { font-size:10px; color:#64748b; margin-top:2px; display:block; }
.pg-admin-companies .action-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.pg-admin-companies .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; transition:all0/**/.2s; }
.pg-admin-companies .btn-icon.view { background:#e0f2fe; border-color:#7dd3fc; color:#0369a1; }
.pg-admin-companies .btn-icon.edit { background:#fef3c7; border-color:#fde68a; color:#92400e; }
.pg-admin-companies .btn-icon.delete { background:#fee2e2; border-color:#fecaca; color:#991b1b; }
.pg-admin-companies .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-companies .modal.show { display:flex; }
.pg-admin-companies .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-companies .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-companies .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-companies .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-companies .form-group { margin-bottom:20px; }
.pg-admin-companies .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-companies .form-input, .pg-admin-companies .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-companies .form-input:focus, .pg-admin-companies .form-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-companies .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-companies .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-companies .empty-state { text-align:center; padding:60px 20px; }
.pg-admin-companies .empty-state span { font-size:48px; display:block; margin-bottom:16px; opacity:0.5; }
.pg-admin-companies .empty-state h3 { font-size:20px; margin-bottom:8px; }
.pg-admin-companies .empty-state p { color:#888; }
@media  (max-width:1024px)  { .pg-admin-companies .stats-grid { grid-template-columns:1fr; } }
@media  (max-width:768px)  { .pg-admin-companies .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-companies .admin-main {margin-left:0;padding:20px;}
.pg-admin-companies .stats-grid {grid-template-columns:1fr;}
.pg-admin-companies .companies-table {display:block;overflow-x:auto;}
.pg-admin-companies .form-row {grid-template-columns:1fr;} }
.pg-admin-companies.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .admin-nav a:hover, .pg-admin-companies.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .search-results { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .companies-table th { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .company-email { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .status-suspended { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .target-label { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .target-percent-text { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-companies.ld-dark-mode .empty-state p { color: #cbd5e1 !important; }
.pg-admin-companies {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-companies, .pg-admin-companies {overflow-x:hidden;}
.pg-admin-companies {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-companies::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-companies .app, .pg-admin-companies .main, .pg-admin-companies .admin-main, .pg-admin-companies .admin-container, .pg-admin-companies .page-wrap, .pg-admin-companies .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-companies .edit-card, .pg-admin-companies .card, .pg-admin-companies .section-card, .pg-admin-companies .settings-section, .pg-admin-companies .stat-card, .pg-admin-companies .info-card, .pg-admin-companies .content-card, .pg-admin-companies .panel, .pg-admin-companies .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-companies .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-companies .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-companies .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-companies .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-companies .nav-item.active a, .pg-admin-companies .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-companies .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-companies .page-title h1 {color:#0f172a!important;}
.pg-admin-companies .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-companies .form-input, .pg-admin-companies .form-select, .pg-admin-companies .form-textarea, .pg-admin-companies input[type=text], .pg-admin-companies input[type=email], .pg-admin-companies input[type=password], .pg-admin-companies input[type=number], .pg-admin-companies input[type=date], .pg-admin-companies input[type=time], .pg-admin-companies input[type=tel], .pg-admin-companies textarea, .pg-admin-companies select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-companies .form-input::placeholder, .pg-admin-companies .form-textarea::placeholder, .pg-admin-companies input::placeholder, .pg-admin-companies textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-companies .form-input:focus, .pg-admin-companies .form-textarea:focus, .pg-admin-companies input:focus, .pg-admin-companies textarea:focus, .pg-admin-companies select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-companies select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-companies .form-label, .pg-admin-companies label {color:rgba(15,23,42,.7)!important;}
.pg-admin-companies .btn-primary, .pg-admin-companies button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-companies .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-companies .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-companies .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-companies .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-companies table {border-collapse:collapse;}
.pg-admin-companies th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-companies td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-companies tr:last-child td {border-bottom:none!important;}
.pg-admin-companies tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-companies .badge-success, .pg-admin-companies .status-active, .pg-admin-companies .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-companies .badge-danger, .pg-admin-companies .status-expired, .pg-admin-companies .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-companies .badge-warning, .pg-admin-companies .status-pending, .pg-admin-companies .status-Pending, .pg-admin-companies .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-companies .badge-primary, .pg-admin-companies .badge-info, .pg-admin-companies .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-companies .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-companies .alert-error, .pg-admin-companies .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-companies .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-companies h1, .pg-admin-companies h2, .pg-admin-companies h3, .pg-admin-companies h4, .pg-admin-companies h5, .pg-admin-companies h6 {color:#0f172a;}
.pg-admin-companies h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-companies .modal-content, .pg-admin-companies .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-companies .modal-header, .pg-admin-companies .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-companies .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-companies a {color:#38bdf8;}
.pg-admin-companies a:hover {color:#0f172a;}
.pg-admin-companies .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-companies .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-companies .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-companies .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-companies hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-companies .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-companies .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-companies .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-companies ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-companies ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-companies ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-companies.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode 
.edit-card, .pg-admin-companies.ld-dark-mode .card, .pg-admin-companies.ld-dark-mode .section-card, .pg-admin-companies.ld-dark-mode .settings-section, .pg-admin-companies.ld-dark-mode .stat-card, .pg-admin-companies.ld-dark-mode .info-card, .pg-admin-companies.ld-dark-mode .content-card, .pg-admin-companies.ld-dark-mode .panel, .pg-admin-companies.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-companies.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .nav-item.active a, .pg-admin-companies.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-companies.ld-dark-mode 
.form-input, .pg-admin-companies.ld-dark-mode .form-select, .pg-admin-companies.ld-dark-mode .form-textarea, .pg-admin-companies.ld-dark-mode input[type=text], .pg-admin-companies.ld-dark-mode input[type=email], .pg-admin-companies.ld-dark-mode input[type=password], .pg-admin-companies.ld-dark-mode input[type=number], .pg-admin-companies.ld-dark-mode input[type=date], .pg-admin-companies.ld-dark-mode input[type=time], .pg-admin-companies.ld-dark-mode input[type=tel], .pg-admin-companies.ld-dark-mode textarea, .pg-admin-companies.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .form-input::placeholder, .pg-admin-companies.ld-dark-mode .form-textarea::placeholder, .pg-admin-companies.ld-dark-mode input::placeholder, .pg-admin-companies.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-companies.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .form-label, .pg-admin-companies.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-companies.ld-dark-mode 
.btn-primary, .pg-admin-companies.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-companies.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-companies.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-companies.ld-dark-mode 
h1, .pg-admin-companies.ld-dark-mode h2, .pg-admin-companies.ld-dark-mode h3, .pg-admin-companies.ld-dark-mode h4, .pg-admin-companies.ld-dark-mode h5, .pg-admin-companies.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode 
.modal-content, .pg-admin-companies.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .modal-header, .pg-admin-companies.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-companies.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-companies.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_company_detail.php (pg-admin-company-detail) ============ */
.pg-admin-company-detail, .pg-admin-company-detail * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-admin-company-detail {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
        }
.pg-admin-company-detail .admin-container {
            display: flex;
            min-height: 100vh;
        }
.pg-admin-company-detail .admin-sidebar {
            width: 260px;
            background: #e2e8f0;
            color: #0f172a;
            padding: 24px 20px;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
        }
.pg-admin-company-detail .admin-main {
            flex: 1;
            margin-left: 260px;
            padding: 24px;
        }
.pg-admin-company-detail .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-admin-company-detail .page-title h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-company-detail .page-title p {
            color: #666;
            font-size: 14px;
        }
.pg-admin-company-detail .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
.pg-admin-company-detail .stat-card {
            background: rgba(15,23,42,.03);
            padding: 20px;
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-company-detail .stat-value {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-company-detail .stat-label {
            color: #666;
            font-size: 12px;
            text-transform: uppercase;
        }
.pg-admin-company-detail .leaders-table {
            width: 100%;
            background: rgba(15,23,42,.03);
            border-radius: 12px;
            border: 1px solid rgba(29,78,216,.2);
            border-collapse: collapse;
            overflow: hidden;
        }
.pg-admin-company-detail .leaders-table th {
            text-align: left;
            padding: 12px 16px;
            background: #ffffff;
            font-weight: 600;
            font-size: 12px;
            color: #666;
            border-bottom: 1px solid #eaeaea;
        }
.pg-admin-company-detail .leaders-table td {
            padding: 12px 16px;
            border-bottom: 1px solid #eaeaea;
            font-size: 13px;
        }
.pg-admin-company-detail .status-badge {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
            display: inline-block;
        }
.pg-admin-company-detail .status-active {
            background: #ecfdf5;
            color: #065f46;
        }
.pg-admin-company-detail .status-inactive {
            background: #fef2f2;
            color: #991b1b;
        }
.pg-admin-company-detail .empty-state {
            text-align: center;
            padding: 50px 20px;
            color: #888;
        }
.pg-admin-company-detail .btn {
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 500;
            font-size: 13px;
            cursor: pointer;
            border: none;
            background: #e2e8f0;
            color: #0f172a;
            text-decoration: none;
            display: inline-block;
        }
.pg-admin-company-detail .btn-outline {
            background: transparent;
            border: 1px solid rgba(29,78,216,.2);
            color: #0f172a;
        }
@media  (max-width: 768px)  { .pg-admin-company-detail .admin-sidebar {
                transform: translateX(-100%);
            }
.pg-admin-company-detail .admin-main {
                margin-left: 0;
                padding: 16px;
            }
.pg-admin-company-detail .leaders-table {
                min-width: 800px;
                overflow-x: auto;
                display: block;
            } }
.pg-admin-company-detail.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-company-detail.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-company-detail.ld-dark-mode .leaders-table th { color: #cbd5e1 !important; }
.pg-admin-company-detail.ld-dark-mode .empty-state { color: #cbd5e1 !important; }
.pg-admin-company-detail.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-company-detail {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-company-detail, .pg-admin-company-detail {overflow-x:hidden;}
.pg-admin-company-detail {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-company-detail::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-company-detail .app, .pg-admin-company-detail .main, .pg-admin-company-detail .admin-main, .pg-admin-company-detail .admin-container, .pg-admin-company-detail .page-wrap, .pg-admin-company-detail .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-company-detail .edit-card, .pg-admin-company-detail .card, .pg-admin-company-detail .section-card, .pg-admin-company-detail .settings-section, .pg-admin-company-detail .stat-card, .pg-admin-company-detail .info-card, .pg-admin-company-detail .content-card, .pg-admin-company-detail .panel, .pg-admin-company-detail .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-company-detail .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-company-detail .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-company-detail .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-company-detail .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-company-detail .nav-item.active a, .pg-admin-company-detail .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-company-detail .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-company-detail .page-title h1 {color:#0f172a!important;}
.pg-admin-company-detail .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-company-detail .form-input, .pg-admin-company-detail .form-select, .pg-admin-company-detail .form-textarea, .pg-admin-company-detail input[type=text], .pg-admin-company-detail input[type=email], .pg-admin-company-detail input[type=password], .pg-admin-company-detail input[type=number], .pg-admin-company-detail input[type=date], .pg-admin-company-detail input[type=time], .pg-admin-company-detail input[type=tel], .pg-admin-company-detail textarea, .pg-admin-company-detail select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-company-detail .form-input::placeholder, .pg-admin-company-detail .form-textarea::placeholder, .pg-admin-company-detail input::placeholder, .pg-admin-company-detail textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-company-detail .form-input:focus, .pg-admin-company-detail .form-textarea:focus, .pg-admin-company-detail input:focus, .pg-admin-company-detail textarea:focus, .pg-admin-company-detail select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-company-detail select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-company-detail .form-label, .pg-admin-company-detail label {color:rgba(15,23,42,.7)!important;}
.pg-admin-company-detail .btn-primary, .pg-admin-company-detail button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-company-detail .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-company-detail .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-company-detail .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-company-detail .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-company-detail table {border-collapse:collapse;}
.pg-admin-company-detail th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-company-detail td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-company-detail tr:last-child td {border-bottom:none!important;}
.pg-admin-company-detail tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-company-detail .badge-success, .pg-admin-company-detail .status-active, .pg-admin-company-detail .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-company-detail .badge-danger, .pg-admin-company-detail .status-expired, .pg-admin-company-detail .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-company-detail .badge-warning, .pg-admin-company-detail .status-pending, .pg-admin-company-detail .status-Pending, .pg-admin-company-detail .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-company-detail .badge-primary, .pg-admin-company-detail .badge-info, .pg-admin-company-detail .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-company-detail .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-company-detail .alert-error, .pg-admin-company-detail .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-company-detail .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-company-detail h1, .pg-admin-company-detail h2, .pg-admin-company-detail h3, .pg-admin-company-detail h4, .pg-admin-company-detail h5, .pg-admin-company-detail h6 {color:#0f172a;}
.pg-admin-company-detail h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-company-detail .modal-content, .pg-admin-company-detail .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-company-detail .modal-header, .pg-admin-company-detail .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-company-detail .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-company-detail a {color:#38bdf8;}
.pg-admin-company-detail a:hover {color:#0f172a;}
.pg-admin-company-detail .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-company-detail .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-company-detail .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-company-detail .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-company-detail hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-company-detail .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-company-detail .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-company-detail .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-company-detail ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-company-detail ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-company-detail ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-company-detail.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode 
.edit-card, .pg-admin-company-detail.ld-dark-mode .card, .pg-admin-company-detail.ld-dark-mode .section-card, .pg-admin-company-detail.ld-dark-mode .settings-section, .pg-admin-company-detail.ld-dark-mode .stat-card, .pg-admin-company-detail.ld-dark-mode .info-card, .pg-admin-company-detail.ld-dark-mode .content-card, .pg-admin-company-detail.ld-dark-mode .panel, .pg-admin-company-detail.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-company-detail.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .nav-item.active a, .pg-admin-company-detail.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-company-detail.ld-dark-mode 
.form-input, .pg-admin-company-detail.ld-dark-mode .form-select, .pg-admin-company-detail.ld-dark-mode .form-textarea, .pg-admin-company-detail.ld-dark-mode input[type=text], .pg-admin-company-detail.ld-dark-mode input[type=email], .pg-admin-company-detail.ld-dark-mode input[type=password], .pg-admin-company-detail.ld-dark-mode input[type=number], .pg-admin-company-detail.ld-dark-mode input[type=date], .pg-admin-company-detail.ld-dark-mode input[type=time], .pg-admin-company-detail.ld-dark-mode input[type=tel], .pg-admin-company-detail.ld-dark-mode textarea, .pg-admin-company-detail.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .form-input::placeholder, .pg-admin-company-detail.ld-dark-mode .form-textarea::placeholder, .pg-admin-company-detail.ld-dark-mode input::placeholder, .pg-admin-company-detail.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-company-detail.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .form-label, .pg-admin-company-detail.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-company-detail.ld-dark-mode 
.btn-primary, .pg-admin-company-detail.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-company-detail.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-company-detail.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-company-detail.ld-dark-mode 
h1, .pg-admin-company-detail.ld-dark-mode h2, .pg-admin-company-detail.ld-dark-mode h3, .pg-admin-company-detail.ld-dark-mode h4, .pg-admin-company-detail.ld-dark-mode h5, .pg-admin-company-detail.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode 
.modal-content, .pg-admin-company-detail.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .modal-header, .pg-admin-company-detail.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-company-detail.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-company-detail.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_credit_wallet.php (pg-admin-credit-wallet) ============ */
.pg-admin-credit-wallet, .pg-admin-credit-wallet * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-credit-wallet { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-credit-wallet .admin-container { display:flex; min-height:100vh; }
.pg-admin-credit-wallet .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-credit-wallet .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-credit-wallet .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-credit-wallet .admin-nav { list-style:none; flex:1; }
.pg-admin-credit-wallet .admin-nav li { margin-bottom:8px; }
.pg-admin-credit-wallet .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-credit-wallet .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-credit-wallet .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-credit-wallet .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-credit-wallet .has-submenu.open .submenu { display:block; }
.pg-admin-credit-wallet .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-credit-wallet .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-credit-wallet .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-credit-wallet .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-credit-wallet .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-credit-wallet .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-credit-wallet .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-credit-wallet .page-title p { color:#666; }
.pg-admin-credit-wallet .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-credit-wallet .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-credit-wallet .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-credit-wallet .credit-form { max-width:500px; margin:0 auto; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:32px; }
.pg-admin-credit-wallet .form-group { margin-bottom:24px; }
.pg-admin-credit-wallet .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-credit-wallet .form-input, .pg-admin-credit-wallet .form-select, .pg-admin-credit-wallet .form-textarea { width:100%; padding:12px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; font-family:inherit; }
.pg-admin-credit-wallet .form-input:focus, .pg-admin-credit-wallet .form-select:focus, .pg-admin-credit-wallet .form-textarea:focus { outline:none; border-color: #0f172a; }
.pg-admin-credit-wallet .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-credit-wallet .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-credit-wallet .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-credit-wallet .balance-preview { background: rgba(15,23,42,.03); padding:16px; border-radius:12px; margin-bottom:24px; text-align:center; font-size:14px; border-left:3px solid #e2e8f0; }
@media  (max-width:768px)  { .pg-admin-credit-wallet .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-credit-wallet .admin-main {margin-left:0;padding:20px;}
.pg-admin-credit-wallet .credit-form {margin:0;} }
.pg-admin-credit-wallet.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-credit-wallet.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-credit-wallet {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-credit-wallet, .pg-admin-credit-wallet {overflow-x:hidden;}
.pg-admin-credit-wallet {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-credit-wallet::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-credit-wallet .app, .pg-admin-credit-wallet .main, .pg-admin-credit-wallet .admin-main, .pg-admin-credit-wallet .admin-container, .pg-admin-credit-wallet .page-wrap, .pg-admin-credit-wallet .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-credit-wallet .edit-card, .pg-admin-credit-wallet .card, .pg-admin-credit-wallet .section-card, .pg-admin-credit-wallet .settings-section, .pg-admin-credit-wallet .stat-card, .pg-admin-credit-wallet .info-card, .pg-admin-credit-wallet .content-card, .pg-admin-credit-wallet .panel, .pg-admin-credit-wallet .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-credit-wallet .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-credit-wallet .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-credit-wallet .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-credit-wallet .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-credit-wallet .nav-item.active a, .pg-admin-credit-wallet .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-credit-wallet .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-credit-wallet .page-title h1 {color:#0f172a!important;}
.pg-admin-credit-wallet .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-credit-wallet .form-input, .pg-admin-credit-wallet .form-select, .pg-admin-credit-wallet .form-textarea, .pg-admin-credit-wallet input[type=text], .pg-admin-credit-wallet input[type=email], .pg-admin-credit-wallet input[type=password], .pg-admin-credit-wallet input[type=number], .pg-admin-credit-wallet input[type=date], .pg-admin-credit-wallet input[type=time], .pg-admin-credit-wallet input[type=tel], .pg-admin-credit-wallet textarea, .pg-admin-credit-wallet select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-credit-wallet .form-input::placeholder, .pg-admin-credit-wallet .form-textarea::placeholder, .pg-admin-credit-wallet input::placeholder, .pg-admin-credit-wallet textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-credit-wallet .form-input:focus, .pg-admin-credit-wallet .form-textarea:focus, .pg-admin-credit-wallet input:focus, .pg-admin-credit-wallet textarea:focus, .pg-admin-credit-wallet select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-credit-wallet select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-credit-wallet .form-label, .pg-admin-credit-wallet label {color:rgba(15,23,42,.7)!important;}
.pg-admin-credit-wallet .btn-primary, .pg-admin-credit-wallet button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-credit-wallet .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-credit-wallet .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-credit-wallet .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-credit-wallet .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-credit-wallet table {border-collapse:collapse;}
.pg-admin-credit-wallet th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-credit-wallet td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-credit-wallet tr:last-child td {border-bottom:none!important;}
.pg-admin-credit-wallet tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-credit-wallet .badge-success, .pg-admin-credit-wallet .status-active, .pg-admin-credit-wallet .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-credit-wallet .badge-danger, .pg-admin-credit-wallet .status-expired, .pg-admin-credit-wallet .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-credit-wallet .badge-warning, .pg-admin-credit-wallet .status-pending, .pg-admin-credit-wallet .status-Pending, .pg-admin-credit-wallet .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-credit-wallet .badge-primary, .pg-admin-credit-wallet .badge-info, .pg-admin-credit-wallet .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-credit-wallet .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-credit-wallet .alert-error, .pg-admin-credit-wallet .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-credit-wallet .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-credit-wallet h1, .pg-admin-credit-wallet h2, .pg-admin-credit-wallet h3, .pg-admin-credit-wallet h4, .pg-admin-credit-wallet h5, .pg-admin-credit-wallet h6 {color:#0f172a;}
.pg-admin-credit-wallet h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-credit-wallet .modal-content, .pg-admin-credit-wallet .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-credit-wallet .modal-header, .pg-admin-credit-wallet .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-credit-wallet .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-credit-wallet a {color:#38bdf8;}
.pg-admin-credit-wallet a:hover {color:#0f172a;}
.pg-admin-credit-wallet .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-credit-wallet .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-credit-wallet .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-credit-wallet .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-credit-wallet hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-credit-wallet .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-credit-wallet .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-credit-wallet .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-credit-wallet ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-credit-wallet ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-credit-wallet ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-credit-wallet.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode 
.edit-card, .pg-admin-credit-wallet.ld-dark-mode .card, .pg-admin-credit-wallet.ld-dark-mode .section-card, .pg-admin-credit-wallet.ld-dark-mode .settings-section, .pg-admin-credit-wallet.ld-dark-mode .stat-card, .pg-admin-credit-wallet.ld-dark-mode .info-card, .pg-admin-credit-wallet.ld-dark-mode .content-card, .pg-admin-credit-wallet.ld-dark-mode .panel, .pg-admin-credit-wallet.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-credit-wallet.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .nav-item.active a, .pg-admin-credit-wallet.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-credit-wallet.ld-dark-mode 
.form-input, .pg-admin-credit-wallet.ld-dark-mode .form-select, .pg-admin-credit-wallet.ld-dark-mode .form-textarea, .pg-admin-credit-wallet.ld-dark-mode input[type=text], .pg-admin-credit-wallet.ld-dark-mode input[type=email], .pg-admin-credit-wallet.ld-dark-mode input[type=password], .pg-admin-credit-wallet.ld-dark-mode input[type=number], .pg-admin-credit-wallet.ld-dark-mode input[type=date], .pg-admin-credit-wallet.ld-dark-mode input[type=time], .pg-admin-credit-wallet.ld-dark-mode input[type=tel], .pg-admin-credit-wallet.ld-dark-mode textarea, .pg-admin-credit-wallet.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .form-input::placeholder, .pg-admin-credit-wallet.ld-dark-mode .form-textarea::placeholder, .pg-admin-credit-wallet.ld-dark-mode input::placeholder, .pg-admin-credit-wallet.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-credit-wallet.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .form-label, .pg-admin-credit-wallet.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-credit-wallet.ld-dark-mode 
.btn-primary, .pg-admin-credit-wallet.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-credit-wallet.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-credit-wallet.ld-dark-mode 
h1, .pg-admin-credit-wallet.ld-dark-mode h2, .pg-admin-credit-wallet.ld-dark-mode h3, .pg-admin-credit-wallet.ld-dark-mode h4, .pg-admin-credit-wallet.ld-dark-mode h5, .pg-admin-credit-wallet.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode 
.modal-content, .pg-admin-credit-wallet.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .modal-header, .pg-admin-credit-wallet.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-credit-wallet.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-credit-wallet.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_dashboard.php (pg-admin-dashboard) ============ */
.pg-admin-dashboard .admin-main {
            overflow-x: hidden;
            max-width: 100%;
        }
.pg-admin-dashboard .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: 100%;
        }
.pg-admin-dashboard table {
            min-width: 600px;
        }
.pg-admin-dashboard .stats-grid, .pg-admin-dashboard .company-stats-grid, .pg-admin-dashboard .chart-grid {
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        }
.pg-admin-dashboard .conversion-card {
            background: linear-gradient(135deg,rgba(29,78,216,.15),rgba(56,189,248,.08));
            border-left: 4px solid #f59e0b;
        }
.pg-admin-dashboard .conversion-card .stat-value {
            color: #b45309;
        }
.pg-admin-dashboard .cascaded-target-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .cascaded-target-card {
            background: rgba(15,23,42,.03);
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 20px;
            border-left: 4px solid;
            transition: transform 0.2s;
        }
.pg-admin-dashboard .cascaded-target-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        }
.pg-admin-dashboard .cascaded-target-card.sales { border-left-color: #3b82f6; }
.pg-admin-dashboard .cascaded-target-card.autoship { border-left-color: #f59e0b; }
.pg-admin-dashboard .cascaded-target-card.joined { border-left-color: #10b981; }
.pg-admin-dashboard .cascaded-target-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 8px;
        }
.pg-admin-dashboard .cascaded-target-title {
            font-size: 14px;
            font-weight: 600;
            color: #475569;
        }
.pg-admin-dashboard .cascaded-target-values {
            font-size: 14px;
            font-weight: 500;
        }
.pg-admin-dashboard .cascaded-progress-bar {
            margin: 12px 0;
            height: 8px;
            background: rgba(15,23,42,.08);
            border-radius: 4px;
            overflow: hidden;
        }
.pg-admin-dashboard .cascaded-progress-fill {
            height: 100%;
            border-radius: 4px;
            transition: width 0.3s;
        }
.pg-admin-dashboard .cascaded-progress-fill.sales { background: #3b82f6; }
.pg-admin-dashboard .cascaded-progress-fill.autoship { background: #f59e0b; }
.pg-admin-dashboard .cascaded-progress-fill.joined { background: #10b981; }
.pg-admin-dashboard .cascaded-target-percent {
            text-align: right;
            font-size: 12px;
            font-weight: 600;
            margin-top: 8px;
        }
.pg-admin-dashboard .progress-small {
            width: 80px;
            height: 6px;
            background: rgba(15,23,42,.08);
            border-radius: 3px;
            overflow: hidden;
            display: inline-block;
            margin-left: 8px;
        }
.pg-admin-dashboard .progress-small-fill {
            height: 100%;
            background: #10b981;
            border-radius: 3px;
        }
.pg-admin-dashboard, .pg-admin-dashboard * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-admin-dashboard {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-admin-dashboard .admin-container {
            display: flex;
            min-height: 100vh;
        }
.pg-admin-dashboard .admin-sidebar {
            width: 280px;
            background: linear-gradient(135deg,#38bdf8,#1d4ed8);
            color: #0f172a;
            padding: 32px 24px;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
        }
.pg-admin-dashboard .admin-logo {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 40px;
            padding-bottom: 24px;
            border-bottom: 1px solid #e2e8f0;
        }
.pg-admin-dashboard .admin-logo span {
            color: #ef4444;
            font-size: 12px;
            margin-left: 8px;
            background: #e2e8f0;
            padding: 4px 8px;
            border-radius: 100px;
        }
.pg-admin-dashboard .admin-nav {
            list-style: none;
            flex: 1;
        }
.pg-admin-dashboard .admin-nav li {
            margin-bottom: 8px;
        }
.pg-admin-dashboard .admin-nav a {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            color: #999;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.2s;
            gap: 12px;
        }
.pg-admin-dashboard .admin-nav a:hover {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-admin-dashboard .admin-nav a.active {
            background: #e2e8f0;
            color: #0f172a;
            border-left: 3px solid #ef4444;
        }
.pg-admin-dashboard .back-to-app {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
        }
.pg-admin-dashboard .back-to-app a {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #ef4444;
            text-decoration: none;
            padding: 12px 16px;
            border-radius: 8px;
            transition: all 0.2s;
        }
.pg-admin-dashboard .back-to-app a:hover {
            background: #e2e8f0;
        }
.pg-admin-dashboard .admin-main {
            flex: 1;
            margin-left: 280px;
            padding: 32px;
        }
.pg-admin-dashboard .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-dashboard .page-title h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-admin-dashboard .page-title p {
            color: #666;
        }
.pg-admin-dashboard .admin-badge {
            background: #ef4444;
            color: #0f172a;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 600;
        }
.pg-admin-dashboard .alert {
            padding: 16px 20px;
            border-radius: 12px;
            margin-bottom: 24px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-admin-dashboard-slideDown 0.3s ease-out;
        }
.pg-admin-dashboard .alert-success {
            background: #ecfdf5;
            color: #065f46;
            border: 1px solid #a7f3d0;
        }
.pg-admin-dashboard .alert-error {
            background: #fef2f2;
            color: #991b1b;
            border: 1px solid #fecaca;
        }
.pg-admin-dashboard .alert-close {
            background: none;
            border: none;
            font-size: 18px;
            cursor: pointer;
            color: inherit;
            opacity: 0.5;
        }
.pg-admin-dashboard .alert-close:hover {
            opacity: 1;
        }
.pg-admin-dashboard .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .stat-card {
            background: rgba(15,23,42,.03);
            padding: 24px;
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
            transition: transform 0.2s;
        }
.pg-admin-dashboard .stat-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        }
.pg-admin-dashboard .stat-label {
            color: #666;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
        }
.pg-admin-dashboard .stat-value {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .stat-sub {
            font-size: 13px;
            color: #888;
        }
.pg-admin-dashboard .company-stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .chart-container {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .chart-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
.pg-admin-dashboard .chart-header h2 {
            font-size: 18px;
            font-weight: 600;
        }
.pg-admin-dashboard .chart-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }
.pg-admin-dashboard .chart-item {
            text-align: center;
            padding: 16px;
            border-radius: 12px;
        }
.pg-admin-dashboard .chart-item.active {
            background: #ecfdf5;
        }
.pg-admin-dashboard .chart-item.trial {
            background: #fef3c7;
        }
.pg-admin-dashboard .chart-item.expired {
            background: #fee2e2;
        }
.pg-admin-dashboard .chart-item.suspended {
            background: rgba(15,23,42,.04);
        }
.pg-admin-dashboard .chart-number {
            font-size: 36px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .chart-label {
            font-size: 14px;
            color: #666;
        }
.pg-admin-dashboard .companies-section {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .companies-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-admin-dashboard .companies-table th {
            text-align: left;
            padding: 16px 12px;
            background: #ffffff;
            font-weight: 600;
            font-size: 13px;
            border-radius: 8px 8px 0 0;
        }
.pg-admin-dashboard .companies-table td {
            padding: 16px 12px;
            border-bottom: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-dashboard .company-name {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .company-email {
            font-size: 12px;
            color: #666;
        }
.pg-admin-dashboard .leaderboard-preview {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .leaderboard-preview h2 {
            font-size: 18px;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-admin-dashboard .filter-bar {
            display: flex;
            gap: 16px;
            margin-bottom: 20px;
            flex-wrap: wrap;
            align-items: flex-end;
        }
.pg-admin-dashboard .filter-group {
            flex: 1;
            min-width: 180px;
        }
.pg-admin-dashboard .filter-label {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .filter-select {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid rgba(29,78,216,.2);
            border-radius: 8px;
            font-size: 14px;
            background: rgba(15,23,42,.03);
        }
.pg-admin-dashboard .btn-filter {
            padding: 10px 20px;
            background: linear-gradient(135deg,#38bdf8,#1d4ed8);
            color: #0f172a;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
        }
.pg-admin-dashboard .btn-filter:hover {
            background: #e2e8f0;
        }
.pg-admin-dashboard .btn-reset {
            padding: 10px 20px;
            background: transparent;
            border: 1px solid rgba(29,78,216,.2);
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
            color: #0f172a;
            display: inline-block;
        }
.pg-admin-dashboard .btn-reset:hover {
            background: #ffffff;
        }
.pg-admin-dashboard .preview-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-admin-dashboard .preview-table th {
            text-align: left;
            padding: 12px 16px;
            background: #ffffff;
            font-weight: 600;
            font-size: 12px;
            color: #666;
            border-bottom: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-dashboard .preview-table td {
            padding: 12px 16px;
            border-bottom: 1px solid rgba(29,78,216,.2);
            font-size: 13px;
        }
.pg-admin-dashboard .rank-badge-small {
            display: inline-block;
            width: 28px;
            height: 28px;
            background: #f0f0f0;
            border-radius: 50%;
            text-align: center;
            line-height: 28px;
            font-size: 12px;
            font-weight: 600;
        }
.pg-admin-dashboard .rank-1-small {
            background: #fbbf24;
            color: #0f172a;
        }
.pg-admin-dashboard .rank-2-small {
            background: #94a3b8;
            color: #0f172a;
        }
.pg-admin-dashboard .rank-3-small {
            background: #b45309;
            color: #0f172a;
        }
.pg-admin-dashboard .leader-name {
            font-weight: 500;
        }
.pg-admin-dashboard .leader-score {
            font-weight: 600;
            color: #f59e0b;
        }
.pg-admin-dashboard .teams-section {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-admin-dashboard .section-header h2 {
            font-size: 18px;
            font-weight: 600;
        }
.pg-admin-dashboard .filter-tabs {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
.pg-admin-dashboard .filter-tab {
            padding: 6px 12px;
            border-radius: 100px;
            border: 1px solid rgba(29,78,216,.2);
            background: rgba(15,23,42,.03);
            cursor: pointer;
            font-size: 13px;
            transition: all 0.2s;
        }
.pg-admin-dashboard .filter-tab:hover {
            background: #ffffff;
        }
.pg-admin-dashboard .filter-tab.active {
            background: linear-gradient(135deg,#38bdf8,#1d4ed8);
            color: #0f172a;
            border-color: #0f172a;
        }
.pg-admin-dashboard .teams-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-admin-dashboard .teams-table th {
            text-align: left;
            padding: 16px 12px;
            background: #ffffff;
            font-weight: 600;
            font-size: 13px;
            border-radius: 8px 8px 0 0;
        }
.pg-admin-dashboard .teams-table td {
            padding: 16px 12px;
            border-bottom: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-dashboard .team-name {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .team-email {
            font-size: 12px;
            color: #666;
        }
.pg-admin-dashboard .status-badge {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
            display: inline-block;
        }
.pg-admin-dashboard .status-active {
            background: #ecfdf5;
            color: #065f46;
        }
.pg-admin-dashboard .status-trial {
            background: #fef3c7;
            color: #92400e;
        }
.pg-admin-dashboard .status-expired {
            background: #fee2e2;
            color: #991b1b;
        }
.pg-admin-dashboard .status-suspended {
            background: rgba(15,23,42,.04);
            color: #475569;
        }
.pg-admin-dashboard .status-select {
            padding: 8px;
            border: 1px solid rgba(29,78,216,.2);
            border-radius: 8px;
            font-size: 13px;
            margin-right: 8px;
        }
.pg-admin-dashboard .btn-update {
            background: linear-gradient(135deg,#38bdf8,#1d4ed8);
            color: #0f172a;
            border: none;
            padding: 8px 12px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 500;
        }
.pg-admin-dashboard .btn-update:hover {
            background: #e2e8f0;
        }
.pg-admin-dashboard .btn-extend {
            background: #fef3c7;
            color: #92400e;
            border: none;
            padding: 6px 10px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 11px;
            margin-left: 4px;
        }
.pg-admin-dashboard .btn-extend:hover {
            background: #fde68a;
        }
.pg-admin-dashboard .announcement-section {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .announcement-form {
            max-width: 600px;
        }
.pg-admin-dashboard .form-group {
            margin-bottom: 20px;
        }
.pg-admin-dashboard .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-admin-dashboard .form-input, .pg-admin-dashboard .form-select, .pg-admin-dashboard .form-textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1.5px solid rgba(29,78,216,.2);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
            font-family: "Inter", sans-serif;
        }
.pg-admin-dashboard .form-input:focus, .pg-admin-dashboard .form-select:focus, .pg-admin-dashboard .form-textarea:focus {
            outline: none;
            border-color: #0f172a;
        }
.pg-admin-dashboard .form-textarea {
            min-height: 120px;
            resize: vertical;
        }
.pg-admin-dashboard .btn {
            padding: 12px 24px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
        }
.pg-admin-dashboard .btn-primary {
            background: linear-gradient(135deg,#38bdf8,#1d4ed8);
            color: #0f172a;
        }
.pg-admin-dashboard .btn-primary:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
        }
.pg-admin-dashboard .btn-danger {
            background: #ef4444;
            color: #0f172a;
        }
.pg-admin-dashboard .btn-danger:hover {
            background: #dc2626;
        }
.pg-admin-dashboard .activity-list {
            list-style: none;
        }
.pg-admin-dashboard .activity-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px 0;
            border-bottom: 1px solid #f0f0f0;
        }
.pg-admin-dashboard .activity-icon {
            width: 40px;
            height: 40px;
            background: #f0f0f0;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
.pg-admin-dashboard .activity-content {
            flex: 1;
        }
.pg-admin-dashboard .activity-title {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .activity-meta {
            font-size: 13px;
            color: #888;
        }
.pg-admin-dashboard .team-tag {
            background: #f0f0f0;
            padding: 2px 8px;
            border-radius: 100px;
            font-size: 11px;
            margin-left: 8px;
        }
.pg-admin-dashboard .empty-state {
            text-align: center;
            padding: 60px 20px;
            color: #888;
        }
.pg-admin-dashboard .empty-state span {
            font-size: 48px;
            display: block;
            margin-bottom: 16px;
            opacity: 0.5;
        }
.pg-admin-dashboard .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-admin-dashboard .modal.show {
            display: flex;
        }
.pg-admin-dashboard .modal-content {
            background: rgba(15,23,42,.03);
            border-radius: 24px;
            padding: 32px;
            max-width: 400px;
            width: 90%;
            animation: pg-admin-dashboard-modalSlideIn 0.3s ease-out;
        }
.pg-admin-dashboard .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
.pg-admin-dashboard .modal-header h3 {
            font-size: 20px;
            font-weight: 600;
        }
.pg-admin-dashboard .modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #888;
        }
.pg-admin-dashboard .modal-close:hover {
            color: #0f172a;
        }
.pg-admin-dashboard .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 24px;
        }
.pg-admin-dashboard .quick-actions {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 32px;
        }
.pg-admin-dashboard .quick-action-card {
            background: rgba(15,23,42,.03);
            padding: 24px;
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
            text-align: center;
            text-decoration: none;
            color: #0f172a;
            transition: all 0.2s;
        }
.pg-admin-dashboard .quick-action-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
            border-color: #0f172a;
        }
.pg-admin-dashboard .quick-action-icon {
            font-size: 32px;
            margin-bottom: 12px;
        }
.pg-admin-dashboard .quick-action-title {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-admin-dashboard .quick-action-desc {
            font-size: 12px;
            color: #666;
        }
@keyframes pg-admin-dashboard-slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@keyframes pg-admin-dashboard-modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@media  (max-width: 1024px)  { .pg-admin-dashboard .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
.pg-admin-dashboard .company-stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
.pg-admin-dashboard .chart-grid {
                grid-template-columns: repeat(2, 1fr);
            }
.pg-admin-dashboard .quick-actions {
                grid-template-columns: repeat(2, 1fr);
            }
.pg-admin-dashboard .cascaded-target-grid {
                grid-template-columns: repeat(2, 1fr);
            } }
@media  (max-width: 768px)  { .pg-admin-dashboard .admin-sidebar {
                transform: translateX(-100%);
                z-index: 1000;
                transition: transform 0.3s;
            }
.pg-admin-dashboard .admin-sidebar.open {
                transform: translateX(0);
            }
.pg-admin-dashboard .admin-main {
                margin-left: 0;
                padding: 20px;
            }
.pg-admin-dashboard .stats-grid, .pg-admin-dashboard .company-stats-grid {
                grid-template-columns: 1fr;
            }
.pg-admin-dashboard .chart-grid {
                grid-template-columns: 1fr;
            }
.pg-admin-dashboard .quick-actions {
                grid-template-columns: 1fr;
            }
.pg-admin-dashboard .cascaded-target-grid {
                grid-template-columns: 1fr;
            }
.pg-admin-dashboard .teams-table, .pg-admin-dashboard .companies-table, .pg-admin-dashboard .preview-table {
                display: block;
                overflow-x: auto;
            }
.pg-admin-dashboard .section-header {
                flex-direction: column;
                align-items: flex-start;
            }
.pg-admin-dashboard .filter-bar {
                flex-direction: column;
                align-items: stretch;
            } }
.pg-admin-dashboard.ld-dark-mode .cascaded-target-title { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .admin-badge { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .stat-sub { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .chart-label { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .company-email { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-filter { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-reset { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .preview-table th { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .rank-1-small { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .rank-2-small { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .rank-3-small { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .filter-tab.active { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .team-email { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .status-suspended { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-update { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .activity-meta { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .empty-state { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-dashboard.ld-dark-mode .modal-close:hover { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .quick-action-card { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .quick-action-desc { color: #cbd5e1 !important; }
.pg-admin-dashboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-dashboard, .pg-admin-dashboard {overflow-x:hidden;}
.pg-admin-dashboard {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-dashboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-dashboard .app, .pg-admin-dashboard .main, .pg-admin-dashboard .admin-main, .pg-admin-dashboard .admin-container, .pg-admin-dashboard .page-wrap, .pg-admin-dashboard .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-dashboard .edit-card, .pg-admin-dashboard .card, .pg-admin-dashboard .section-card, .pg-admin-dashboard .settings-section, .pg-admin-dashboard .stat-card, .pg-admin-dashboard .info-card, .pg-admin-dashboard .content-card, .pg-admin-dashboard .panel, .pg-admin-dashboard .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-dashboard .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-dashboard .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-dashboard .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-dashboard .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-dashboard .nav-item.active a, .pg-admin-dashboard .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-dashboard .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-dashboard .page-title h1 {color:#0f172a!important;}
.pg-admin-dashboard .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-dashboard .form-input, .pg-admin-dashboard .form-select, .pg-admin-dashboard .form-textarea, .pg-admin-dashboard input[type=text], .pg-admin-dashboard input[type=email], .pg-admin-dashboard input[type=password], .pg-admin-dashboard input[type=number], .pg-admin-dashboard input[type=date], .pg-admin-dashboard input[type=time], .pg-admin-dashboard input[type=tel], .pg-admin-dashboard textarea, .pg-admin-dashboard select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-dashboard .form-input::placeholder, .pg-admin-dashboard .form-textarea::placeholder, .pg-admin-dashboard input::placeholder, .pg-admin-dashboard textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-dashboard .form-input:focus, .pg-admin-dashboard .form-textarea:focus, .pg-admin-dashboard input:focus, .pg-admin-dashboard textarea:focus, .pg-admin-dashboard select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-dashboard select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-dashboard .form-label, .pg-admin-dashboard label {color:rgba(15,23,42,.7)!important;}
.pg-admin-dashboard .btn-primary, .pg-admin-dashboard button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-dashboard .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-dashboard .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-dashboard .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-dashboard .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-dashboard table {border-collapse:collapse;}
.pg-admin-dashboard th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-dashboard td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-dashboard tr:last-child td {border-bottom:none!important;}
.pg-admin-dashboard tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-dashboard .badge-success, .pg-admin-dashboard .status-active, .pg-admin-dashboard .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-dashboard .badge-danger, .pg-admin-dashboard .status-expired, .pg-admin-dashboard .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-dashboard .badge-warning, .pg-admin-dashboard .status-pending, .pg-admin-dashboard .status-Pending, .pg-admin-dashboard .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-dashboard .badge-primary, .pg-admin-dashboard .badge-info, .pg-admin-dashboard .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-dashboard .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-dashboard .alert-error, .pg-admin-dashboard .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-dashboard .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-dashboard h1, .pg-admin-dashboard h2, .pg-admin-dashboard h3, .pg-admin-dashboard h4, .pg-admin-dashboard h5, .pg-admin-dashboard h6 {color:#0f172a;}
.pg-admin-dashboard h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-dashboard .modal-content, .pg-admin-dashboard .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-dashboard .modal-header, .pg-admin-dashboard .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-dashboard .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-dashboard a {color:#38bdf8;}
.pg-admin-dashboard a:hover {color:#0f172a;}
.pg-admin-dashboard .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-dashboard .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-dashboard .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-dashboard .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-dashboard hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-dashboard .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-dashboard .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-dashboard .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-dashboard ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-dashboard ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-dashboard ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode 
.edit-card, .pg-admin-dashboard.ld-dark-mode .card, .pg-admin-dashboard.ld-dark-mode .section-card, .pg-admin-dashboard.ld-dark-mode .settings-section, .pg-admin-dashboard.ld-dark-mode .stat-card, .pg-admin-dashboard.ld-dark-mode .info-card, .pg-admin-dashboard.ld-dark-mode .content-card, .pg-admin-dashboard.ld-dark-mode .panel, .pg-admin-dashboard.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-dashboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .nav-item.active a, .pg-admin-dashboard.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-dashboard.ld-dark-mode 
.form-input, .pg-admin-dashboard.ld-dark-mode .form-select, .pg-admin-dashboard.ld-dark-mode .form-textarea, .pg-admin-dashboard.ld-dark-mode input[type=text], .pg-admin-dashboard.ld-dark-mode input[type=email], .pg-admin-dashboard.ld-dark-mode input[type=password], .pg-admin-dashboard.ld-dark-mode input[type=number], .pg-admin-dashboard.ld-dark-mode input[type=date], .pg-admin-dashboard.ld-dark-mode input[type=time], .pg-admin-dashboard.ld-dark-mode input[type=tel], .pg-admin-dashboard.ld-dark-mode textarea, .pg-admin-dashboard.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .form-input::placeholder, .pg-admin-dashboard.ld-dark-mode .form-textarea::placeholder, .pg-admin-dashboard.ld-dark-mode input::placeholder, .pg-admin-dashboard.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-dashboard.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .form-label, .pg-admin-dashboard.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-dashboard.ld-dark-mode 
.btn-primary, .pg-admin-dashboard.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-dashboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-dashboard.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-dashboard.ld-dark-mode 
h1, .pg-admin-dashboard.ld-dark-mode h2, .pg-admin-dashboard.ld-dark-mode h3, .pg-admin-dashboard.ld-dark-mode h4, .pg-admin-dashboard.ld-dark-mode h5, .pg-admin-dashboard.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode 
.modal-content, .pg-admin-dashboard.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .modal-header, .pg-admin-dashboard.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-dashboard.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-dashboard.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_deduct_points.php (pg-admin-deduct-points) ============ */
.pg-admin-deduct-points, .pg-admin-deduct-points * {box-sizing:border-box;margin:0;padding:0;}
.pg-admin-deduct-points {font-family:"Inter",sans-serif;background:#ffffff;color:#0f172a;min-height:100vh;}
.pg-admin-deduct-points .admin-container {display:flex;min-height:100vh;}
.pg-admin-deduct-points .admin-main {flex:1;margin-left:280px;padding:2rem;max-width:900px;}
.pg-admin-deduct-points h1 {font-size:1.75rem;font-weight:800;margin-bottom:.25rem;color:#0f172a;}
.pg-admin-deduct-points .subtitle {color:rgba(15,23,42,.5);font-size:.875rem;margin-bottom:2rem;}
.pg-admin-deduct-points .card {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.2);border-radius:20px;padding:1.75rem;margin-bottom:1.5rem;}
.pg-admin-deduct-points .card h2 {font-size:1rem;font-weight:700;margin-bottom:1.25rem;color:rgba(15,23,42,.8);}
.pg-admin-deduct-points .form-group {margin-bottom:1.1rem;}
.pg-admin-deduct-points label {display:block;font-size:.8rem;font-weight:600;color:rgba(15,23,42,.6);margin-bottom:.375rem;}
.pg-admin-deduct-points select, .pg-admin-deduct-points input[type=text], .pg-admin-deduct-points input[type=number], .pg-admin-deduct-points textarea {
    width:100%;padding:.75rem 1rem;
    background:rgba(15,23,42,.06);border:1.5px solid rgba(29,78,216,.25);
    border-radius:12px;color:#0f172a;font-family:inherit;font-size:.9rem;outline:none;
    transition:border-color .18s;
}
.pg-admin-deduct-points select:focus, .pg-admin-deduct-points input:focus, .pg-admin-deduct-points textarea:focus {border-color:#1d4ed8;}
.pg-admin-deduct-points select option {background:#f1f5f9;}
.pg-admin-deduct-points .warning-box {
    background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);
    border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.25rem;
    font-size:.875rem;color:#ef4444;line-height:1.6;
}
.pg-admin-deduct-points .warning-box strong {font-weight:800;}
.pg-admin-deduct-points .confirm-row {display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;
    background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);
    border-radius:12px;padding:.875rem 1rem;}
.pg-admin-deduct-points .confirm-row input[type=checkbox] {width:18px;height:18px;accent-color:#ef4444;flex-shrink:0;}
.pg-admin-deduct-points .confirm-row label {font-size:.875rem;color:rgba(15,23,42,.8);margin:0;font-weight:600;}
.pg-admin-deduct-points .btn-deduct {
    width:100%;padding:.875rem;border-radius:100px;
    background:linear-gradient(135deg,#dc2626,#ef4444);
    border:none;color:#0f172a;font-weight:800;font-size:1rem;
    cursor:pointer;font-family:inherit;transition:opacity .18s;
}
.pg-admin-deduct-points .btn-deduct:hover {opacity:.85;}
.pg-admin-deduct-points .alert-ok {background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:1rem 1.25rem;color:#10b981;font-size:.9rem;margin-bottom:1.25rem;}
.pg-admin-deduct-points .alert-err {background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:1rem 1.25rem;color:#ef4444;font-size:.9rem;margin-bottom:1.25rem;}
.pg-admin-deduct-points table {width:100%;border-collapse:collapse;font-size:.8rem;}
.pg-admin-deduct-points th {padding:.625rem .875rem;text-align:left;color:rgba(15,23,42,.4);font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em;border-bottom:1px solid rgba(15,23,42,.06);}
.pg-admin-deduct-points td {padding:.625rem .875rem;border-bottom:1px solid rgba(15,23,42,.04);color:rgba(15,23,42,.7);}
.pg-admin-deduct-points .pts-badge {display:inline-flex;align-items:center;gap:.25rem;background:rgba(239,68,68,.15);color:#ef4444;padding:2px 8px;border-radius:100px;font-weight:700;font-size:.75rem;}
.pg-admin-deduct-points #userScoreInfo {font-size:.8rem;color:rgba(15,23,42,.5);margin-top:.375rem;min-height:1.2em;}
@media (max-width:768px) { .pg-admin-deduct-points .admin-main {margin-left:0;padding:1rem;} }
.pg-admin-deduct-points.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode h1 { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .subtitle { color: rgba(255,255,255,.5) !important; }
.pg-admin-deduct-points.ld-dark-mode .card h2 { color: rgba(255,255,255,.8) !important; }
.pg-admin-deduct-points.ld-dark-mode label { color: rgba(255,255,255,.6) !important; }
.pg-admin-deduct-points.ld-dark-mode select, .pg-admin-deduct-points.ld-dark-mode input[type=text], .pg-admin-deduct-points.ld-dark-mode input[type=number], .pg-admin-deduct-points.ld-dark-mode textarea { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .confirm-row label { color: rgba(255,255,255,.8) !important; }
.pg-admin-deduct-points.ld-dark-mode .btn-deduct { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode th { color: rgba(255,255,255,.4) !important; }
.pg-admin-deduct-points.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-deduct-points.ld-dark-mode #userScoreInfo { color: rgba(255,255,255,.5) !important; }
.pg-admin-deduct-points {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-deduct-points, .pg-admin-deduct-points {overflow-x:hidden;}
.pg-admin-deduct-points {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-deduct-points::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-deduct-points .app, .pg-admin-deduct-points .main, .pg-admin-deduct-points .admin-main, .pg-admin-deduct-points .admin-container, .pg-admin-deduct-points .page-wrap, .pg-admin-deduct-points .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-deduct-points .edit-card, .pg-admin-deduct-points .card, .pg-admin-deduct-points .section-card, .pg-admin-deduct-points .settings-section, .pg-admin-deduct-points .stat-card, .pg-admin-deduct-points .info-card, .pg-admin-deduct-points .content-card, .pg-admin-deduct-points .panel, .pg-admin-deduct-points .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-deduct-points .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-deduct-points .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-deduct-points .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-deduct-points .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-deduct-points .nav-item.active a, .pg-admin-deduct-points .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-deduct-points .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-deduct-points .page-title h1 {color:#0f172a!important;}
.pg-admin-deduct-points .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-deduct-points .form-input, .pg-admin-deduct-points .form-select, .pg-admin-deduct-points .form-textarea, .pg-admin-deduct-points input[type=text], .pg-admin-deduct-points input[type=email], .pg-admin-deduct-points input[type=password], .pg-admin-deduct-points input[type=number], .pg-admin-deduct-points input[type=date], .pg-admin-deduct-points input[type=time], .pg-admin-deduct-points input[type=tel], .pg-admin-deduct-points textarea, .pg-admin-deduct-points select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-deduct-points .form-input::placeholder, .pg-admin-deduct-points .form-textarea::placeholder, .pg-admin-deduct-points input::placeholder, .pg-admin-deduct-points textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-deduct-points .form-input:focus, .pg-admin-deduct-points .form-textarea:focus, .pg-admin-deduct-points input:focus, .pg-admin-deduct-points textarea:focus, .pg-admin-deduct-points select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-deduct-points select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-deduct-points .form-label, .pg-admin-deduct-points label {color:rgba(15,23,42,.7)!important;}
.pg-admin-deduct-points .btn-primary, .pg-admin-deduct-points button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-deduct-points .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-deduct-points .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-deduct-points .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-deduct-points .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-deduct-points table {border-collapse:collapse;}
.pg-admin-deduct-points th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-deduct-points td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-deduct-points tr:last-child td {border-bottom:none!important;}
.pg-admin-deduct-points tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-deduct-points .badge-success, .pg-admin-deduct-points .status-active, .pg-admin-deduct-points .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-deduct-points .badge-danger, .pg-admin-deduct-points .status-expired, .pg-admin-deduct-points .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-deduct-points .badge-warning, .pg-admin-deduct-points .status-pending, .pg-admin-deduct-points .status-Pending, .pg-admin-deduct-points .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-deduct-points .badge-primary, .pg-admin-deduct-points .badge-info, .pg-admin-deduct-points .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-deduct-points .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-deduct-points .alert-error, .pg-admin-deduct-points .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-deduct-points .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-deduct-points h1, .pg-admin-deduct-points h2, .pg-admin-deduct-points h3, .pg-admin-deduct-points h4, .pg-admin-deduct-points h5, .pg-admin-deduct-points h6 {color:#0f172a;}
.pg-admin-deduct-points h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-deduct-points .modal-content, .pg-admin-deduct-points .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-deduct-points .modal-header, .pg-admin-deduct-points .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-deduct-points .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-deduct-points a {color:#38bdf8;}
.pg-admin-deduct-points a:hover {color:#0f172a;}
.pg-admin-deduct-points .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-deduct-points .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-deduct-points .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-deduct-points .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-deduct-points hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-deduct-points .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-deduct-points .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-deduct-points .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-deduct-points ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-deduct-points ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-deduct-points ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-deduct-points.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode 
.edit-card, .pg-admin-deduct-points.ld-dark-mode .card, .pg-admin-deduct-points.ld-dark-mode .section-card, .pg-admin-deduct-points.ld-dark-mode .settings-section, .pg-admin-deduct-points.ld-dark-mode .stat-card, .pg-admin-deduct-points.ld-dark-mode .info-card, .pg-admin-deduct-points.ld-dark-mode .content-card, .pg-admin-deduct-points.ld-dark-mode .panel, .pg-admin-deduct-points.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-deduct-points.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .nav-item.active a, .pg-admin-deduct-points.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-deduct-points.ld-dark-mode 
.form-input, .pg-admin-deduct-points.ld-dark-mode .form-select, .pg-admin-deduct-points.ld-dark-mode .form-textarea, .pg-admin-deduct-points.ld-dark-mode input[type=text], .pg-admin-deduct-points.ld-dark-mode input[type=email], .pg-admin-deduct-points.ld-dark-mode input[type=password], .pg-admin-deduct-points.ld-dark-mode input[type=number], .pg-admin-deduct-points.ld-dark-mode input[type=date], .pg-admin-deduct-points.ld-dark-mode input[type=time], .pg-admin-deduct-points.ld-dark-mode input[type=tel], .pg-admin-deduct-points.ld-dark-mode textarea, .pg-admin-deduct-points.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .form-input::placeholder, .pg-admin-deduct-points.ld-dark-mode .form-textarea::placeholder, .pg-admin-deduct-points.ld-dark-mode input::placeholder, .pg-admin-deduct-points.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-deduct-points.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .form-label, .pg-admin-deduct-points.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-deduct-points.ld-dark-mode 
.btn-primary, .pg-admin-deduct-points.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-deduct-points.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-deduct-points.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-deduct-points.ld-dark-mode 
h1, .pg-admin-deduct-points.ld-dark-mode h2, .pg-admin-deduct-points.ld-dark-mode h3, .pg-admin-deduct-points.ld-dark-mode h4, .pg-admin-deduct-points.ld-dark-mode h5, .pg-admin-deduct-points.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode 
.modal-content, .pg-admin-deduct-points.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .modal-header, .pg-admin-deduct-points.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-deduct-points.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-deduct-points.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leader_badges.php (pg-admin-leader-badges) ============ */
.pg-admin-leader-badges, .pg-admin-leader-badges * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leader-badges { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-leader-badges .admin-container { display:flex; min-height:100vh; }
.pg-admin-leader-badges .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leader-badges .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leader-badges .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leader-badges .admin-nav { list-style:none; flex:1; }
.pg-admin-leader-badges .admin-nav li { margin-bottom:8px; }
.pg-admin-leader-badges .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leader-badges .admin-nav a:hover, .pg-admin-leader-badges .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leader-badges .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leader-badges .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leader-badges .has-submenu.open .submenu { display:block; }
.pg-admin-leader-badges .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leader-badges .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leader-badges .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leader-badges .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leader-badges .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leader-badges .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leader-badges .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leader-badges .page-title p { color:#666; }
.pg-admin-leader-badges .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leader-badges .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leader-badges .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leader-badges .filter-bar { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; }
.pg-admin-leader-badges .filter-form { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.pg-admin-leader-badges .filter-group { flex:1; min-width:150px; }
.pg-admin-leader-badges .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-leader-badges .filter-select, .pg-admin-leader-badges .filter-input { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; background: rgba(15,23,42,.04); }
.pg-admin-leader-badges .awards-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leader-badges .awards-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leader-badges .awards-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-leader-badges .awards-table tr:last-child td { border-bottom:none; }
.pg-admin-leader-badges .badge-icon { font-size:24px; display:inline-block; margin-right:8px; vertical-align:middle; }
.pg-admin-leader-badges .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leader-badges .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-leader-badges .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leader-badges .admin-main {margin-left:0;padding:20px;}
.pg-admin-leader-badges .filter-form {flex-direction:column;}
.pg-admin-leader-badges .awards-table {display:block;overflow-x:auto;} }
.pg-admin-leader-badges.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leader-badges.ld-dark-mode .admin-nav a:hover, .pg-admin-leader-badges.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-leader-badges {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leader-badges, .pg-admin-leader-badges {overflow-x:hidden;}
.pg-admin-leader-badges {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leader-badges::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leader-badges .app, .pg-admin-leader-badges .main, .pg-admin-leader-badges .admin-main, .pg-admin-leader-badges .admin-container, .pg-admin-leader-badges .page-wrap, .pg-admin-leader-badges .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leader-badges .edit-card, .pg-admin-leader-badges .card, .pg-admin-leader-badges .section-card, .pg-admin-leader-badges .settings-section, .pg-admin-leader-badges .stat-card, .pg-admin-leader-badges .info-card, .pg-admin-leader-badges .content-card, .pg-admin-leader-badges .panel, .pg-admin-leader-badges .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leader-badges .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leader-badges .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leader-badges .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leader-badges .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leader-badges .nav-item.active a, .pg-admin-leader-badges .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leader-badges .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leader-badges .page-title h1 {color:#0f172a!important;}
.pg-admin-leader-badges .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leader-badges .form-input, .pg-admin-leader-badges .form-select, .pg-admin-leader-badges .form-textarea, .pg-admin-leader-badges input[type=text], .pg-admin-leader-badges input[type=email], .pg-admin-leader-badges input[type=password], .pg-admin-leader-badges input[type=number], .pg-admin-leader-badges input[type=date], .pg-admin-leader-badges input[type=time], .pg-admin-leader-badges input[type=tel], .pg-admin-leader-badges textarea, .pg-admin-leader-badges select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leader-badges .form-input::placeholder, .pg-admin-leader-badges .form-textarea::placeholder, .pg-admin-leader-badges input::placeholder, .pg-admin-leader-badges textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leader-badges .form-input:focus, .pg-admin-leader-badges .form-textarea:focus, .pg-admin-leader-badges input:focus, .pg-admin-leader-badges textarea:focus, .pg-admin-leader-badges select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leader-badges select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leader-badges .form-label, .pg-admin-leader-badges label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leader-badges .btn-primary, .pg-admin-leader-badges button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-badges .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leader-badges .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-badges .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-badges .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-badges table {border-collapse:collapse;}
.pg-admin-leader-badges th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leader-badges td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leader-badges tr:last-child td {border-bottom:none!important;}
.pg-admin-leader-badges tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leader-badges .badge-success, .pg-admin-leader-badges .status-active, .pg-admin-leader-badges .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leader-badges .badge-danger, .pg-admin-leader-badges .status-expired, .pg-admin-leader-badges .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leader-badges .badge-warning, .pg-admin-leader-badges .status-pending, .pg-admin-leader-badges .status-Pending, .pg-admin-leader-badges .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leader-badges .badge-primary, .pg-admin-leader-badges .badge-info, .pg-admin-leader-badges .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leader-badges .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leader-badges .alert-error, .pg-admin-leader-badges .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leader-badges .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leader-badges h1, .pg-admin-leader-badges h2, .pg-admin-leader-badges h3, .pg-admin-leader-badges h4, .pg-admin-leader-badges h5, .pg-admin-leader-badges h6 {color:#0f172a;}
.pg-admin-leader-badges h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leader-badges .modal-content, .pg-admin-leader-badges .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leader-badges .modal-header, .pg-admin-leader-badges .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leader-badges .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leader-badges a {color:#38bdf8;}
.pg-admin-leader-badges a:hover {color:#0f172a;}
.pg-admin-leader-badges .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leader-badges .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leader-badges .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leader-badges .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leader-badges hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leader-badges .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leader-badges .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leader-badges .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leader-badges ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leader-badges ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leader-badges ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leader-badges.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode 
.edit-card, .pg-admin-leader-badges.ld-dark-mode .card, .pg-admin-leader-badges.ld-dark-mode .section-card, .pg-admin-leader-badges.ld-dark-mode .settings-section, .pg-admin-leader-badges.ld-dark-mode .stat-card, .pg-admin-leader-badges.ld-dark-mode .info-card, .pg-admin-leader-badges.ld-dark-mode .content-card, .pg-admin-leader-badges.ld-dark-mode .panel, .pg-admin-leader-badges.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leader-badges.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .nav-item.active a, .pg-admin-leader-badges.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leader-badges.ld-dark-mode 
.form-input, .pg-admin-leader-badges.ld-dark-mode .form-select, .pg-admin-leader-badges.ld-dark-mode .form-textarea, .pg-admin-leader-badges.ld-dark-mode input[type=text], .pg-admin-leader-badges.ld-dark-mode input[type=email], .pg-admin-leader-badges.ld-dark-mode input[type=password], .pg-admin-leader-badges.ld-dark-mode input[type=number], .pg-admin-leader-badges.ld-dark-mode input[type=date], .pg-admin-leader-badges.ld-dark-mode input[type=time], .pg-admin-leader-badges.ld-dark-mode input[type=tel], .pg-admin-leader-badges.ld-dark-mode textarea, .pg-admin-leader-badges.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .form-input::placeholder, .pg-admin-leader-badges.ld-dark-mode .form-textarea::placeholder, .pg-admin-leader-badges.ld-dark-mode input::placeholder, .pg-admin-leader-badges.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leader-badges.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .form-label, .pg-admin-leader-badges.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-badges.ld-dark-mode 
.btn-primary, .pg-admin-leader-badges.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leader-badges.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-badges.ld-dark-mode 
h1, .pg-admin-leader-badges.ld-dark-mode h2, .pg-admin-leader-badges.ld-dark-mode h3, .pg-admin-leader-badges.ld-dark-mode h4, .pg-admin-leader-badges.ld-dark-mode h5, .pg-admin-leader-badges.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode 
.modal-content, .pg-admin-leader-badges.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .modal-header, .pg-admin-leader-badges.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leader-badges.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-badges.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leader_wallets.php (pg-admin-leader-wallets) ============ */
.pg-admin-leader-wallets, .pg-admin-leader-wallets * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leader-wallets { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-leader-wallets .admin-container { display:flex; min-height:100vh; }
.pg-admin-leader-wallets .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leader-wallets .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leader-wallets .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leader-wallets .admin-nav { list-style:none; flex:1; }
.pg-admin-leader-wallets .admin-nav li { margin-bottom:8px; }
.pg-admin-leader-wallets .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leader-wallets .admin-nav a:hover, .pg-admin-leader-wallets .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leader-wallets .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leader-wallets .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leader-wallets .has-submenu.open .submenu { display:block; }
.pg-admin-leader-wallets .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leader-wallets .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leader-wallets .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leader-wallets .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leader-wallets .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leader-wallets .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leader-wallets .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leader-wallets .page-title p { color:#666; }
.pg-admin-leader-wallets .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leader-wallets .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leader-wallets .btn-primary:hover { background:#e2e8f0; transform:translateY(-2px); }
.pg-admin-leader-wallets .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leader-wallets .btn-outline:hover { background: #ffffff; }
.pg-admin-leader-wallets .btn-warning { background:#f59e0b; color:#0f172a; }
.pg-admin-leader-wallets .btn-warning:hover { background:#d97706; }
.pg-admin-leader-wallets .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-leader-wallets .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-leader-wallets .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-leader-wallets .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-leader-wallets .stats-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:32px; }
.pg-admin-leader-wallets .stat-card { background: rgba(15,23,42,.04); padding:20px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); text-align:center; }
.pg-admin-leader-wallets .stat-value { font-size:28px; font-weight:700; color: #0f172a; }
.pg-admin-leader-wallets .stat-label { font-size:13px; color:#666; margin-top:4px; }
.pg-admin-leader-wallets .wallets-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leader-wallets .wallets-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leader-wallets .wallets-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; vertical-align:middle; }
.pg-admin-leader-wallets .status-active { color:#065f46; background:#ecfdf5; display:inline-block; padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-leader-wallets .status-suspended { color:#991b1b; background:#fee2e2; display:inline-block; padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-leader-wallets .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-leader-wallets .modal.show { display:flex; }
.pg-admin-leader-wallets .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-leader-wallets .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-leader-wallets .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-leader-wallets .modal-close { background:none; border:none; font-size:28px; cursor:pointer; color:#888; }
.pg-admin-leader-wallets .form-group { margin-bottom:20px; }
.pg-admin-leader-wallets .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-leader-wallets .form-input, .pg-admin-leader-wallets .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-leader-wallets .form-textarea { min-height:80px; resize:vertical; }
.pg-admin-leader-wallets .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-leader-wallets .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
@media  (max-width:768px)  { .pg-admin-leader-wallets .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leader-wallets .admin-main {margin-left:0;padding:20px;}
.pg-admin-leader-wallets .stats-grid {grid-template-columns:repeat(2,1fr);}
.pg-admin-leader-wallets .wallets-table {display:block;overflow-x:auto;} }
.pg-admin-leader-wallets.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leader-wallets.ld-dark-mode .admin-nav a:hover, .pg-admin-leader-wallets.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .stat-value { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-leader-wallets.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-leader-wallets.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-leader-wallets {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leader-wallets, .pg-admin-leader-wallets {overflow-x:hidden;}
.pg-admin-leader-wallets {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leader-wallets::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leader-wallets .app, .pg-admin-leader-wallets .main, .pg-admin-leader-wallets .admin-main, .pg-admin-leader-wallets .admin-container, .pg-admin-leader-wallets .page-wrap, .pg-admin-leader-wallets .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leader-wallets .edit-card, .pg-admin-leader-wallets .card, .pg-admin-leader-wallets .section-card, .pg-admin-leader-wallets .settings-section, .pg-admin-leader-wallets .stat-card, .pg-admin-leader-wallets .info-card, .pg-admin-leader-wallets .content-card, .pg-admin-leader-wallets .panel, .pg-admin-leader-wallets .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leader-wallets .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leader-wallets .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leader-wallets .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leader-wallets .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leader-wallets .nav-item.active a, .pg-admin-leader-wallets .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leader-wallets .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leader-wallets .page-title h1 {color:#0f172a!important;}
.pg-admin-leader-wallets .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leader-wallets .form-input, .pg-admin-leader-wallets .form-select, .pg-admin-leader-wallets .form-textarea, .pg-admin-leader-wallets input[type=text], .pg-admin-leader-wallets input[type=email], .pg-admin-leader-wallets input[type=password], .pg-admin-leader-wallets input[type=number], .pg-admin-leader-wallets input[type=date], .pg-admin-leader-wallets input[type=time], .pg-admin-leader-wallets input[type=tel], .pg-admin-leader-wallets textarea, .pg-admin-leader-wallets select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leader-wallets .form-input::placeholder, .pg-admin-leader-wallets .form-textarea::placeholder, .pg-admin-leader-wallets input::placeholder, .pg-admin-leader-wallets textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leader-wallets .form-input:focus, .pg-admin-leader-wallets .form-textarea:focus, .pg-admin-leader-wallets input:focus, .pg-admin-leader-wallets textarea:focus, .pg-admin-leader-wallets select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leader-wallets select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leader-wallets .form-label, .pg-admin-leader-wallets label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leader-wallets .btn-primary, .pg-admin-leader-wallets button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-wallets .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leader-wallets .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-wallets .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-wallets .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leader-wallets table {border-collapse:collapse;}
.pg-admin-leader-wallets th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leader-wallets td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leader-wallets tr:last-child td {border-bottom:none!important;}
.pg-admin-leader-wallets tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leader-wallets .badge-success, .pg-admin-leader-wallets .status-active, .pg-admin-leader-wallets .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leader-wallets .badge-danger, .pg-admin-leader-wallets .status-expired, .pg-admin-leader-wallets .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leader-wallets .badge-warning, .pg-admin-leader-wallets .status-pending, .pg-admin-leader-wallets .status-Pending, .pg-admin-leader-wallets .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leader-wallets .badge-primary, .pg-admin-leader-wallets .badge-info, .pg-admin-leader-wallets .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leader-wallets .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leader-wallets .alert-error, .pg-admin-leader-wallets .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leader-wallets .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leader-wallets h1, .pg-admin-leader-wallets h2, .pg-admin-leader-wallets h3, .pg-admin-leader-wallets h4, .pg-admin-leader-wallets h5, .pg-admin-leader-wallets h6 {color:#0f172a;}
.pg-admin-leader-wallets h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leader-wallets .modal-content, .pg-admin-leader-wallets .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leader-wallets .modal-header, .pg-admin-leader-wallets .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leader-wallets .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leader-wallets a {color:#38bdf8;}
.pg-admin-leader-wallets a:hover {color:#0f172a;}
.pg-admin-leader-wallets .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leader-wallets .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leader-wallets .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leader-wallets .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leader-wallets hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leader-wallets .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leader-wallets .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leader-wallets .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leader-wallets ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leader-wallets ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leader-wallets ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leader-wallets.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode 
.edit-card, .pg-admin-leader-wallets.ld-dark-mode .card, .pg-admin-leader-wallets.ld-dark-mode .section-card, .pg-admin-leader-wallets.ld-dark-mode .settings-section, .pg-admin-leader-wallets.ld-dark-mode .stat-card, .pg-admin-leader-wallets.ld-dark-mode .info-card, .pg-admin-leader-wallets.ld-dark-mode .content-card, .pg-admin-leader-wallets.ld-dark-mode .panel, .pg-admin-leader-wallets.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leader-wallets.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .nav-item.active a, .pg-admin-leader-wallets.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leader-wallets.ld-dark-mode 
.form-input, .pg-admin-leader-wallets.ld-dark-mode .form-select, .pg-admin-leader-wallets.ld-dark-mode .form-textarea, .pg-admin-leader-wallets.ld-dark-mode input[type=text], .pg-admin-leader-wallets.ld-dark-mode input[type=email], .pg-admin-leader-wallets.ld-dark-mode input[type=password], .pg-admin-leader-wallets.ld-dark-mode input[type=number], .pg-admin-leader-wallets.ld-dark-mode input[type=date], .pg-admin-leader-wallets.ld-dark-mode input[type=time], .pg-admin-leader-wallets.ld-dark-mode input[type=tel], .pg-admin-leader-wallets.ld-dark-mode textarea, .pg-admin-leader-wallets.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .form-input::placeholder, .pg-admin-leader-wallets.ld-dark-mode .form-textarea::placeholder, .pg-admin-leader-wallets.ld-dark-mode input::placeholder, .pg-admin-leader-wallets.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leader-wallets.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .form-label, .pg-admin-leader-wallets.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-wallets.ld-dark-mode 
.btn-primary, .pg-admin-leader-wallets.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leader-wallets.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-wallets.ld-dark-mode 
h1, .pg-admin-leader-wallets.ld-dark-mode h2, .pg-admin-leader-wallets.ld-dark-mode h3, .pg-admin-leader-wallets.ld-dark-mode h4, .pg-admin-leader-wallets.ld-dark-mode h5, .pg-admin-leader-wallets.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode 
.modal-content, .pg-admin-leader-wallets.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .modal-header, .pg-admin-leader-wallets.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leader-wallets.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leader-wallets.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaderboard.php (pg-admin-leaderboard) ============ */
.pg-admin-leaderboard, .pg-admin-leaderboard * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-admin-leaderboard {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-admin-leaderboard .admin-container {
            display: flex;
            min-height: 100vh;
        }
.pg-admin-leaderboard .admin-sidebar {
            width: 280px;
            background: #e2e8f0;
            color: #0f172a;
            padding: 32px 24px;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
        }
.pg-admin-leaderboard .admin-logo {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 40px;
            padding-bottom: 24px;
            border-bottom: 1px solid #e2e8f0;
        }
.pg-admin-leaderboard .admin-logo span {
            color: #ef4444;
            font-size: 12px;
            margin-left: 8px;
            background: #e2e8f0;
            padding: 4px 8px;
            border-radius: 100px;
        }
.pg-admin-leaderboard .admin-nav {
            list-style: none;
            flex: 1;
        }
.pg-admin-leaderboard .admin-nav li {
            margin-bottom: 8px;
        }
.pg-admin-leaderboard .admin-nav a {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            color: #999;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.2s;
            gap: 12px;
        }
.pg-admin-leaderboard .admin-nav a:hover {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-admin-leaderboard .admin-nav a.active {
            background: #e2e8f0;
            color: #0f172a;
            border-left: 3px solid #ef4444;
        }
.pg-admin-leaderboard .back-to-app {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
        }
.pg-admin-leaderboard .back-to-app a {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #ef4444;
            text-decoration: none;
            padding: 12px 16px;
            border-radius: 8px;
            transition: all 0.2s;
        }
.pg-admin-leaderboard .back-to-app a:hover {
            background: #e2e8f0;
        }
.pg-admin-leaderboard .admin-main {
            flex: 1;
            margin-left: 280px;
            padding: 32px;
        }
.pg-admin-leaderboard .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-admin-leaderboard .page-title h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-admin-leaderboard .page-title p {
            color: #666;
        }
.pg-admin-leaderboard .admin-badge {
            background: #ef4444;
            color: #0f172a;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 600;
        }
.pg-admin-leaderboard .filter-bar {
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 32px;
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            align-items: flex-end;
        }
.pg-admin-leaderboard .filter-group {
            flex: 1;
            min-width: 180px;
        }
.pg-admin-leaderboard .filter-label {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 4px;
        }
.pg-admin-leaderboard .filter-input, .pg-admin-leaderboard .filter-select {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid rgba(29,78,216,.2);
            border-radius: 8px;
            font-size: 14px;
        }
.pg-admin-leaderboard .btn {
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 500;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
        }
.pg-admin-leaderboard .btn-primary {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-admin-leaderboard .btn-primary:hover {
            background: #e2e8f0;
        }
.pg-admin-leaderboard .btn-secondary {
            background: transparent;
            border: 1px solid rgba(29,78,216,.2);
            color: #0f172a;
        }
.pg-admin-leaderboard .btn-secondary:hover {
            background: #ffffff;
        }
.pg-admin-leaderboard .leaders-table {
            width: 100%;
            background: rgba(15,23,42,.03);
            border-radius: 20px;
            border: 1px solid rgba(29,78,216,.2);
            border-collapse: collapse;
            overflow: hidden;
        }
.pg-admin-leaderboard .leaders-table th {
            text-align: left;
            padding: 16px 24px;
            background: #fafafa;
            font-weight: 600;
            font-size: 13px;
            color: #666;
            border-bottom: 1px solid #eaeaea;
        }
.pg-admin-leaderboard .leaders-table td {
            padding: 16px 24px;
            border-bottom: 1px solid #eaeaea;
            font-size: 14px;
        }
.pg-admin-leaderboard .rank-badge {
            display: inline-block;
            width: 32px;
            height: 32px;
            background: #f0f0f0;
            border-radius: 50%;
            text-align: center;
            line-height: 32px;
            font-weight: 600;
            color: #666;
        }
.pg-admin-leaderboard .rank-1 {
            background: #fbbf24;
            color: #0f172a;
        }
.pg-admin-leaderboard .rank-2 {
            background: #94a3b8;
            color: #0f172a;
        }
.pg-admin-leaderboard .rank-3 {
            background: #b45309;
            color: #0f172a;
        }
.pg-admin-leaderboard .leader-type-badge {
            display: inline-block;
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
        }
.pg-admin-leaderboard .type-company {
            background: #e0f2fe;
            color: #0369a1;
        }
.pg-admin-leaderboard .type-independent {
            background: rgba(15,23,42,.04);
            color: #475569;
        }
.pg-admin-leaderboard .edit-score-btn {
            background: #f59e0b;
            color: #0f172a;
            border: none;
            padding: 6px 12px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            margin-right: 8px;
        }
.pg-admin-leaderboard .edit-score-btn:hover {
            background: #d97706;
        }
.pg-admin-leaderboard .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }
.pg-admin-leaderboard .modal.show {
            display: flex;
        }
.pg-admin-leaderboard .modal-content {
            background: rgba(15,23,42,.03);
            border-radius: 16px;
            padding: 24px;
            width: 90%;
            max-width: 400px;
        }
.pg-admin-leaderboard .modal-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
.pg-admin-leaderboard .modal-header h3 {
            font-size: 20px;
        }
.pg-admin-leaderboard .modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
        }
.pg-admin-leaderboard .form-group {
            margin-bottom: 16px;
        }
.pg-admin-leaderboard .form-label {
            display: block;
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-admin-leaderboard .form-input {
            width: 100%;
            padding: 8px 12px;
            border: 1px solid #ccc;
            border-radius: 6px;
        }
.pg-admin-leaderboard .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 20px;
        }
.pg-admin-leaderboard .empty-state {
            text-align: center;
            padding: 60px 20px;
            color: #888;
        }
@media  (max-width: 1024px)  { .pg-admin-leaderboard .leaders-table {
                min-width: 800px;
                display: block;
                overflow-x: auto;
            } }
@media  (max-width: 768px)  { .pg-admin-leaderboard .admin-sidebar {
                transform: translateX(-100%);
                z-index: 1000;
                transition: transform 0.3s;
            }
.pg-admin-leaderboard .admin-sidebar.open {
                transform: translateX(0);
            }
.pg-admin-leaderboard .admin-main {
                margin-left: 0;
                padding: 20px;
            }
.pg-admin-leaderboard .filter-bar {
                flex-direction: column;
                align-items: stretch;
            } }
.pg-admin-leaderboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .admin-badge { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-secondary { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .leaders-table th { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .rank-badge { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .type-independent { color: #cbd5e1 !important; }
.pg-admin-leaderboard.ld-dark-mode .edit-score-btn { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .empty-state { color: #cbd5e1 !important; }
.pg-admin-leaderboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaderboard, .pg-admin-leaderboard {overflow-x:hidden;}
.pg-admin-leaderboard {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaderboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaderboard .app, .pg-admin-leaderboard .main, .pg-admin-leaderboard .admin-main, .pg-admin-leaderboard .admin-container, .pg-admin-leaderboard .page-wrap, .pg-admin-leaderboard .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaderboard .edit-card, .pg-admin-leaderboard .card, .pg-admin-leaderboard .section-card, .pg-admin-leaderboard .settings-section, .pg-admin-leaderboard .stat-card, .pg-admin-leaderboard .info-card, .pg-admin-leaderboard .content-card, .pg-admin-leaderboard .panel, .pg-admin-leaderboard .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaderboard .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaderboard .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard .nav-item.active a, .pg-admin-leaderboard .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaderboard .page-title h1 {color:#0f172a!important;}
.pg-admin-leaderboard .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaderboard .form-input, .pg-admin-leaderboard .form-select, .pg-admin-leaderboard .form-textarea, .pg-admin-leaderboard input[type=text], .pg-admin-leaderboard input[type=email], .pg-admin-leaderboard input[type=password], .pg-admin-leaderboard input[type=number], .pg-admin-leaderboard input[type=date], .pg-admin-leaderboard input[type=time], .pg-admin-leaderboard input[type=tel], .pg-admin-leaderboard textarea, .pg-admin-leaderboard select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaderboard .form-input::placeholder, .pg-admin-leaderboard .form-textarea::placeholder, .pg-admin-leaderboard input::placeholder, .pg-admin-leaderboard textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaderboard .form-input:focus, .pg-admin-leaderboard .form-textarea:focus, .pg-admin-leaderboard input:focus, .pg-admin-leaderboard textarea:focus, .pg-admin-leaderboard select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaderboard select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaderboard .form-label, .pg-admin-leaderboard label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard .btn-primary, .pg-admin-leaderboard button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaderboard .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard table {border-collapse:collapse;}
.pg-admin-leaderboard th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaderboard td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaderboard tr:last-child td {border-bottom:none!important;}
.pg-admin-leaderboard tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaderboard .badge-success, .pg-admin-leaderboard .status-active, .pg-admin-leaderboard .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaderboard .badge-danger, .pg-admin-leaderboard .status-expired, .pg-admin-leaderboard .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaderboard .badge-warning, .pg-admin-leaderboard .status-pending, .pg-admin-leaderboard .status-Pending, .pg-admin-leaderboard .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaderboard .badge-primary, .pg-admin-leaderboard .badge-info, .pg-admin-leaderboard .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaderboard .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard .alert-error, .pg-admin-leaderboard .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard h1, .pg-admin-leaderboard h2, .pg-admin-leaderboard h3, .pg-admin-leaderboard h4, .pg-admin-leaderboard h5, .pg-admin-leaderboard h6 {color:#0f172a;}
.pg-admin-leaderboard h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaderboard .modal-content, .pg-admin-leaderboard .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaderboard .modal-header, .pg-admin-leaderboard .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaderboard .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaderboard a {color:#38bdf8;}
.pg-admin-leaderboard a:hover {color:#0f172a;}
.pg-admin-leaderboard .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaderboard .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaderboard hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaderboard .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaderboard ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaderboard ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaderboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode 
.edit-card, .pg-admin-leaderboard.ld-dark-mode .card, .pg-admin-leaderboard.ld-dark-mode .section-card, .pg-admin-leaderboard.ld-dark-mode .settings-section, .pg-admin-leaderboard.ld-dark-mode .stat-card, .pg-admin-leaderboard.ld-dark-mode .info-card, .pg-admin-leaderboard.ld-dark-mode .content-card, .pg-admin-leaderboard.ld-dark-mode .panel, .pg-admin-leaderboard.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaderboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .nav-item.active a, .pg-admin-leaderboard.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard.ld-dark-mode 
.form-input, .pg-admin-leaderboard.ld-dark-mode .form-select, .pg-admin-leaderboard.ld-dark-mode .form-textarea, .pg-admin-leaderboard.ld-dark-mode input[type=text], .pg-admin-leaderboard.ld-dark-mode input[type=email], .pg-admin-leaderboard.ld-dark-mode input[type=password], .pg-admin-leaderboard.ld-dark-mode input[type=number], .pg-admin-leaderboard.ld-dark-mode input[type=date], .pg-admin-leaderboard.ld-dark-mode input[type=time], .pg-admin-leaderboard.ld-dark-mode input[type=tel], .pg-admin-leaderboard.ld-dark-mode textarea, .pg-admin-leaderboard.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .form-input::placeholder, .pg-admin-leaderboard.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaderboard.ld-dark-mode input::placeholder, .pg-admin-leaderboard.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaderboard.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .form-label, .pg-admin-leaderboard.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard.ld-dark-mode 
.btn-primary, .pg-admin-leaderboard.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard.ld-dark-mode 
h1, .pg-admin-leaderboard.ld-dark-mode h2, .pg-admin-leaderboard.ld-dark-mode h3, .pg-admin-leaderboard.ld-dark-mode h4, .pg-admin-leaderboard.ld-dark-mode h5, .pg-admin-leaderboard.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode 
.modal-content, .pg-admin-leaderboard.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .modal-header, .pg-admin-leaderboard.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaderboard.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaderboard_dashboard.php (pg-admin-leaderboard-dashboard) ============ */
.pg-admin-leaderboard-dashboard, .pg-admin-leaderboard-dashboard * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaderboard-dashboard { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-leaderboard-dashboard .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaderboard-dashboard .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaderboard-dashboard .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leaderboard-dashboard .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leaderboard-dashboard .admin-nav { list-style:none; flex:1; }
.pg-admin-leaderboard-dashboard .admin-nav li { margin-bottom:8px; }
.pg-admin-leaderboard-dashboard .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaderboard-dashboard .admin-nav a:hover, .pg-admin-leaderboard-dashboard .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-dashboard .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leaderboard-dashboard .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leaderboard-dashboard .has-submenu.open .submenu { display:block; }
.pg-admin-leaderboard-dashboard .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leaderboard-dashboard .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leaderboard-dashboard .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leaderboard-dashboard .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leaderboard-dashboard .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaderboard-dashboard .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaderboard-dashboard .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaderboard-dashboard .page-title p { color:#666; }
.pg-admin-leaderboard-dashboard .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leaderboard-dashboard .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-dashboard .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leaderboard-dashboard .filter-bar { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; }
.pg-admin-leaderboard-dashboard .filter-form { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.pg-admin-leaderboard-dashboard .filter-group { flex:1; min-width:150px; }
.pg-admin-leaderboard-dashboard .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-leaderboard-dashboard .filter-select { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; background: rgba(15,23,42,.04); }
.pg-admin-leaderboard-dashboard .stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; margin-bottom:32px; }
.pg-admin-leaderboard-dashboard .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-leaderboard-dashboard .stat-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-leaderboard-dashboard .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-leaderboard-dashboard .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-leaderboard-dashboard .quick-actions { display:flex; gap:12px; margin-bottom:32px; flex-wrap:wrap; }
.pg-admin-leaderboard-dashboard .leaderboard-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leaderboard-dashboard .leaderboard-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leaderboard-dashboard .leaderboard-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-leaderboard-dashboard .leaderboard-table tr:last-child td { border-bottom:none; }
.pg-admin-leaderboard-dashboard .rank-badge { display:inline-block; width:32px; height:32px; background:#f0f0f0; border-radius:50%; text-align:center; line-height:32px; font-weight:600; font-size:13px; }
.pg-admin-leaderboard-dashboard .rank-1 { background:#fbbf24; color: #0f172a; }
.pg-admin-leaderboard-dashboard .rank-2 { background:#94a3b8; color:#0f172a; }
.pg-admin-leaderboard-dashboard .rank-3 { background:#b45309; color:#0f172a; }
@media  (max-width:768px)  { .pg-admin-leaderboard-dashboard .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leaderboard-dashboard .admin-main {margin-left:0;padding:20px;}
.pg-admin-leaderboard-dashboard .stats-grid {grid-template-columns:1fr;}
.pg-admin-leaderboard-dashboard .leaderboard-table {display:block;overflow-x:auto;}
.pg-admin-leaderboard-dashboard .filter-form {flex-direction:column;} }
.pg-admin-leaderboard-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .admin-nav a:hover, .pg-admin-leaderboard-dashboard.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaderboard-dashboard, .pg-admin-leaderboard-dashboard {overflow-x:hidden;}
.pg-admin-leaderboard-dashboard {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaderboard-dashboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaderboard-dashboard .app, .pg-admin-leaderboard-dashboard .main, .pg-admin-leaderboard-dashboard .admin-main, .pg-admin-leaderboard-dashboard .admin-container, .pg-admin-leaderboard-dashboard .page-wrap, .pg-admin-leaderboard-dashboard .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaderboard-dashboard .edit-card, .pg-admin-leaderboard-dashboard .card, .pg-admin-leaderboard-dashboard .section-card, .pg-admin-leaderboard-dashboard .settings-section, .pg-admin-leaderboard-dashboard .stat-card, .pg-admin-leaderboard-dashboard .info-card, .pg-admin-leaderboard-dashboard .content-card, .pg-admin-leaderboard-dashboard .panel, .pg-admin-leaderboard-dashboard .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-dashboard .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-dashboard .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaderboard-dashboard .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .nav-item.active a, .pg-admin-leaderboard-dashboard .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaderboard-dashboard .page-title h1 {color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaderboard-dashboard .form-input, .pg-admin-leaderboard-dashboard .form-select, .pg-admin-leaderboard-dashboard .form-textarea, .pg-admin-leaderboard-dashboard input[type=text], .pg-admin-leaderboard-dashboard input[type=email], .pg-admin-leaderboard-dashboard input[type=password], .pg-admin-leaderboard-dashboard input[type=number], .pg-admin-leaderboard-dashboard input[type=date], .pg-admin-leaderboard-dashboard input[type=time], .pg-admin-leaderboard-dashboard input[type=tel], .pg-admin-leaderboard-dashboard textarea, .pg-admin-leaderboard-dashboard select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaderboard-dashboard .form-input::placeholder, .pg-admin-leaderboard-dashboard .form-textarea::placeholder, .pg-admin-leaderboard-dashboard input::placeholder, .pg-admin-leaderboard-dashboard textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaderboard-dashboard .form-input:focus, .pg-admin-leaderboard-dashboard .form-textarea:focus, .pg-admin-leaderboard-dashboard input:focus, .pg-admin-leaderboard-dashboard textarea:focus, .pg-admin-leaderboard-dashboard select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaderboard-dashboard select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaderboard-dashboard .form-label, .pg-admin-leaderboard-dashboard label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-dashboard .btn-primary, .pg-admin-leaderboard-dashboard button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard table {border-collapse:collapse;}
.pg-admin-leaderboard-dashboard th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaderboard-dashboard td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaderboard-dashboard tr:last-child td {border-bottom:none!important;}
.pg-admin-leaderboard-dashboard tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaderboard-dashboard .badge-success, .pg-admin-leaderboard-dashboard .status-active, .pg-admin-leaderboard-dashboard .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaderboard-dashboard .badge-danger, .pg-admin-leaderboard-dashboard .status-expired, .pg-admin-leaderboard-dashboard .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaderboard-dashboard .badge-warning, .pg-admin-leaderboard-dashboard .status-pending, .pg-admin-leaderboard-dashboard .status-Pending, .pg-admin-leaderboard-dashboard .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaderboard-dashboard .badge-primary, .pg-admin-leaderboard-dashboard .badge-info, .pg-admin-leaderboard-dashboard .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaderboard-dashboard .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-dashboard .alert-error, .pg-admin-leaderboard-dashboard .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-dashboard .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-dashboard h1, .pg-admin-leaderboard-dashboard h2, .pg-admin-leaderboard-dashboard h3, .pg-admin-leaderboard-dashboard h4, .pg-admin-leaderboard-dashboard h5, .pg-admin-leaderboard-dashboard h6 {color:#0f172a;}
.pg-admin-leaderboard-dashboard h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaderboard-dashboard .modal-content, .pg-admin-leaderboard-dashboard .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaderboard-dashboard .modal-header, .pg-admin-leaderboard-dashboard .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaderboard-dashboard a {color:#38bdf8;}
.pg-admin-leaderboard-dashboard a:hover {color:#0f172a;}
.pg-admin-leaderboard-dashboard .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-dashboard .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaderboard-dashboard .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaderboard-dashboard hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-dashboard .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaderboard-dashboard .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-dashboard .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-dashboard ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaderboard-dashboard ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaderboard-dashboard ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaderboard-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode 
.edit-card, .pg-admin-leaderboard-dashboard.ld-dark-mode .card, .pg-admin-leaderboard-dashboard.ld-dark-mode .section-card, .pg-admin-leaderboard-dashboard.ld-dark-mode .settings-section, .pg-admin-leaderboard-dashboard.ld-dark-mode .stat-card, .pg-admin-leaderboard-dashboard.ld-dark-mode .info-card, .pg-admin-leaderboard-dashboard.ld-dark-mode .content-card, .pg-admin-leaderboard-dashboard.ld-dark-mode .panel, .pg-admin-leaderboard-dashboard.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .nav-item.active a, .pg-admin-leaderboard-dashboard.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode 
.form-input, .pg-admin-leaderboard-dashboard.ld-dark-mode .form-select, .pg-admin-leaderboard-dashboard.ld-dark-mode .form-textarea, .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=text], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=email], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=password], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=number], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=date], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=time], .pg-admin-leaderboard-dashboard.ld-dark-mode input[type=tel], .pg-admin-leaderboard-dashboard.ld-dark-mode textarea, .pg-admin-leaderboard-dashboard.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .form-input::placeholder, .pg-admin-leaderboard-dashboard.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaderboard-dashboard.ld-dark-mode input::placeholder, .pg-admin-leaderboard-dashboard.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .form-label, .pg-admin-leaderboard-dashboard.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode 
.btn-primary, .pg-admin-leaderboard-dashboard.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode 
h1, .pg-admin-leaderboard-dashboard.ld-dark-mode h2, .pg-admin-leaderboard-dashboard.ld-dark-mode h3, .pg-admin-leaderboard-dashboard.ld-dark-mode h4, .pg-admin-leaderboard-dashboard.ld-dark-mode h5, .pg-admin-leaderboard-dashboard.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode 
.modal-content, .pg-admin-leaderboard-dashboard.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .modal-header, .pg-admin-leaderboard-dashboard.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-dashboard.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaderboard_results.php (pg-admin-leaderboard-results) ============ */
.pg-admin-leaderboard-results, .pg-admin-leaderboard-results * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaderboard-results { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-leaderboard-results .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaderboard-results .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaderboard-results .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leaderboard-results .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leaderboard-results .admin-nav { list-style:none; flex:1; }
.pg-admin-leaderboard-results .admin-nav li { margin-bottom:8px; }
.pg-admin-leaderboard-results .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaderboard-results .admin-nav a:hover, .pg-admin-leaderboard-results .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-results .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leaderboard-results .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leaderboard-results .has-submenu.open .submenu { display:block; }
.pg-admin-leaderboard-results .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leaderboard-results .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leaderboard-results .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leaderboard-results .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leaderboard-results .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaderboard-results .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaderboard-results .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaderboard-results .page-title p { color:#666; }
.pg-admin-leaderboard-results .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leaderboard-results .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-results .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leaderboard-results .filter-bar { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; }
.pg-admin-leaderboard-results .filter-form { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.pg-admin-leaderboard-results .filter-group { flex:1; min-width:150px; }
.pg-admin-leaderboard-results .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-leaderboard-results .filter-select, .pg-admin-leaderboard-results .filter-input { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; background: rgba(15,23,42,.04); }
.pg-admin-leaderboard-results .export-btn { margin-bottom:20px; text-align:right; }
.pg-admin-leaderboard-results .results-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leaderboard-results .results-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leaderboard-results .results-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-leaderboard-results .results-table tr:last-child td { border-bottom:none; }
.pg-admin-leaderboard-results .rank-badge { display:inline-block; width:32px; height:32px; background:#f0f0f0; border-radius:50%; text-align:center; line-height:32px; font-weight:600; font-size:13px; }
.pg-admin-leaderboard-results .rank-1 { background:#fbbf24; color: #0f172a; }
.pg-admin-leaderboard-results .rank-2 { background:#94a3b8; color:#0f172a; }
.pg-admin-leaderboard-results .rank-3 { background:#b45309; color:#0f172a; }
.pg-admin-leaderboard-results .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leaderboard-results .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-leaderboard-results .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leaderboard-results .admin-main {margin-left:0;padding:20px;}
.pg-admin-leaderboard-results .filter-form {flex-direction:column;}
.pg-admin-leaderboard-results .results-table {display:block;overflow-x:auto;} }
.pg-admin-leaderboard-results.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .admin-nav a:hover, .pg-admin-leaderboard-results.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaderboard-results, .pg-admin-leaderboard-results {overflow-x:hidden;}
.pg-admin-leaderboard-results {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaderboard-results::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaderboard-results .app, .pg-admin-leaderboard-results .main, .pg-admin-leaderboard-results .admin-main, .pg-admin-leaderboard-results .admin-container, .pg-admin-leaderboard-results .page-wrap, .pg-admin-leaderboard-results .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaderboard-results .edit-card, .pg-admin-leaderboard-results .card, .pg-admin-leaderboard-results .section-card, .pg-admin-leaderboard-results .settings-section, .pg-admin-leaderboard-results .stat-card, .pg-admin-leaderboard-results .info-card, .pg-admin-leaderboard-results .content-card, .pg-admin-leaderboard-results .panel, .pg-admin-leaderboard-results .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaderboard-results .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-results .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-results .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaderboard-results .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-results .nav-item.active a, .pg-admin-leaderboard-results .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-results .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaderboard-results .page-title h1 {color:#0f172a!important;}
.pg-admin-leaderboard-results .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaderboard-results .form-input, .pg-admin-leaderboard-results .form-select, .pg-admin-leaderboard-results .form-textarea, .pg-admin-leaderboard-results input[type=text], .pg-admin-leaderboard-results input[type=email], .pg-admin-leaderboard-results input[type=password], .pg-admin-leaderboard-results input[type=number], .pg-admin-leaderboard-results input[type=date], .pg-admin-leaderboard-results input[type=time], .pg-admin-leaderboard-results input[type=tel], .pg-admin-leaderboard-results textarea, .pg-admin-leaderboard-results select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaderboard-results .form-input::placeholder, .pg-admin-leaderboard-results .form-textarea::placeholder, .pg-admin-leaderboard-results input::placeholder, .pg-admin-leaderboard-results textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaderboard-results .form-input:focus, .pg-admin-leaderboard-results .form-textarea:focus, .pg-admin-leaderboard-results input:focus, .pg-admin-leaderboard-results textarea:focus, .pg-admin-leaderboard-results select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaderboard-results select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaderboard-results .form-label, .pg-admin-leaderboard-results label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-results .btn-primary, .pg-admin-leaderboard-results button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-results .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaderboard-results .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-results .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-results .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-results table {border-collapse:collapse;}
.pg-admin-leaderboard-results th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaderboard-results td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaderboard-results tr:last-child td {border-bottom:none!important;}
.pg-admin-leaderboard-results tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaderboard-results .badge-success, .pg-admin-leaderboard-results .status-active, .pg-admin-leaderboard-results .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaderboard-results .badge-danger, .pg-admin-leaderboard-results .status-expired, .pg-admin-leaderboard-results .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaderboard-results .badge-warning, .pg-admin-leaderboard-results .status-pending, .pg-admin-leaderboard-results .status-Pending, .pg-admin-leaderboard-results .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaderboard-results .badge-primary, .pg-admin-leaderboard-results .badge-info, .pg-admin-leaderboard-results .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaderboard-results .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-results .alert-error, .pg-admin-leaderboard-results .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-results .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-results h1, .pg-admin-leaderboard-results h2, .pg-admin-leaderboard-results h3, .pg-admin-leaderboard-results h4, .pg-admin-leaderboard-results h5, .pg-admin-leaderboard-results h6 {color:#0f172a;}
.pg-admin-leaderboard-results h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaderboard-results .modal-content, .pg-admin-leaderboard-results .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaderboard-results .modal-header, .pg-admin-leaderboard-results .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaderboard-results .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaderboard-results a {color:#38bdf8;}
.pg-admin-leaderboard-results a:hover {color:#0f172a;}
.pg-admin-leaderboard-results .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-results .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-results .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaderboard-results .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaderboard-results hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-results .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaderboard-results .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-results .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-results ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaderboard-results ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaderboard-results ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaderboard-results.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode 
.edit-card, .pg-admin-leaderboard-results.ld-dark-mode .card, .pg-admin-leaderboard-results.ld-dark-mode .section-card, .pg-admin-leaderboard-results.ld-dark-mode .settings-section, .pg-admin-leaderboard-results.ld-dark-mode .stat-card, .pg-admin-leaderboard-results.ld-dark-mode .info-card, .pg-admin-leaderboard-results.ld-dark-mode .content-card, .pg-admin-leaderboard-results.ld-dark-mode .panel, .pg-admin-leaderboard-results.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaderboard-results.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .nav-item.active a, .pg-admin-leaderboard-results.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-results.ld-dark-mode 
.form-input, .pg-admin-leaderboard-results.ld-dark-mode .form-select, .pg-admin-leaderboard-results.ld-dark-mode .form-textarea, .pg-admin-leaderboard-results.ld-dark-mode input[type=text], .pg-admin-leaderboard-results.ld-dark-mode input[type=email], .pg-admin-leaderboard-results.ld-dark-mode input[type=password], .pg-admin-leaderboard-results.ld-dark-mode input[type=number], .pg-admin-leaderboard-results.ld-dark-mode input[type=date], .pg-admin-leaderboard-results.ld-dark-mode input[type=time], .pg-admin-leaderboard-results.ld-dark-mode input[type=tel], .pg-admin-leaderboard-results.ld-dark-mode textarea, .pg-admin-leaderboard-results.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .form-input::placeholder, .pg-admin-leaderboard-results.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaderboard-results.ld-dark-mode input::placeholder, .pg-admin-leaderboard-results.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaderboard-results.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .form-label, .pg-admin-leaderboard-results.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-results.ld-dark-mode 
.btn-primary, .pg-admin-leaderboard-results.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-results.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-results.ld-dark-mode 
h1, .pg-admin-leaderboard-results.ld-dark-mode h2, .pg-admin-leaderboard-results.ld-dark-mode h3, .pg-admin-leaderboard-results.ld-dark-mode h4, .pg-admin-leaderboard-results.ld-dark-mode h5, .pg-admin-leaderboard-results.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode 
.modal-content, .pg-admin-leaderboard-results.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .modal-header, .pg-admin-leaderboard-results.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-results.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-results.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaderboard_settings.php (pg-admin-leaderboard-settings) ============ */
.pg-admin-leaderboard-settings, .pg-admin-leaderboard-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaderboard-settings { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-leaderboard-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaderboard-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaderboard-settings .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leaderboard-settings .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leaderboard-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-leaderboard-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-leaderboard-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaderboard-settings .admin-nav a:hover, .pg-admin-leaderboard-settings .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-settings .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leaderboard-settings .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leaderboard-settings .has-submenu.open .submenu { display:block; }
.pg-admin-leaderboard-settings .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leaderboard-settings .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leaderboard-settings .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leaderboard-settings .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leaderboard-settings .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaderboard-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaderboard-settings .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaderboard-settings .page-title p { color:#666; }
.pg-admin-leaderboard-settings .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leaderboard-settings .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-settings .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leaderboard-settings .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-leaderboard-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-leaderboard-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-leaderboard-settings .settings-card { max-width:500px; margin:0 auto; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:32px; }
.pg-admin-leaderboard-settings .form-group { margin-bottom:24px; }
.pg-admin-leaderboard-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-leaderboard-settings .form-input { width:100%; padding:12px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; }
.pg-admin-leaderboard-settings .form-input:focus { outline:none; border-color: #0f172a; }
.pg-admin-leaderboard-settings .checkbox-group { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.pg-admin-leaderboard-settings .checkbox-group input { width:18px; height:18px; cursor:pointer; }
.pg-admin-leaderboard-settings .checkbox-group label { font-size:14px; cursor:pointer; }
.pg-admin-leaderboard-settings .current-value { background: rgba(15,23,42,.03); padding:16px; border-radius:12px; margin-bottom:24px; border-left:3px solid #e2e8f0; font-size:14px; }
.pg-admin-leaderboard-settings .info-note { background:#f0f9ff; padding:16px; border-radius:12px; margin-top:24px; font-size:12px; color:#0369a1; border-left:3px solid #0284c7; }
.pg-admin-leaderboard-settings .small-text { font-size:12px; color:#666; margin-top:4px; display:block; }
@media  (max-width:768px)  { .pg-admin-leaderboard-settings .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leaderboard-settings .admin-main {margin-left:0;padding:20px;}
.pg-admin-leaderboard-settings .settings-card {margin:0;} }
.pg-admin-leaderboard-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .admin-nav a:hover, .pg-admin-leaderboard-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .small-text { color: #cbd5e1 !important; }
.pg-admin-leaderboard-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaderboard-settings, .pg-admin-leaderboard-settings {overflow-x:hidden;}
.pg-admin-leaderboard-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaderboard-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaderboard-settings .app, .pg-admin-leaderboard-settings .main, .pg-admin-leaderboard-settings .admin-main, .pg-admin-leaderboard-settings .admin-container, .pg-admin-leaderboard-settings .page-wrap, .pg-admin-leaderboard-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaderboard-settings .edit-card, .pg-admin-leaderboard-settings .card, .pg-admin-leaderboard-settings .section-card, .pg-admin-leaderboard-settings .settings-section, .pg-admin-leaderboard-settings .stat-card, .pg-admin-leaderboard-settings .info-card, .pg-admin-leaderboard-settings .content-card, .pg-admin-leaderboard-settings .panel, .pg-admin-leaderboard-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaderboard-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings .nav-item.active a, .pg-admin-leaderboard-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaderboard-settings .page-title h1 {color:#0f172a!important;}
.pg-admin-leaderboard-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaderboard-settings .form-input, .pg-admin-leaderboard-settings .form-select, .pg-admin-leaderboard-settings .form-textarea, .pg-admin-leaderboard-settings input[type=text], .pg-admin-leaderboard-settings input[type=email], .pg-admin-leaderboard-settings input[type=password], .pg-admin-leaderboard-settings input[type=number], .pg-admin-leaderboard-settings input[type=date], .pg-admin-leaderboard-settings input[type=time], .pg-admin-leaderboard-settings input[type=tel], .pg-admin-leaderboard-settings textarea, .pg-admin-leaderboard-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaderboard-settings .form-input::placeholder, .pg-admin-leaderboard-settings .form-textarea::placeholder, .pg-admin-leaderboard-settings input::placeholder, .pg-admin-leaderboard-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaderboard-settings .form-input:focus, .pg-admin-leaderboard-settings .form-textarea:focus, .pg-admin-leaderboard-settings input:focus, .pg-admin-leaderboard-settings textarea:focus, .pg-admin-leaderboard-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaderboard-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaderboard-settings .form-label, .pg-admin-leaderboard-settings label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-settings .btn-primary, .pg-admin-leaderboard-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings table {border-collapse:collapse;}
.pg-admin-leaderboard-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaderboard-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaderboard-settings tr:last-child td {border-bottom:none!important;}
.pg-admin-leaderboard-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaderboard-settings .badge-success, .pg-admin-leaderboard-settings .status-active, .pg-admin-leaderboard-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaderboard-settings .badge-danger, .pg-admin-leaderboard-settings .status-expired, .pg-admin-leaderboard-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaderboard-settings .badge-warning, .pg-admin-leaderboard-settings .status-pending, .pg-admin-leaderboard-settings .status-Pending, .pg-admin-leaderboard-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaderboard-settings .badge-primary, .pg-admin-leaderboard-settings .badge-info, .pg-admin-leaderboard-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaderboard-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-settings .alert-error, .pg-admin-leaderboard-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-settings h1, .pg-admin-leaderboard-settings h2, .pg-admin-leaderboard-settings h3, .pg-admin-leaderboard-settings h4, .pg-admin-leaderboard-settings h5, .pg-admin-leaderboard-settings h6 {color:#0f172a;}
.pg-admin-leaderboard-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaderboard-settings .modal-content, .pg-admin-leaderboard-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaderboard-settings .modal-header, .pg-admin-leaderboard-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaderboard-settings a {color:#38bdf8;}
.pg-admin-leaderboard-settings a:hover {color:#0f172a;}
.pg-admin-leaderboard-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaderboard-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaderboard-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaderboard-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaderboard-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaderboard-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaderboard-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode 
.edit-card, .pg-admin-leaderboard-settings.ld-dark-mode .card, .pg-admin-leaderboard-settings.ld-dark-mode .section-card, .pg-admin-leaderboard-settings.ld-dark-mode .settings-section, .pg-admin-leaderboard-settings.ld-dark-mode .stat-card, .pg-admin-leaderboard-settings.ld-dark-mode .info-card, .pg-admin-leaderboard-settings.ld-dark-mode .content-card, .pg-admin-leaderboard-settings.ld-dark-mode .panel, .pg-admin-leaderboard-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .nav-item.active a, .pg-admin-leaderboard-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode 
.form-input, .pg-admin-leaderboard-settings.ld-dark-mode .form-select, .pg-admin-leaderboard-settings.ld-dark-mode .form-textarea, .pg-admin-leaderboard-settings.ld-dark-mode input[type=text], .pg-admin-leaderboard-settings.ld-dark-mode input[type=email], .pg-admin-leaderboard-settings.ld-dark-mode input[type=password], .pg-admin-leaderboard-settings.ld-dark-mode input[type=number], .pg-admin-leaderboard-settings.ld-dark-mode input[type=date], .pg-admin-leaderboard-settings.ld-dark-mode input[type=time], .pg-admin-leaderboard-settings.ld-dark-mode input[type=tel], .pg-admin-leaderboard-settings.ld-dark-mode textarea, .pg-admin-leaderboard-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .form-input::placeholder, .pg-admin-leaderboard-settings.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaderboard-settings.ld-dark-mode input::placeholder, .pg-admin-leaderboard-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .form-label, .pg-admin-leaderboard-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode 
.btn-primary, .pg-admin-leaderboard-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode 
h1, .pg-admin-leaderboard-settings.ld-dark-mode h2, .pg-admin-leaderboard-settings.ld-dark-mode h3, .pg-admin-leaderboard-settings.ld-dark-mode h4, .pg-admin-leaderboard-settings.ld-dark-mode h5, .pg-admin-leaderboard-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode 
.modal-content, .pg-admin-leaderboard-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .modal-header, .pg-admin-leaderboard-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaderboard_weights.php (pg-admin-leaderboard-weights) ============ */
.pg-admin-leaderboard-weights, .pg-admin-leaderboard-weights * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaderboard-weights { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-leaderboard-weights .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaderboard-weights .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaderboard-weights .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leaderboard-weights .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leaderboard-weights .admin-nav { list-style:none; flex:1; }
.pg-admin-leaderboard-weights .admin-nav li { margin-bottom:8px; }
.pg-admin-leaderboard-weights .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaderboard-weights .admin-nav a:hover, .pg-admin-leaderboard-weights .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-weights .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leaderboard-weights .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leaderboard-weights .has-submenu.open .submenu { display:block; }
.pg-admin-leaderboard-weights .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leaderboard-weights .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leaderboard-weights .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leaderboard-weights .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leaderboard-weights .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaderboard-weights .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaderboard-weights .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaderboard-weights .page-title p { color:#666; }
.pg-admin-leaderboard-weights .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leaderboard-weights .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaderboard-weights .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leaderboard-weights .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-leaderboard-weights .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-leaderboard-weights .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-leaderboard-weights .weights-card { max-width:600px; margin:0 auto; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:32px; }
.pg-admin-leaderboard-weights .form-group { margin-bottom:24px; }
.pg-admin-leaderboard-weights .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-leaderboard-weights .form-input { width:100%; padding:12px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; }
.pg-admin-leaderboard-weights .form-input:focus { outline:none; border-color: #0f172a; }
.pg-admin-leaderboard-weights .checkbox-group { display:flex; align-items:center; gap:12px; margin-top:8px; }
.pg-admin-leaderboard-weights .checkbox-group input { width:18px; height:18px; cursor:pointer; }
.pg-admin-leaderboard-weights .checkbox-group label { font-size:14px; cursor:pointer; }
.pg-admin-leaderboard-weights .total-badge { background: rgba(15,23,42,.03); padding:16px; border-radius:12px; margin:24px 0; text-align:center; font-weight:600; border-left:3px solid #e2e8f0; }
.pg-admin-leaderboard-weights .info-note { background:#f0f9ff; padding:16px; border-radius:12px; margin-top:24px; font-size:12px; color:#0369a1; border-left:3px solid #0284c7; }
@media  (max-width:768px)  { .pg-admin-leaderboard-weights .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leaderboard-weights .admin-main {margin-left:0;padding:20px;}
.pg-admin-leaderboard-weights .weights-card {margin:0;} }
.pg-admin-leaderboard-weights.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .admin-nav a:hover, .pg-admin-leaderboard-weights.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-leaderboard-weights {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaderboard-weights, .pg-admin-leaderboard-weights {overflow-x:hidden;}
.pg-admin-leaderboard-weights {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaderboard-weights::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaderboard-weights .app, .pg-admin-leaderboard-weights .main, .pg-admin-leaderboard-weights .admin-main, .pg-admin-leaderboard-weights .admin-container, .pg-admin-leaderboard-weights .page-wrap, .pg-admin-leaderboard-weights .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaderboard-weights .edit-card, .pg-admin-leaderboard-weights .card, .pg-admin-leaderboard-weights .section-card, .pg-admin-leaderboard-weights .settings-section, .pg-admin-leaderboard-weights .stat-card, .pg-admin-leaderboard-weights .info-card, .pg-admin-leaderboard-weights .content-card, .pg-admin-leaderboard-weights .panel, .pg-admin-leaderboard-weights .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-weights .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-weights .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaderboard-weights .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights .nav-item.active a, .pg-admin-leaderboard-weights .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaderboard-weights .page-title h1 {color:#0f172a!important;}
.pg-admin-leaderboard-weights .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaderboard-weights .form-input, .pg-admin-leaderboard-weights .form-select, .pg-admin-leaderboard-weights .form-textarea, .pg-admin-leaderboard-weights input[type=text], .pg-admin-leaderboard-weights input[type=email], .pg-admin-leaderboard-weights input[type=password], .pg-admin-leaderboard-weights input[type=number], .pg-admin-leaderboard-weights input[type=date], .pg-admin-leaderboard-weights input[type=time], .pg-admin-leaderboard-weights input[type=tel], .pg-admin-leaderboard-weights textarea, .pg-admin-leaderboard-weights select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaderboard-weights .form-input::placeholder, .pg-admin-leaderboard-weights .form-textarea::placeholder, .pg-admin-leaderboard-weights input::placeholder, .pg-admin-leaderboard-weights textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaderboard-weights .form-input:focus, .pg-admin-leaderboard-weights .form-textarea:focus, .pg-admin-leaderboard-weights input:focus, .pg-admin-leaderboard-weights textarea:focus, .pg-admin-leaderboard-weights select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaderboard-weights select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaderboard-weights .form-label, .pg-admin-leaderboard-weights label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-weights .btn-primary, .pg-admin-leaderboard-weights button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights table {border-collapse:collapse;}
.pg-admin-leaderboard-weights th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaderboard-weights td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaderboard-weights tr:last-child td {border-bottom:none!important;}
.pg-admin-leaderboard-weights tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaderboard-weights .badge-success, .pg-admin-leaderboard-weights .status-active, .pg-admin-leaderboard-weights .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaderboard-weights .badge-danger, .pg-admin-leaderboard-weights .status-expired, .pg-admin-leaderboard-weights .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaderboard-weights .badge-warning, .pg-admin-leaderboard-weights .status-pending, .pg-admin-leaderboard-weights .status-Pending, .pg-admin-leaderboard-weights .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaderboard-weights .badge-primary, .pg-admin-leaderboard-weights .badge-info, .pg-admin-leaderboard-weights .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaderboard-weights .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-weights .alert-error, .pg-admin-leaderboard-weights .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-weights .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaderboard-weights h1, .pg-admin-leaderboard-weights h2, .pg-admin-leaderboard-weights h3, .pg-admin-leaderboard-weights h4, .pg-admin-leaderboard-weights h5, .pg-admin-leaderboard-weights h6 {color:#0f172a;}
.pg-admin-leaderboard-weights h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaderboard-weights .modal-content, .pg-admin-leaderboard-weights .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaderboard-weights .modal-header, .pg-admin-leaderboard-weights .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaderboard-weights a {color:#38bdf8;}
.pg-admin-leaderboard-weights a:hover {color:#0f172a;}
.pg-admin-leaderboard-weights .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-weights .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaderboard-weights .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaderboard-weights hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaderboard-weights .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaderboard-weights .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaderboard-weights .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaderboard-weights ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaderboard-weights ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaderboard-weights ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaderboard-weights.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode 
.edit-card, .pg-admin-leaderboard-weights.ld-dark-mode .card, .pg-admin-leaderboard-weights.ld-dark-mode .section-card, .pg-admin-leaderboard-weights.ld-dark-mode .settings-section, .pg-admin-leaderboard-weights.ld-dark-mode .stat-card, .pg-admin-leaderboard-weights.ld-dark-mode .info-card, .pg-admin-leaderboard-weights.ld-dark-mode .content-card, .pg-admin-leaderboard-weights.ld-dark-mode .panel, .pg-admin-leaderboard-weights.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .nav-item.active a, .pg-admin-leaderboard-weights.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode 
.form-input, .pg-admin-leaderboard-weights.ld-dark-mode .form-select, .pg-admin-leaderboard-weights.ld-dark-mode .form-textarea, .pg-admin-leaderboard-weights.ld-dark-mode input[type=text], .pg-admin-leaderboard-weights.ld-dark-mode input[type=email], .pg-admin-leaderboard-weights.ld-dark-mode input[type=password], .pg-admin-leaderboard-weights.ld-dark-mode input[type=number], .pg-admin-leaderboard-weights.ld-dark-mode input[type=date], .pg-admin-leaderboard-weights.ld-dark-mode input[type=time], .pg-admin-leaderboard-weights.ld-dark-mode input[type=tel], .pg-admin-leaderboard-weights.ld-dark-mode textarea, .pg-admin-leaderboard-weights.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .form-input::placeholder, .pg-admin-leaderboard-weights.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaderboard-weights.ld-dark-mode input::placeholder, .pg-admin-leaderboard-weights.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .form-label, .pg-admin-leaderboard-weights.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode 
.btn-primary, .pg-admin-leaderboard-weights.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode 
h1, .pg-admin-leaderboard-weights.ld-dark-mode h2, .pg-admin-leaderboard-weights.ld-dark-mode h3, .pg-admin-leaderboard-weights.ld-dark-mode h4, .pg-admin-leaderboard-weights.ld-dark-mode h5, .pg-admin-leaderboard-weights.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode 
.modal-content, .pg-admin-leaderboard-weights.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .modal-header, .pg-admin-leaderboard-weights.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaderboard-weights.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaders.php (pg-admin-leaders) ============ */
.pg-admin-leaders, .pg-admin-leaders * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaders { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-leaders .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaders .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaders .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-leaders .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-leaders .admin-nav { list-style:none; flex:1; }
.pg-admin-leaders .admin-nav li { margin-bottom:8px; }
.pg-admin-leaders .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaders .admin-nav a:hover, .pg-admin-leaders .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaders .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-leaders .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-leaders .has-submenu.open .submenu { display:block; }
.pg-admin-leaders .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-leaders .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-leaders .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-leaders .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-leaders .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaders .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaders .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaders .page-title p { color:#666; }
.pg-admin-leaders .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.pg-admin-leaders .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-leaders .stat-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-leaders .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-leaders .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-leaders .filter-bar { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.pg-admin-leaders .filter-group { flex:1; min-width:150px; }
.pg-admin-leaders .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-leaders .filter-input, .pg-admin-leaders .filter-select { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; background: rgba(15,23,42,.04); }
.pg-admin-leaders .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-leaders .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaders .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-leaders .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; text-decoration:none; color: #0f172a; }
.pg-admin-leaders .btn-icon:hover { background: #ffffff; }
.pg-admin-leaders .tabs { display:flex; gap:12px; margin-bottom:24px; border-bottom:2px solid #eaeaea; padding-bottom:8px; }
.pg-admin-leaders .tab { padding:10px 24px; border-radius:100px; text-decoration:none; color:#666; font-weight:500; transition:all 0.2s; }
.pg-admin-leaders .tab:hover { background: #ffffff; color: #0f172a; }
.pg-admin-leaders .tab.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-leaders .leaders-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; }
.pg-admin-leaders .leaders-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leaders .leaders-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-leaders .leaders-table tr:last-child td { border-bottom:none; }
.pg-admin-leaders .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-leaders .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-leaders .status-inactive { background:#fee2e2; color:#991b1b; }
.pg-admin-leaders .leader-type-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; background:#f0f0f0; color:#666; }
.pg-admin-leaders .type-company { background:#e0f2fe; color:#0369a1; }
.pg-admin-leaders .type-independent { background:#f1f5f9; color:#475569; }
.pg-admin-leaders .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-leaders .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-leaders .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-leaders .admin-main {margin-left:0;padding:20px;}
.pg-admin-leaders .leaders-table {display:block;overflow-x:auto;}
.pg-admin-leaders .filter-bar {flex-direction:column;}
.pg-admin-leaders .stats-grid {grid-template-columns:1fr;} }
.pg-admin-leaders.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .admin-nav a:hover, .pg-admin-leaders.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .btn-icon { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .tab { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .tab:hover { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .tab.active { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .leader-type-badge { color: #cbd5e1 !important; }
.pg-admin-leaders.ld-dark-mode .type-independent { color: #cbd5e1 !important; }
.pg-admin-leaders {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-leaders, .pg-admin-leaders {overflow-x:hidden;}
.pg-admin-leaders {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-leaders::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-leaders .app, .pg-admin-leaders .main, .pg-admin-leaders .admin-main, .pg-admin-leaders .admin-container, .pg-admin-leaders .page-wrap, .pg-admin-leaders .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-leaders .edit-card, .pg-admin-leaders .card, .pg-admin-leaders .section-card, .pg-admin-leaders .settings-section, .pg-admin-leaders .stat-card, .pg-admin-leaders .info-card, .pg-admin-leaders .content-card, .pg-admin-leaders .panel, .pg-admin-leaders .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-leaders .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaders .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaders .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-leaders .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaders .nav-item.active a, .pg-admin-leaders .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaders .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-leaders .page-title h1 {color:#0f172a!important;}
.pg-admin-leaders .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-leaders .form-input, .pg-admin-leaders .form-select, .pg-admin-leaders .form-textarea, .pg-admin-leaders input[type=text], .pg-admin-leaders input[type=email], .pg-admin-leaders input[type=password], .pg-admin-leaders input[type=number], .pg-admin-leaders input[type=date], .pg-admin-leaders input[type=time], .pg-admin-leaders input[type=tel], .pg-admin-leaders textarea, .pg-admin-leaders select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-leaders .form-input::placeholder, .pg-admin-leaders .form-textarea::placeholder, .pg-admin-leaders input::placeholder, .pg-admin-leaders textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-leaders .form-input:focus, .pg-admin-leaders .form-textarea:focus, .pg-admin-leaders input:focus, .pg-admin-leaders textarea:focus, .pg-admin-leaders select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-leaders select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-leaders .form-label, .pg-admin-leaders label {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaders .btn-primary, .pg-admin-leaders button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaders .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-leaders .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaders .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaders .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-leaders table {border-collapse:collapse;}
.pg-admin-leaders th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-leaders td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-leaders tr:last-child td {border-bottom:none!important;}
.pg-admin-leaders tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-leaders .badge-success, .pg-admin-leaders .status-active, .pg-admin-leaders .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-leaders .badge-danger, .pg-admin-leaders .status-expired, .pg-admin-leaders .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-leaders .badge-warning, .pg-admin-leaders .status-pending, .pg-admin-leaders .status-Pending, .pg-admin-leaders .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-leaders .badge-primary, .pg-admin-leaders .badge-info, .pg-admin-leaders .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-leaders .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-leaders .alert-error, .pg-admin-leaders .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-leaders .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-leaders h1, .pg-admin-leaders h2, .pg-admin-leaders h3, .pg-admin-leaders h4, .pg-admin-leaders h5, .pg-admin-leaders h6 {color:#0f172a;}
.pg-admin-leaders h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-leaders .modal-content, .pg-admin-leaders .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-leaders .modal-header, .pg-admin-leaders .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-leaders .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-leaders a {color:#38bdf8;}
.pg-admin-leaders a:hover {color:#0f172a;}
.pg-admin-leaders .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-leaders .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-leaders .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-leaders .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-leaders hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-leaders .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-leaders .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-leaders .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-leaders ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-leaders ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-leaders ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-leaders.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode 
.edit-card, .pg-admin-leaders.ld-dark-mode .card, .pg-admin-leaders.ld-dark-mode .section-card, .pg-admin-leaders.ld-dark-mode .settings-section, .pg-admin-leaders.ld-dark-mode .stat-card, .pg-admin-leaders.ld-dark-mode .info-card, .pg-admin-leaders.ld-dark-mode .content-card, .pg-admin-leaders.ld-dark-mode .panel, .pg-admin-leaders.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-leaders.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .nav-item.active a, .pg-admin-leaders.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaders.ld-dark-mode 
.form-input, .pg-admin-leaders.ld-dark-mode .form-select, .pg-admin-leaders.ld-dark-mode .form-textarea, .pg-admin-leaders.ld-dark-mode input[type=text], .pg-admin-leaders.ld-dark-mode input[type=email], .pg-admin-leaders.ld-dark-mode input[type=password], .pg-admin-leaders.ld-dark-mode input[type=number], .pg-admin-leaders.ld-dark-mode input[type=date], .pg-admin-leaders.ld-dark-mode input[type=time], .pg-admin-leaders.ld-dark-mode input[type=tel], .pg-admin-leaders.ld-dark-mode textarea, .pg-admin-leaders.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .form-input::placeholder, .pg-admin-leaders.ld-dark-mode .form-textarea::placeholder, .pg-admin-leaders.ld-dark-mode input::placeholder, .pg-admin-leaders.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-leaders.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .form-label, .pg-admin-leaders.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaders.ld-dark-mode 
.btn-primary, .pg-admin-leaders.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaders.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-leaders.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaders.ld-dark-mode 
h1, .pg-admin-leaders.ld-dark-mode h2, .pg-admin-leaders.ld-dark-mode h3, .pg-admin-leaders.ld-dark-mode h4, .pg-admin-leaders.ld-dark-mode h5, .pg-admin-leaders.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode 
.modal-content, .pg-admin-leaders.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .modal-header, .pg-admin-leaders.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-leaders.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-leaders.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_leaders_academy.php (pg-admin-leaders-academy) ============ */
.pg-admin-leaders-academy, .pg-admin-leaders-academy * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-leaders-academy { font-family:"Inter",sans-serif; background:#ffffff; color:#0f172a; line-height:1.5; }
.pg-admin-leaders-academy .admin-container { display:flex; min-height:100vh; }
.pg-admin-leaders-academy .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-leaders-academy .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #cbd5e1; }
.pg-admin-leaders-academy .admin-nav { list-style:none; flex:1; }
.pg-admin-leaders-academy .admin-nav li { margin-bottom:8px; }
.pg-admin-leaders-academy .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#666; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-leaders-academy .admin-nav a:hover, .pg-admin-leaders-academy .admin-nav a.active { background:#ffffff; color:#0f172a; }
.pg-admin-leaders-academy .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-leaders-academy .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; flex-wrap:wrap; gap:16px; }
.pg-admin-leaders-academy .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-leaders-academy .page-title p { color:#666; }
.pg-admin-leaders-academy .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-leaders-academy .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-leaders-academy .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-leaders-academy .stats-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:32px; }
.pg-admin-leaders-academy .stat-card { background:rgba(15,23,42,.03); border:1px solid rgba(29,78,216,.2); border-radius:16px; padding:20px; }
.pg-admin-leaders-academy .stat-card .num { font-size:26px; font-weight:800; color:#1d4ed8; }
.pg-admin-leaders-academy .stat-card .label { font-size:12px; color:#666; text-transform:uppercase; letter-spacing:.04em; margin-top:4px; }
.pg-admin-leaders-academy .settings-card { background:rgba(15,23,42,.04); border-radius:20px; border:1.5px solid rgba(29,78,216,.25); padding:24px; margin-bottom:24px; }
.pg-admin-leaders-academy .settings-card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-leaders-academy .form-group { margin-bottom:18px; }
.pg-admin-leaders-academy .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-leaders-academy .form-input, .pg-admin-leaders-academy .form-select, .pg-admin-leaders-academy .form-textarea { width:100%; padding:10px 14px; border:1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; background:rgba(15,23,42,.03); color:#0f172a; }
.pg-admin-leaders-academy .form-input:focus, .pg-admin-leaders-academy .form-select:focus, .pg-admin-leaders-academy .form-textarea:focus { outline:none; border-color:#1d4ed8; }
.pg-admin-leaders-academy .form-row { display:flex; gap:16px; flex-wrap:wrap; }
.pg-admin-leaders-academy .form-row .form-group { flex:1; min-width:180px; }
.pg-admin-leaders-academy .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; display:inline-flex; align-items:center; gap:6px; font-family:inherit; }
.pg-admin-leaders-academy .btn-primary { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; }
.pg-admin-leaders-academy .btn-outline { background:transparent; border:1.5px solid rgba(29,78,216,.3); color:#1d4ed8; }
.pg-admin-leaders-academy .btn-danger { background:#ef4444; color:#fff; }
.pg-admin-leaders-academy .btn-success { background:#10b981; color:#fff; }
.pg-admin-leaders-academy .btn-sm { padding:6px 14px; font-size:12px; }
.pg-admin-leaders-academy .data-table { width:100%; border-collapse:collapse; margin-top:12px; }
.pg-admin-leaders-academy .data-table th { text-align:left; padding:10px 14px; background:rgba(15,23,42,.03); font-weight:600; font-size:11px; color:#475569; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-leaders-academy .data-table td { padding:12px 14px; border-bottom:1px solid #eaeaea; font-size:13.5px; }
.pg-admin-leaders-academy .badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-leaders-academy .badge-upcoming { background:#fef3c7; color:#92400e; }
.pg-admin-leaders-academy .badge-completed { background:#ecfdf5; color:#065f46; }
.pg-admin-leaders-academy .badge-cancelled { background:#fee2e2; color:#991b1b; }
.pg-admin-leaders-academy .habit-day-row { display:flex; gap:12px; align-items:flex-start; padding:14px 0; border-bottom:1px solid #eaeaea; }
.pg-admin-leaders-academy .habit-day-row:last-child { border-bottom:none; }
.pg-admin-leaders-academy .habit-day-num { flex-shrink:0; width:36px; height:36px; border-radius:10px; background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
@media  (max-width:768px)  { .pg-admin-leaders-academy .admin-sidebar {transform:translateX(-100%); position:fixed; z-index:1000;}
.pg-admin-leaders-academy .admin-main {margin-left:0; padding:20px;}
.pg-admin-leaders-academy .data-table {display:block; overflow-x:auto;} }
.pg-admin-leaders-academy.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-leaders-academy.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-leaders-academy.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-leaders-academy.ld-dark-mode .admin-nav a:hover, .pg-admin-leaders-academy.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-leaders-academy.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-leaders-academy.ld-dark-mode .stat-card .label { color: #cbd5e1 !important; }
.pg-admin-leaders-academy.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-leaders-academy.ld-dark-mode .form-input, .pg-admin-leaders-academy.ld-dark-mode .form-select, .pg-admin-leaders-academy.ld-dark-mode .form-textarea { color: #f1f5f9 !important; }
.pg-admin-leaders-academy.ld-dark-mode .data-table th { color: #cbd5e1 !important; }


/* ============ admin_message_logs.php (pg-admin-message-logs) ============ */
.pg-admin-message-logs, .pg-admin-message-logs * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-message-logs { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-message-logs .admin-container { display:flex; min-height:100vh; }
.pg-admin-message-logs .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-message-logs .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-message-logs .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-message-logs .admin-nav { list-style:none; flex:1; }
.pg-admin-message-logs .admin-nav li { margin-bottom:8px; }
.pg-admin-message-logs .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-message-logs .admin-nav a:hover, .pg-admin-message-logs .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-message-logs .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-message-logs .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-message-logs .has-submenu.open .submenu { display:block; }
.pg-admin-message-logs .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-message-logs .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-message-logs .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-message-logs .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-message-logs .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-message-logs .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-message-logs .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-message-logs .page-title p { color:#666; }
.pg-admin-message-logs .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-message-logs .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-message-logs .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-message-logs .card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; margin-bottom:32px; }
.pg-admin-message-logs .card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-message-logs .logs-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; }
.pg-admin-message-logs .logs-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-message-logs .logs-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-message-logs .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-message-logs .status-yes { background:#ecfdf5; color:#065f46; }
.pg-admin-message-logs .status-no { background:#fee2e2; color:#991b1b; }
.pg-admin-message-logs .empty-state { text-align:center; padding:60px 20px; color:#888; }
@media  (max-width:768px)  { .pg-admin-message-logs .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-message-logs .admin-main {margin-left:0;padding:20px;}
.pg-admin-message-logs .logs-table {display:block;overflow-x:auto;} }
.pg-admin-message-logs.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-message-logs.ld-dark-mode .admin-nav a:hover, .pg-admin-message-logs.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-message-logs.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .empty-state { color: #cbd5e1 !important; }
.pg-admin-message-logs {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-message-logs, .pg-admin-message-logs {overflow-x:hidden;}
.pg-admin-message-logs {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-message-logs::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-message-logs .app, .pg-admin-message-logs .main, .pg-admin-message-logs .admin-main, .pg-admin-message-logs .admin-container, .pg-admin-message-logs .page-wrap, .pg-admin-message-logs .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-message-logs .edit-card, .pg-admin-message-logs .card, .pg-admin-message-logs .section-card, .pg-admin-message-logs .settings-section, .pg-admin-message-logs .stat-card, .pg-admin-message-logs .info-card, .pg-admin-message-logs .content-card, .pg-admin-message-logs .panel, .pg-admin-message-logs .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-message-logs .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-message-logs .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-message-logs .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-message-logs .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-message-logs .nav-item.active a, .pg-admin-message-logs .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-message-logs .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-message-logs .page-title h1 {color:#0f172a!important;}
.pg-admin-message-logs .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-message-logs .form-input, .pg-admin-message-logs .form-select, .pg-admin-message-logs .form-textarea, .pg-admin-message-logs input[type=text], .pg-admin-message-logs input[type=email], .pg-admin-message-logs input[type=password], .pg-admin-message-logs input[type=number], .pg-admin-message-logs input[type=date], .pg-admin-message-logs input[type=time], .pg-admin-message-logs input[type=tel], .pg-admin-message-logs textarea, .pg-admin-message-logs select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-message-logs .form-input::placeholder, .pg-admin-message-logs .form-textarea::placeholder, .pg-admin-message-logs input::placeholder, .pg-admin-message-logs textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-message-logs .form-input:focus, .pg-admin-message-logs .form-textarea:focus, .pg-admin-message-logs input:focus, .pg-admin-message-logs textarea:focus, .pg-admin-message-logs select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-message-logs select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-message-logs .form-label, .pg-admin-message-logs label {color:rgba(15,23,42,.7)!important;}
.pg-admin-message-logs .btn-primary, .pg-admin-message-logs button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-message-logs .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-message-logs .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-message-logs .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-message-logs .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-message-logs table {border-collapse:collapse;}
.pg-admin-message-logs th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-message-logs td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-message-logs tr:last-child td {border-bottom:none!important;}
.pg-admin-message-logs tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-message-logs .badge-success, .pg-admin-message-logs .status-active, .pg-admin-message-logs .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-message-logs .badge-danger, .pg-admin-message-logs .status-expired, .pg-admin-message-logs .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-message-logs .badge-warning, .pg-admin-message-logs .status-pending, .pg-admin-message-logs .status-Pending, .pg-admin-message-logs .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-message-logs .badge-primary, .pg-admin-message-logs .badge-info, .pg-admin-message-logs .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-message-logs .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-message-logs .alert-error, .pg-admin-message-logs .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-message-logs .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-message-logs h1, .pg-admin-message-logs h2, .pg-admin-message-logs h3, .pg-admin-message-logs h4, .pg-admin-message-logs h5, .pg-admin-message-logs h6 {color:#0f172a;}
.pg-admin-message-logs h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-message-logs .modal-content, .pg-admin-message-logs .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-message-logs .modal-header, .pg-admin-message-logs .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-message-logs .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-message-logs a {color:#38bdf8;}
.pg-admin-message-logs a:hover {color:#0f172a;}
.pg-admin-message-logs .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-message-logs .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-message-logs .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-message-logs .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-message-logs hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-message-logs .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-message-logs .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-message-logs .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-message-logs ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-message-logs ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-message-logs ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-message-logs.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode 
.edit-card, .pg-admin-message-logs.ld-dark-mode .card, .pg-admin-message-logs.ld-dark-mode .section-card, .pg-admin-message-logs.ld-dark-mode .settings-section, .pg-admin-message-logs.ld-dark-mode .stat-card, .pg-admin-message-logs.ld-dark-mode .info-card, .pg-admin-message-logs.ld-dark-mode .content-card, .pg-admin-message-logs.ld-dark-mode .panel, .pg-admin-message-logs.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-message-logs.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .nav-item.active a, .pg-admin-message-logs.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-message-logs.ld-dark-mode 
.form-input, .pg-admin-message-logs.ld-dark-mode .form-select, .pg-admin-message-logs.ld-dark-mode .form-textarea, .pg-admin-message-logs.ld-dark-mode input[type=text], .pg-admin-message-logs.ld-dark-mode input[type=email], .pg-admin-message-logs.ld-dark-mode input[type=password], .pg-admin-message-logs.ld-dark-mode input[type=number], .pg-admin-message-logs.ld-dark-mode input[type=date], .pg-admin-message-logs.ld-dark-mode input[type=time], .pg-admin-message-logs.ld-dark-mode input[type=tel], .pg-admin-message-logs.ld-dark-mode textarea, .pg-admin-message-logs.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .form-input::placeholder, .pg-admin-message-logs.ld-dark-mode .form-textarea::placeholder, .pg-admin-message-logs.ld-dark-mode input::placeholder, .pg-admin-message-logs.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-message-logs.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .form-label, .pg-admin-message-logs.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-message-logs.ld-dark-mode 
.btn-primary, .pg-admin-message-logs.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-message-logs.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-message-logs.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-message-logs.ld-dark-mode 
h1, .pg-admin-message-logs.ld-dark-mode h2, .pg-admin-message-logs.ld-dark-mode h3, .pg-admin-message-logs.ld-dark-mode h4, .pg-admin-message-logs.ld-dark-mode h5, .pg-admin-message-logs.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode 
.modal-content, .pg-admin-message-logs.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .modal-header, .pg-admin-message-logs.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-message-logs.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-message-logs.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_messages.php (pg-admin-messages) ============ */
.pg-admin-messages, .pg-admin-messages * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-messages { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-messages .admin-container { display:flex; min-height:100vh; }
.pg-admin-messages .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-messages .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-messages .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-messages .admin-nav { list-style:none; flex:1; }
.pg-admin-messages .admin-nav li { margin-bottom:8px; }
.pg-admin-messages .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-messages .admin-nav a:hover, .pg-admin-messages .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-messages .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-messages .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-messages .has-submenu.open .submenu { display:block; }
.pg-admin-messages .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-messages .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-messages .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-messages .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-messages .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-messages .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-messages .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-messages .page-title p { color:#666; }
.pg-admin-messages .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-messages .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-messages .btn-primary:hover { background:#e2e8f0; }
.pg-admin-messages .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-messages .btn-outline:hover { background: #ffffff; }
.pg-admin-messages .btn-success { background:#10b981; color:#0f172a; }
.pg-admin-messages .btn-success:hover { background:#059669; }
.pg-admin-messages .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-messages .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-messages .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-messages .form-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; margin-bottom:32px; }
.pg-admin-messages .form-card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-messages .form-group { margin-bottom:20px; }
.pg-admin-messages .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-messages .form-input, .pg-admin-messages .form-select, .pg-admin-messages .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-messages .form-textarea { min-height:120px; resize:vertical; }
.pg-admin-messages .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-messages .radio-group { display:flex; gap:20px; margin-bottom:20px; align-items:center; }
.pg-admin-messages .radio-group label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.pg-admin-messages .jobs-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-messages .jobs-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-messages .jobs-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-messages .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-messages .status-pending { background:#fef3c7; color:#92400e; }
.pg-admin-messages .status-sent { background:#ecfdf5; color:#065f46; }
.pg-admin-messages .status-failed { background:#fee2e2; color:#991b1b; }
.pg-admin-messages .status-cancelled { background:#f1f5f9; color:#475569; }
.pg-admin-messages .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-messages .modal.show { display:flex; }
.pg-admin-messages .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:600px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-messages .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-messages .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-messages .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-messages .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-messages .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-messages .info-note { background:#e0f2fe; color:#0369a1; padding:8px 12px; border-radius:8px; font-size:12px; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-messages .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-messages .admin-main {margin-left:0;padding:20px;}
.pg-admin-messages .form-row {grid-template-columns:1fr;}
.pg-admin-messages .jobs-table {display:block;overflow-x:auto;} }
.pg-admin-messages.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-messages.ld-dark-mode .admin-nav a:hover, .pg-admin-messages.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-messages.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-messages.ld-dark-mode .status-cancelled { color: #cbd5e1 !important; }
.pg-admin-messages.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-messages {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-messages, .pg-admin-messages {overflow-x:hidden;}
.pg-admin-messages {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-messages::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-messages .app, .pg-admin-messages .main, .pg-admin-messages .admin-main, .pg-admin-messages .admin-container, .pg-admin-messages .page-wrap, .pg-admin-messages .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-messages .edit-card, .pg-admin-messages .card, .pg-admin-messages .section-card, .pg-admin-messages .settings-section, .pg-admin-messages .stat-card, .pg-admin-messages .info-card, .pg-admin-messages .content-card, .pg-admin-messages .panel, .pg-admin-messages .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-messages .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-messages .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-messages .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-messages .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-messages .nav-item.active a, .pg-admin-messages .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-messages .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-messages .page-title h1 {color:#0f172a!important;}
.pg-admin-messages .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-messages .form-input, .pg-admin-messages .form-select, .pg-admin-messages .form-textarea, .pg-admin-messages input[type=text], .pg-admin-messages input[type=email], .pg-admin-messages input[type=password], .pg-admin-messages input[type=number], .pg-admin-messages input[type=date], .pg-admin-messages input[type=time], .pg-admin-messages input[type=tel], .pg-admin-messages textarea, .pg-admin-messages select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-messages .form-input::placeholder, .pg-admin-messages .form-textarea::placeholder, .pg-admin-messages input::placeholder, .pg-admin-messages textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-messages .form-input:focus, .pg-admin-messages .form-textarea:focus, .pg-admin-messages input:focus, .pg-admin-messages textarea:focus, .pg-admin-messages select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-messages select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-messages .form-label, .pg-admin-messages label {color:rgba(15,23,42,.7)!important;}
.pg-admin-messages .btn-primary, .pg-admin-messages button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-messages .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-messages .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-messages .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-messages .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-messages table {border-collapse:collapse;}
.pg-admin-messages th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-messages td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-messages tr:last-child td {border-bottom:none!important;}
.pg-admin-messages tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-messages .badge-success, .pg-admin-messages .status-active, .pg-admin-messages .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-messages .badge-danger, .pg-admin-messages .status-expired, .pg-admin-messages .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-messages .badge-warning, .pg-admin-messages .status-pending, .pg-admin-messages .status-Pending, .pg-admin-messages .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-messages .badge-primary, .pg-admin-messages .badge-info, .pg-admin-messages .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-messages .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-messages .alert-error, .pg-admin-messages .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-messages .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-messages h1, .pg-admin-messages h2, .pg-admin-messages h3, .pg-admin-messages h4, .pg-admin-messages h5, .pg-admin-messages h6 {color:#0f172a;}
.pg-admin-messages h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-messages .modal-content, .pg-admin-messages .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-messages .modal-header, .pg-admin-messages .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-messages .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-messages a {color:#38bdf8;}
.pg-admin-messages a:hover {color:#0f172a;}
.pg-admin-messages .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-messages .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-messages .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-messages .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-messages hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-messages .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-messages .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-messages .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-messages ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-messages ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-messages ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-messages.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode 
.edit-card, .pg-admin-messages.ld-dark-mode .card, .pg-admin-messages.ld-dark-mode .section-card, .pg-admin-messages.ld-dark-mode .settings-section, .pg-admin-messages.ld-dark-mode .stat-card, .pg-admin-messages.ld-dark-mode .info-card, .pg-admin-messages.ld-dark-mode .content-card, .pg-admin-messages.ld-dark-mode .panel, .pg-admin-messages.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-messages.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .nav-item.active a, .pg-admin-messages.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-messages.ld-dark-mode 
.form-input, .pg-admin-messages.ld-dark-mode .form-select, .pg-admin-messages.ld-dark-mode .form-textarea, .pg-admin-messages.ld-dark-mode input[type=text], .pg-admin-messages.ld-dark-mode input[type=email], .pg-admin-messages.ld-dark-mode input[type=password], .pg-admin-messages.ld-dark-mode input[type=number], .pg-admin-messages.ld-dark-mode input[type=date], .pg-admin-messages.ld-dark-mode input[type=time], .pg-admin-messages.ld-dark-mode input[type=tel], .pg-admin-messages.ld-dark-mode textarea, .pg-admin-messages.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .form-input::placeholder, .pg-admin-messages.ld-dark-mode .form-textarea::placeholder, .pg-admin-messages.ld-dark-mode input::placeholder, .pg-admin-messages.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-messages.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .form-label, .pg-admin-messages.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-messages.ld-dark-mode 
.btn-primary, .pg-admin-messages.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-messages.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-messages.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-messages.ld-dark-mode 
h1, .pg-admin-messages.ld-dark-mode h2, .pg-admin-messages.ld-dark-mode h3, .pg-admin-messages.ld-dark-mode h4, .pg-admin-messages.ld-dark-mode h5, .pg-admin-messages.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode 
.modal-content, .pg-admin-messages.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .modal-header, .pg-admin-messages.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-messages.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-messages.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_payment_settings.php (pg-admin-payment-settings) ============ */
.pg-admin-payment-settings, .pg-admin-payment-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-payment-settings { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-payment-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-payment-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-payment-settings .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-payment-settings .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-payment-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-payment-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-payment-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-payment-settings .admin-nav a:hover, .pg-admin-payment-settings .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-payment-settings .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-payment-settings .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-payment-settings .has-submenu.open .submenu { display:block; }
.pg-admin-payment-settings .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-payment-settings .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-payment-settings .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-payment-settings .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-payment-settings .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-payment-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-payment-settings .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-payment-settings .page-title p { color:#666; }
.pg-admin-payment-settings .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-payment-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-payment-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-payment-settings .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-payment-settings .settings-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-bottom:32px; }
.pg-admin-payment-settings .settings-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; }
.pg-admin-payment-settings .settings-card.full-width { grid-column:1/-1; }
.pg-admin-payment-settings .settings-card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-payment-settings .form-group { margin-bottom:20px; }
.pg-admin-payment-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-payment-settings .form-input, .pg-admin-payment-settings .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-payment-settings .form-input:focus, .pg-admin-payment-settings .form-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-payment-settings .checkbox-group { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.pg-admin-payment-settings .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-payment-settings .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-payment-settings .btn-primary:hover { background:#e2e8f0; }
.pg-admin-payment-settings .btn-warning { background:#f59e0b; color:#0f172a; }
.pg-admin-payment-settings .btn-warning:hover { background:#d97706; }
.pg-admin-payment-settings .status-badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-payment-settings .status-trial { background:#fef3c7; color:#92400e; }
.pg-admin-payment-settings .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-payment-settings .status-expired { background:#fee2e2; color:#991b1b; }
.pg-admin-payment-settings .status-suspended { background:#f1f5f9; color:#475569; }
.pg-admin-payment-settings .teams-table { width:100%; border-collapse:collapse; margin-top:20px; }
.pg-admin-payment-settings .teams-table th { text-align:left; padding:12px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-payment-settings .teams-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-payment-settings .info-note { background:#f0f9ff; padding:16px; border-radius:12px; margin-top:20px; font-size:13px; color:#0369a1; border-left:3px solid #0284c7; }
@media  (max-width:768px)  { .pg-admin-payment-settings .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-payment-settings .admin-main {margin-left:0;padding:20px;}
.pg-admin-payment-settings .settings-grid {grid-template-columns:1fr;}
.pg-admin-payment-settings .teams-table {display:block;overflow-x:auto;} }
.pg-admin-payment-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-payment-settings.ld-dark-mode .admin-nav a:hover, .pg-admin-payment-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-payment-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .status-suspended { color: #cbd5e1 !important; }
.pg-admin-payment-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-payment-settings, .pg-admin-payment-settings {overflow-x:hidden;}
.pg-admin-payment-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-payment-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-payment-settings .app, .pg-admin-payment-settings .main, .pg-admin-payment-settings .admin-main, .pg-admin-payment-settings .admin-container, .pg-admin-payment-settings .page-wrap, .pg-admin-payment-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-payment-settings .edit-card, .pg-admin-payment-settings .card, .pg-admin-payment-settings .section-card, .pg-admin-payment-settings .settings-section, .pg-admin-payment-settings .stat-card, .pg-admin-payment-settings .info-card, .pg-admin-payment-settings .content-card, .pg-admin-payment-settings .panel, .pg-admin-payment-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-payment-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-payment-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-payment-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-payment-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-payment-settings .nav-item.active a, .pg-admin-payment-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-payment-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-payment-settings .page-title h1 {color:#0f172a!important;}
.pg-admin-payment-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-payment-settings .form-input, .pg-admin-payment-settings .form-select, .pg-admin-payment-settings .form-textarea, .pg-admin-payment-settings input[type=text], .pg-admin-payment-settings input[type=email], .pg-admin-payment-settings input[type=password], .pg-admin-payment-settings input[type=number], .pg-admin-payment-settings input[type=date], .pg-admin-payment-settings input[type=time], .pg-admin-payment-settings input[type=tel], .pg-admin-payment-settings textarea, .pg-admin-payment-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-payment-settings .form-input::placeholder, .pg-admin-payment-settings .form-textarea::placeholder, .pg-admin-payment-settings input::placeholder, .pg-admin-payment-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-payment-settings .form-input:focus, .pg-admin-payment-settings .form-textarea:focus, .pg-admin-payment-settings input:focus, .pg-admin-payment-settings textarea:focus, .pg-admin-payment-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-payment-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-payment-settings .form-label, .pg-admin-payment-settings label {color:rgba(15,23,42,.7)!important;}
.pg-admin-payment-settings .btn-primary, .pg-admin-payment-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-payment-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-payment-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-payment-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-payment-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-payment-settings table {border-collapse:collapse;}
.pg-admin-payment-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-payment-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-payment-settings tr:last-child td {border-bottom:none!important;}
.pg-admin-payment-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-payment-settings .badge-success, .pg-admin-payment-settings .status-active, .pg-admin-payment-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-payment-settings .badge-danger, .pg-admin-payment-settings .status-expired, .pg-admin-payment-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-payment-settings .badge-warning, .pg-admin-payment-settings .status-pending, .pg-admin-payment-settings .status-Pending, .pg-admin-payment-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-payment-settings .badge-primary, .pg-admin-payment-settings .badge-info, .pg-admin-payment-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-payment-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-payment-settings .alert-error, .pg-admin-payment-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-payment-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-payment-settings h1, .pg-admin-payment-settings h2, .pg-admin-payment-settings h3, .pg-admin-payment-settings h4, .pg-admin-payment-settings h5, .pg-admin-payment-settings h6 {color:#0f172a;}
.pg-admin-payment-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-payment-settings .modal-content, .pg-admin-payment-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-payment-settings .modal-header, .pg-admin-payment-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-payment-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-payment-settings a {color:#38bdf8;}
.pg-admin-payment-settings a:hover {color:#0f172a;}
.pg-admin-payment-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-payment-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-payment-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-payment-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-payment-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-payment-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-payment-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-payment-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-payment-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-payment-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-payment-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-payment-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode 
.edit-card, .pg-admin-payment-settings.ld-dark-mode .card, .pg-admin-payment-settings.ld-dark-mode .section-card, .pg-admin-payment-settings.ld-dark-mode .settings-section, .pg-admin-payment-settings.ld-dark-mode .stat-card, .pg-admin-payment-settings.ld-dark-mode .info-card, .pg-admin-payment-settings.ld-dark-mode .content-card, .pg-admin-payment-settings.ld-dark-mode .panel, .pg-admin-payment-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-payment-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .nav-item.active a, .pg-admin-payment-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-payment-settings.ld-dark-mode 
.form-input, .pg-admin-payment-settings.ld-dark-mode .form-select, .pg-admin-payment-settings.ld-dark-mode .form-textarea, .pg-admin-payment-settings.ld-dark-mode input[type=text], .pg-admin-payment-settings.ld-dark-mode input[type=email], .pg-admin-payment-settings.ld-dark-mode input[type=password], .pg-admin-payment-settings.ld-dark-mode input[type=number], .pg-admin-payment-settings.ld-dark-mode input[type=date], .pg-admin-payment-settings.ld-dark-mode input[type=time], .pg-admin-payment-settings.ld-dark-mode input[type=tel], .pg-admin-payment-settings.ld-dark-mode textarea, .pg-admin-payment-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .form-input::placeholder, .pg-admin-payment-settings.ld-dark-mode .form-textarea::placeholder, .pg-admin-payment-settings.ld-dark-mode input::placeholder, .pg-admin-payment-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-payment-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .form-label, .pg-admin-payment-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-payment-settings.ld-dark-mode 
.btn-primary, .pg-admin-payment-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-payment-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-payment-settings.ld-dark-mode 
h1, .pg-admin-payment-settings.ld-dark-mode h2, .pg-admin-payment-settings.ld-dark-mode h3, .pg-admin-payment-settings.ld-dark-mode h4, .pg-admin-payment-settings.ld-dark-mode h5, .pg-admin-payment-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode 
.modal-content, .pg-admin-payment-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .modal-header, .pg-admin-payment-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-payment-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-payment-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_performance_weights.php (pg-admin-performance-weights) ============ */
.pg-admin-performance-weights, .pg-admin-performance-weights * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-performance-weights { font-family:"Inter",sans-serif; background: rgba(15,23,42,.03); color:#1e293b; }
.pg-admin-performance-weights .admin-container { display:flex; min-height:100vh; }
.pg-admin-performance-weights .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; position:fixed; height:100vh; overflow-y:auto; padding:32px 24px; }
.pg-admin-performance-weights .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-performance-weights .admin-logo span { color:#ef4444; font-size:12px; background:#e2e8f0; padding:4px 8px; border-radius:100px; margin-left:8px; }
.pg-admin-performance-weights .admin-nav { list-style:none; }
.pg-admin-performance-weights .admin-nav li { margin-bottom:8px; }
.pg-admin-performance-weights .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; gap:12px; transition:all 0.2s; }
.pg-admin-performance-weights .admin-nav a:hover, .pg-admin-performance-weights .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-performance-weights .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-performance-weights .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-performance-weights .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-performance-weights .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-performance-weights .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-performance-weights .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-performance-weights .page-title p { color:#64748b; }
.pg-admin-performance-weights .alert { padding:16px 20px; border-radius:12px; margin-bottom:24px; display:flex; justify-content:space-between; align-items:center; }
.pg-admin-performance-weights .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-performance-weights .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-performance-weights .alert-close { background:none; border:none; font-size:18px; cursor:pointer; color:inherit; opacity:0.5; }
.pg-admin-performance-weights .card { background: rgba(15,23,42,.04); border-radius:24px; border: 1px solid rgba(29,78,216,.2); padding:32px; margin-bottom:32px; box-shadow:0 4px 16px rgba(0,0,0,0.02); }
.pg-admin-performance-weights .card h2 { font-size:20px; font-weight:600; margin-bottom:16px; }
.pg-admin-performance-weights .form-group { margin-bottom:24px; }
.pg-admin-performance-weights .form-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; color:#475569; text-transform:uppercase; letter-spacing:0.3px; }
.pg-admin-performance-weights .form-input { width:100%; padding:12px 16px; border:1.5px solid #e2e8f0; border-radius:12px; font-size:15px; }
.pg-admin-performance-weights .form-input:focus { outline:none; border-color:#10b981; }
.pg-admin-performance-weights .weight-row { display:flex; align-items:center; gap:20px; margin-bottom:20px; padding:16px; background: rgba(15,23,42,.03); border-radius:16px; }
.pg-admin-performance-weights .weight-metric { flex:2; font-weight:600; }
.pg-admin-performance-weights .weight-input { flex:1; }
.pg-admin-performance-weights .weight-input input { width:100%; padding:10px 12px; border:1.5px solid #e2e8f0; border-radius:12px; font-size:15px; }
.pg-admin-performance-weights .weight-percent { flex:0.5; color:#64748b; }
.pg-admin-performance-weights .total-row { margin-top:24px; padding-top:24px; border-top:1px solid #e2e8f0; display:flex; justify-content:flex-end; gap:20px; font-weight:600; }
.pg-admin-performance-weights .btn { padding:12px 28px; border-radius:100px; font-weight:600; border:none; cursor:pointer; transition:all 0.2s; }
.pg-admin-performance-weights .btn-primary { background:#10b981; color:#0f172a; }
.pg-admin-performance-weights .btn-primary:hover { background:#059669; transform:translateY(-2px); }
.pg-admin-performance-weights .btn-outline { background: rgba(15,23,42,.04); border:1.5px solid #e2e8f0; color:#1e293b; }
.pg-admin-performance-weights .btn-outline:hover { background:#f1f5f9; }
.pg-admin-performance-weights .info-box { background:#f0fdf4; border:1px solid #bbf7d0; border-radius:16px; padding:20px; margin-bottom:32px; }
.pg-admin-performance-weights .info-box p { color:#065f46; font-size:14px; line-height:1.5; }
@media  (max-width:768px)  { .pg-admin-performance-weights .admin-sidebar { transform:translateX(-100%); }
.pg-admin-performance-weights .admin-main { margin-left:0; padding:20px; }
.pg-admin-performance-weights .weight-row { flex-direction:column; align-items:stretch; } }
.pg-admin-performance-weights.ld-dark-mode body { color: #e2e8f0 !important; }
.pg-admin-performance-weights.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-performance-weights.ld-dark-mode .admin-nav a:hover, .pg-admin-performance-weights.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-performance-weights.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-performance-weights.ld-dark-mode .weight-percent { color: #cbd5e1 !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-outline { color: #e2e8f0 !important; }
.pg-admin-performance-weights {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-performance-weights, .pg-admin-performance-weights {overflow-x:hidden;}
.pg-admin-performance-weights {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-performance-weights::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-performance-weights .app, .pg-admin-performance-weights .main, .pg-admin-performance-weights .admin-main, .pg-admin-performance-weights .admin-container, .pg-admin-performance-weights .page-wrap, .pg-admin-performance-weights .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-performance-weights .edit-card, .pg-admin-performance-weights .card, .pg-admin-performance-weights .section-card, .pg-admin-performance-weights .settings-section, .pg-admin-performance-weights .stat-card, .pg-admin-performance-weights .info-card, .pg-admin-performance-weights .content-card, .pg-admin-performance-weights .panel, .pg-admin-performance-weights .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-performance-weights .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-performance-weights .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-performance-weights .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-performance-weights .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-performance-weights .nav-item.active a, .pg-admin-performance-weights .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-performance-weights .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-performance-weights .page-title h1 {color:#0f172a!important;}
.pg-admin-performance-weights .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-performance-weights .form-input, .pg-admin-performance-weights .form-select, .pg-admin-performance-weights .form-textarea, .pg-admin-performance-weights input[type=text], .pg-admin-performance-weights input[type=email], .pg-admin-performance-weights input[type=password], .pg-admin-performance-weights input[type=number], .pg-admin-performance-weights input[type=date], .pg-admin-performance-weights input[type=time], .pg-admin-performance-weights input[type=tel], .pg-admin-performance-weights textarea, .pg-admin-performance-weights select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-performance-weights .form-input::placeholder, .pg-admin-performance-weights .form-textarea::placeholder, .pg-admin-performance-weights input::placeholder, .pg-admin-performance-weights textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-performance-weights .form-input:focus, .pg-admin-performance-weights .form-textarea:focus, .pg-admin-performance-weights input:focus, .pg-admin-performance-weights textarea:focus, .pg-admin-performance-weights select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-performance-weights select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-performance-weights .form-label, .pg-admin-performance-weights label {color:rgba(15,23,42,.7)!important;}
.pg-admin-performance-weights .btn-primary, .pg-admin-performance-weights button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-performance-weights .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-performance-weights .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-performance-weights .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-performance-weights .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-performance-weights table {border-collapse:collapse;}
.pg-admin-performance-weights th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-performance-weights td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-performance-weights tr:last-child td {border-bottom:none!important;}
.pg-admin-performance-weights tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-performance-weights .badge-success, .pg-admin-performance-weights .status-active, .pg-admin-performance-weights .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-performance-weights .badge-danger, .pg-admin-performance-weights .status-expired, .pg-admin-performance-weights .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-performance-weights .badge-warning, .pg-admin-performance-weights .status-pending, .pg-admin-performance-weights .status-Pending, .pg-admin-performance-weights .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-performance-weights .badge-primary, .pg-admin-performance-weights .badge-info, .pg-admin-performance-weights .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-performance-weights .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-performance-weights .alert-error, .pg-admin-performance-weights .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-performance-weights .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-performance-weights h1, .pg-admin-performance-weights h2, .pg-admin-performance-weights h3, .pg-admin-performance-weights h4, .pg-admin-performance-weights h5, .pg-admin-performance-weights h6 {color:#0f172a;}
.pg-admin-performance-weights h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-performance-weights .modal-content, .pg-admin-performance-weights .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-performance-weights .modal-header, .pg-admin-performance-weights .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-performance-weights .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-performance-weights a {color:#38bdf8;}
.pg-admin-performance-weights a:hover {color:#0f172a;}
.pg-admin-performance-weights .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-performance-weights .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-performance-weights .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-performance-weights .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-performance-weights hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-performance-weights .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-performance-weights .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-performance-weights .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-performance-weights ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-performance-weights ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-performance-weights ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-performance-weights.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode 
.edit-card, .pg-admin-performance-weights.ld-dark-mode .card, .pg-admin-performance-weights.ld-dark-mode .section-card, .pg-admin-performance-weights.ld-dark-mode .settings-section, .pg-admin-performance-weights.ld-dark-mode .stat-card, .pg-admin-performance-weights.ld-dark-mode .info-card, .pg-admin-performance-weights.ld-dark-mode .content-card, .pg-admin-performance-weights.ld-dark-mode .panel, .pg-admin-performance-weights.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-performance-weights.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .nav-item.active a, .pg-admin-performance-weights.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-performance-weights.ld-dark-mode 
.form-input, .pg-admin-performance-weights.ld-dark-mode .form-select, .pg-admin-performance-weights.ld-dark-mode .form-textarea, .pg-admin-performance-weights.ld-dark-mode input[type=text], .pg-admin-performance-weights.ld-dark-mode input[type=email], .pg-admin-performance-weights.ld-dark-mode input[type=password], .pg-admin-performance-weights.ld-dark-mode input[type=number], .pg-admin-performance-weights.ld-dark-mode input[type=date], .pg-admin-performance-weights.ld-dark-mode input[type=time], .pg-admin-performance-weights.ld-dark-mode input[type=tel], .pg-admin-performance-weights.ld-dark-mode textarea, .pg-admin-performance-weights.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .form-input::placeholder, .pg-admin-performance-weights.ld-dark-mode .form-textarea::placeholder, .pg-admin-performance-weights.ld-dark-mode input::placeholder, .pg-admin-performance-weights.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-performance-weights.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .form-label, .pg-admin-performance-weights.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-performance-weights.ld-dark-mode 
.btn-primary, .pg-admin-performance-weights.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-performance-weights.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-performance-weights.ld-dark-mode 
h1, .pg-admin-performance-weights.ld-dark-mode h2, .pg-admin-performance-weights.ld-dark-mode h3, .pg-admin-performance-weights.ld-dark-mode h4, .pg-admin-performance-weights.ld-dark-mode h5, .pg-admin-performance-weights.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode 
.modal-content, .pg-admin-performance-weights.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .modal-header, .pg-admin-performance-weights.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-performance-weights.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-performance-weights.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_point_rules.php (pg-admin-point-rules) ============ */
.pg-admin-point-rules, .pg-admin-point-rules * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-point-rules { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-point-rules .admin-container { display:flex; min-height:100vh; }
.pg-admin-point-rules .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-point-rules .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-point-rules .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-point-rules .admin-nav { list-style:none; flex:1; }
.pg-admin-point-rules .admin-nav li { margin-bottom:8px; }
.pg-admin-point-rules .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-point-rules .admin-nav a:hover, .pg-admin-point-rules .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-point-rules .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-point-rules .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-point-rules .has-submenu.open .submenu { display:block; }
.pg-admin-point-rules .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-point-rules .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-point-rules .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-point-rules .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-point-rules .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-point-rules .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-point-rules .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-point-rules .page-title p { color:#666; }
.pg-admin-point-rules .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-point-rules .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-point-rules .btn-primary:hover { background:#e2e8f0; transform:translateY(-2px); }
.pg-admin-point-rules .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-point-rules .btn-outline:hover { background: #ffffff; }
.pg-admin-point-rules .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-point-rules .btn-danger:hover { background:#dc2626; }
.pg-admin-point-rules .btn-success { background:#10b981; color:#0f172a; }
.pg-admin-point-rules .btn-success:hover { background:#059669; }
.pg-admin-point-rules .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-point-rules .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-point-rules .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-point-rules .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-point-rules .stats-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-bottom:32px; }
.pg-admin-point-rules .stat-card { background: rgba(15,23,42,.04); padding:20px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); text-align:center; }
.pg-admin-point-rules .stat-value { font-size:32px; font-weight:700; color: #0f172a; }
.pg-admin-point-rules .stat-label { font-size:13px; color:#666; margin-top:4px; }
.pg-admin-point-rules .rules-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-point-rules .rules-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-point-rules .rules-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; vertical-align:middle; }
.pg-admin-point-rules .rules-table tr:last-child td { border-bottom:none; }
.pg-admin-point-rules .status-badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-point-rules .status-enabled { background:#ecfdf5; color:#065f46; }
.pg-admin-point-rules .status-disabled { background:#fee2e2; color:#991b1b; }
.pg-admin-point-rules .action-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.pg-admin-point-rules .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-point-rules .modal.show { display:flex; }
.pg-admin-point-rules .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:600px; width:90%; max-height:90vh; overflow-y:auto; animation:pg-admin-point-rules-modalSlideIn 0.3s ease-out; }
.pg-admin-point-rules .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-point-rules .modal-header h2 { font-size:24px; font-weight:700; }
.pg-admin-point-rules .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-point-rules .modal-close:hover { color: #0f172a; }
.pg-admin-point-rules .form-group { margin-bottom:20px; }
.pg-admin-point-rules .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-point-rules .form-input, .pg-admin-point-rules .form-select, .pg-admin-point-rules .form-textarea { width:100%; padding:12px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; font-family:inherit; transition:all 0.2s; }
.pg-admin-point-rules .form-input:focus, .pg-admin-point-rules .form-select:focus, .pg-admin-point-rules .form-textarea:focus { outline:none; border-color: #0f172a; }
.pg-admin-point-rules .form-textarea { min-height:100px; resize:vertical; }
.pg-admin-point-rules .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-point-rules .checkbox-group { display:flex; align-items:center; gap:12px; margin-top:8px; }
.pg-admin-point-rules .checkbox-group input { width:20px; height:20px; cursor:pointer; }
.pg-admin-point-rules .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-point-rules .logs-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); margin-top:16px; }
.pg-admin-point-rules .logs-table th { text-align:left; padding:12px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#666; border-bottom:1px solid #eaeaea; }
.pg-admin-point-rules .logs-table td { padding:10px 16px; border-bottom:1px solid #eaeaea; font-size:12px; }
.pg-admin-point-rules .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-point-rules .empty-state span { font-size:48px; display:block; margin-bottom:16px; opacity:0.5; }
.pg-admin-point-rules .empty-state h3 { font-size:18px; margin-bottom:8px; }
.pg-admin-point-rules .empty-state p { color:#888; }
@keyframes pg-admin-point-rules-modalSlideIn { from{opacity:0;transform:translateY(-30px);} to{opacity:1;transform:translateY(0);} }
@media  (max-width:768px)  { .pg-admin-point-rules .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-point-rules .admin-main {margin-left:0;padding:20px;}
.pg-admin-point-rules .stats-grid {grid-template-columns:repeat(2,1fr);}
.pg-admin-point-rules .rules-table {display:block;overflow-x:auto;}
.pg-admin-point-rules .form-row {grid-template-columns:1fr;} }
.pg-admin-point-rules.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .admin-nav a:hover, .pg-admin-point-rules.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .stat-value { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .modal-close:hover { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .logs-table th { color: #cbd5e1 !important; }
.pg-admin-point-rules.ld-dark-mode .empty-state p { color: #cbd5e1 !important; }
.pg-admin-point-rules {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-point-rules, .pg-admin-point-rules {overflow-x:hidden;}
.pg-admin-point-rules {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-point-rules::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-point-rules .app, .pg-admin-point-rules .main, .pg-admin-point-rules .admin-main, .pg-admin-point-rules .admin-container, .pg-admin-point-rules .page-wrap, .pg-admin-point-rules .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-point-rules .edit-card, .pg-admin-point-rules .card, .pg-admin-point-rules .section-card, .pg-admin-point-rules .settings-section, .pg-admin-point-rules .stat-card, .pg-admin-point-rules .info-card, .pg-admin-point-rules .content-card, .pg-admin-point-rules .panel, .pg-admin-point-rules .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-point-rules .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-point-rules .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-point-rules .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-point-rules .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-point-rules .nav-item.active a, .pg-admin-point-rules .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-point-rules .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-point-rules .page-title h1 {color:#0f172a!important;}
.pg-admin-point-rules .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-point-rules .form-input, .pg-admin-point-rules .form-select, .pg-admin-point-rules .form-textarea, .pg-admin-point-rules input[type=text], .pg-admin-point-rules input[type=email], .pg-admin-point-rules input[type=password], .pg-admin-point-rules input[type=number], .pg-admin-point-rules input[type=date], .pg-admin-point-rules input[type=time], .pg-admin-point-rules input[type=tel], .pg-admin-point-rules textarea, .pg-admin-point-rules select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-point-rules .form-input::placeholder, .pg-admin-point-rules .form-textarea::placeholder, .pg-admin-point-rules input::placeholder, .pg-admin-point-rules textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-point-rules .form-input:focus, .pg-admin-point-rules .form-textarea:focus, .pg-admin-point-rules input:focus, .pg-admin-point-rules textarea:focus, .pg-admin-point-rules select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-point-rules select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-point-rules .form-label, .pg-admin-point-rules label {color:rgba(15,23,42,.7)!important;}
.pg-admin-point-rules .btn-primary, .pg-admin-point-rules button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-point-rules .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-point-rules .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-point-rules .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-point-rules .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-point-rules table {border-collapse:collapse;}
.pg-admin-point-rules th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-point-rules td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-point-rules tr:last-child td {border-bottom:none!important;}
.pg-admin-point-rules tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-point-rules .badge-success, .pg-admin-point-rules .status-active, .pg-admin-point-rules .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-point-rules .badge-danger, .pg-admin-point-rules .status-expired, .pg-admin-point-rules .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-point-rules .badge-warning, .pg-admin-point-rules .status-pending, .pg-admin-point-rules .status-Pending, .pg-admin-point-rules .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-point-rules .badge-primary, .pg-admin-point-rules .badge-info, .pg-admin-point-rules .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-point-rules .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-point-rules .alert-error, .pg-admin-point-rules .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-point-rules .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-point-rules h1, .pg-admin-point-rules h2, .pg-admin-point-rules h3, .pg-admin-point-rules h4, .pg-admin-point-rules h5, .pg-admin-point-rules h6 {color:#0f172a;}
.pg-admin-point-rules h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-point-rules .modal-content, .pg-admin-point-rules .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-point-rules .modal-header, .pg-admin-point-rules .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-point-rules .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-point-rules a {color:#38bdf8;}
.pg-admin-point-rules a:hover {color:#0f172a;}
.pg-admin-point-rules .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-point-rules .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-point-rules .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-point-rules .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-point-rules hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-point-rules .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-point-rules .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-point-rules .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-point-rules ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-point-rules ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-point-rules ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-point-rules.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode 
.edit-card, .pg-admin-point-rules.ld-dark-mode .card, .pg-admin-point-rules.ld-dark-mode .section-card, .pg-admin-point-rules.ld-dark-mode .settings-section, .pg-admin-point-rules.ld-dark-mode .stat-card, .pg-admin-point-rules.ld-dark-mode .info-card, .pg-admin-point-rules.ld-dark-mode .content-card, .pg-admin-point-rules.ld-dark-mode .panel, .pg-admin-point-rules.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-point-rules.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .nav-item.active a, .pg-admin-point-rules.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-point-rules.ld-dark-mode 
.form-input, .pg-admin-point-rules.ld-dark-mode .form-select, .pg-admin-point-rules.ld-dark-mode .form-textarea, .pg-admin-point-rules.ld-dark-mode input[type=text], .pg-admin-point-rules.ld-dark-mode input[type=email], .pg-admin-point-rules.ld-dark-mode input[type=password], .pg-admin-point-rules.ld-dark-mode input[type=number], .pg-admin-point-rules.ld-dark-mode input[type=date], .pg-admin-point-rules.ld-dark-mode input[type=time], .pg-admin-point-rules.ld-dark-mode input[type=tel], .pg-admin-point-rules.ld-dark-mode textarea, .pg-admin-point-rules.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .form-input::placeholder, .pg-admin-point-rules.ld-dark-mode .form-textarea::placeholder, .pg-admin-point-rules.ld-dark-mode input::placeholder, .pg-admin-point-rules.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-point-rules.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .form-label, .pg-admin-point-rules.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-point-rules.ld-dark-mode 
.btn-primary, .pg-admin-point-rules.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-point-rules.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-point-rules.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-point-rules.ld-dark-mode 
h1, .pg-admin-point-rules.ld-dark-mode h2, .pg-admin-point-rules.ld-dark-mode h3, .pg-admin-point-rules.ld-dark-mode h4, .pg-admin-point-rules.ld-dark-mode h5, .pg-admin-point-rules.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode 
.modal-content, .pg-admin-point-rules.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .modal-header, .pg-admin-point-rules.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-point-rules.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-point-rules.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_rank_claims.php (pg-admin-rank-claims) ============ */
.pg-admin-rank-claims, .pg-admin-rank-claims * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-rank-claims { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-rank-claims .admin-container { display:flex; min-height:100vh; }
.pg-admin-rank-claims .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-rank-claims .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-rank-claims .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-rank-claims .admin-nav { list-style:none; flex:1; }
.pg-admin-rank-claims .admin-nav li { margin-bottom:8px; }
.pg-admin-rank-claims .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-rank-claims .admin-nav a:hover, .pg-admin-rank-claims .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-claims .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-rank-claims .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-rank-claims .has-submenu.open .submenu { display:block; }
.pg-admin-rank-claims .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-rank-claims .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-rank-claims .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-rank-claims .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-rank-claims .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-rank-claims .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-rank-claims .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-rank-claims .page-title p { color:#666; }
.pg-admin-rank-claims .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-rank-claims .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-claims .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-rank-claims .btn-approve { background:#10b981; color:#0f172a; }
.pg-admin-rank-claims .btn-approve:hover { background:#059669; }
.pg-admin-rank-claims .btn-reject { background:#ef4444; color:#0f172a; }
.pg-admin-rank-claims .btn-reject:hover { background:#dc2626; }
.pg-admin-rank-claims .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-rank-claims .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-rank-claims .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-rank-claims .filter-bar { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:16px 20px; margin-bottom:24px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.pg-admin-rank-claims .filter-bar a { padding:8px 16px; border-radius:100px; background:#f0f0f0; text-decoration:none; color:#0f172a; font-size:13px; font-weight:500; }
.pg-admin-rank-claims .filter-bar a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-claims .search-box { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:16px 20px; margin-bottom:24px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.pg-admin-rank-claims .search-box input { flex:1; min-width:200px; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; }
.pg-admin-rank-claims .claims-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-rank-claims .claims-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-rank-claims .claims-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-rank-claims .claims-table tr:last-child td { border-bottom:none; }
.pg-admin-rank-claims .status-Pending { background:#fef3c7; color:#92400e; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-rank-claims .status-Approved { background:#ecfdf5; color:#065f46; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-rank-claims .status-Rejected { background:#fee2e2; color:#991b1b; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-rank-claims .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-rank-claims .modal.show { display:flex; }
.pg-admin-rank-claims .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; }
.pg-admin-rank-claims .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-rank-claims .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-rank-claims .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-rank-claims .form-group { margin-bottom:20px; }
.pg-admin-rank-claims .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-rank-claims .form-input, .pg-admin-rank-claims .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-rank-claims .form-textarea { min-height:100px; resize:vertical; }
.pg-admin-rank-claims .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
@media  (max-width:768px)  { .pg-admin-rank-claims .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-rank-claims .admin-main {margin-left:0;padding:20px;}
.pg-admin-rank-claims .claims-table {display:block;overflow-x:auto;} }
.pg-admin-rank-claims.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-rank-claims.ld-dark-mode .admin-nav a:hover, .pg-admin-rank-claims.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-approve { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-reject { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .filter-bar a { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .filter-bar a.active { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-rank-claims.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-rank-claims {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-rank-claims, .pg-admin-rank-claims {overflow-x:hidden;}
.pg-admin-rank-claims {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-rank-claims::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-rank-claims .app, .pg-admin-rank-claims .main, .pg-admin-rank-claims .admin-main, .pg-admin-rank-claims .admin-container, .pg-admin-rank-claims .page-wrap, .pg-admin-rank-claims .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-rank-claims .edit-card, .pg-admin-rank-claims .card, .pg-admin-rank-claims .section-card, .pg-admin-rank-claims .settings-section, .pg-admin-rank-claims .stat-card, .pg-admin-rank-claims .info-card, .pg-admin-rank-claims .content-card, .pg-admin-rank-claims .panel, .pg-admin-rank-claims .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-rank-claims .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-claims .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-claims .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-rank-claims .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-claims .nav-item.active a, .pg-admin-rank-claims .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-claims .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-rank-claims .page-title h1 {color:#0f172a!important;}
.pg-admin-rank-claims .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-rank-claims .form-input, .pg-admin-rank-claims .form-select, .pg-admin-rank-claims .form-textarea, .pg-admin-rank-claims input[type=text], .pg-admin-rank-claims input[type=email], .pg-admin-rank-claims input[type=password], .pg-admin-rank-claims input[type=number], .pg-admin-rank-claims input[type=date], .pg-admin-rank-claims input[type=time], .pg-admin-rank-claims input[type=tel], .pg-admin-rank-claims textarea, .pg-admin-rank-claims select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-rank-claims .form-input::placeholder, .pg-admin-rank-claims .form-textarea::placeholder, .pg-admin-rank-claims input::placeholder, .pg-admin-rank-claims textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-rank-claims .form-input:focus, .pg-admin-rank-claims .form-textarea:focus, .pg-admin-rank-claims input:focus, .pg-admin-rank-claims textarea:focus, .pg-admin-rank-claims select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-rank-claims select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-rank-claims .form-label, .pg-admin-rank-claims label {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-claims .btn-primary, .pg-admin-rank-claims button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-claims .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-rank-claims .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-claims .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-claims .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-claims table {border-collapse:collapse;}
.pg-admin-rank-claims th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-rank-claims td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-rank-claims tr:last-child td {border-bottom:none!important;}
.pg-admin-rank-claims tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-rank-claims .badge-success, .pg-admin-rank-claims .status-active, .pg-admin-rank-claims .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-rank-claims .badge-danger, .pg-admin-rank-claims .status-expired, .pg-admin-rank-claims .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-rank-claims .badge-warning, .pg-admin-rank-claims .status-pending, .pg-admin-rank-claims .status-Pending, .pg-admin-rank-claims .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-rank-claims .badge-primary, .pg-admin-rank-claims .badge-info, .pg-admin-rank-claims .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-rank-claims .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-rank-claims .alert-error, .pg-admin-rank-claims .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-rank-claims .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-rank-claims h1, .pg-admin-rank-claims h2, .pg-admin-rank-claims h3, .pg-admin-rank-claims h4, .pg-admin-rank-claims h5, .pg-admin-rank-claims h6 {color:#0f172a;}
.pg-admin-rank-claims h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-rank-claims .modal-content, .pg-admin-rank-claims .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-rank-claims .modal-header, .pg-admin-rank-claims .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-rank-claims .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-rank-claims a {color:#38bdf8;}
.pg-admin-rank-claims a:hover {color:#0f172a;}
.pg-admin-rank-claims .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-claims .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-claims .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-rank-claims .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-rank-claims hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-claims .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-rank-claims .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-claims .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-claims ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-rank-claims ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-rank-claims ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-rank-claims.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode 
.edit-card, .pg-admin-rank-claims.ld-dark-mode .card, .pg-admin-rank-claims.ld-dark-mode .section-card, .pg-admin-rank-claims.ld-dark-mode .settings-section, .pg-admin-rank-claims.ld-dark-mode .stat-card, .pg-admin-rank-claims.ld-dark-mode .info-card, .pg-admin-rank-claims.ld-dark-mode .content-card, .pg-admin-rank-claims.ld-dark-mode .panel, .pg-admin-rank-claims.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-rank-claims.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .nav-item.active a, .pg-admin-rank-claims.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-claims.ld-dark-mode 
.form-input, .pg-admin-rank-claims.ld-dark-mode .form-select, .pg-admin-rank-claims.ld-dark-mode .form-textarea, .pg-admin-rank-claims.ld-dark-mode input[type=text], .pg-admin-rank-claims.ld-dark-mode input[type=email], .pg-admin-rank-claims.ld-dark-mode input[type=password], .pg-admin-rank-claims.ld-dark-mode input[type=number], .pg-admin-rank-claims.ld-dark-mode input[type=date], .pg-admin-rank-claims.ld-dark-mode input[type=time], .pg-admin-rank-claims.ld-dark-mode input[type=tel], .pg-admin-rank-claims.ld-dark-mode textarea, .pg-admin-rank-claims.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .form-input::placeholder, .pg-admin-rank-claims.ld-dark-mode .form-textarea::placeholder, .pg-admin-rank-claims.ld-dark-mode input::placeholder, .pg-admin-rank-claims.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-rank-claims.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .form-label, .pg-admin-rank-claims.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-claims.ld-dark-mode 
.btn-primary, .pg-admin-rank-claims.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-claims.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-claims.ld-dark-mode 
h1, .pg-admin-rank-claims.ld-dark-mode h2, .pg-admin-rank-claims.ld-dark-mode h3, .pg-admin-rank-claims.ld-dark-mode h4, .pg-admin-rank-claims.ld-dark-mode h5, .pg-admin-rank-claims.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode 
.modal-content, .pg-admin-rank-claims.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .modal-header, .pg-admin-rank-claims.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-rank-claims.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-claims.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_rank_settings.php (pg-admin-rank-settings) ============ */
.pg-admin-rank-settings, .pg-admin-rank-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-rank-settings { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-rank-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-rank-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-rank-settings .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-rank-settings .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-rank-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-rank-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-rank-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-rank-settings .admin-nav a:hover, .pg-admin-rank-settings .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-settings .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-rank-settings .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-rank-settings .has-submenu.open .submenu { display:block; }
.pg-admin-rank-settings .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-rank-settings .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-rank-settings .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-rank-settings .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-rank-settings .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-rank-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-rank-settings .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-rank-settings .page-title p { color:#666; }
.pg-admin-rank-settings .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-rank-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-rank-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-rank-settings .card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:28px; margin-bottom:32px; }
.pg-admin-rank-settings .card h2 { font-size:20px; font-weight:600; margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-rank-settings .form-group { margin-bottom:20px; }
.pg-admin-rank-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-rank-settings .form-input, .pg-admin-rank-settings .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-rank-settings .form-input:focus, .pg-admin-rank-settings .form-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-rank-settings .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-rank-settings .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-rank-settings .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-settings .btn-primary:hover { background:#e2e8f0; }
.pg-admin-rank-settings .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-rank-settings .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-rank-settings .btn-danger:hover { background:#dc2626; }
.pg-admin-rank-settings .btn-success { background:#10b981; color:#0f172a; }
.pg-admin-rank-settings .btn-success:hover { background:#059669; }
.pg-admin-rank-settings .rank-table, .pg-admin-rank-settings .rules-table { width:100%; border-collapse:collapse; }
.pg-admin-rank-settings .rank-table th, .pg-admin-rank-settings .rules-table th { text-align:left; padding:12px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-rank-settings .rank-table td, .pg-admin-rank-settings .rules-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-rank-settings .rank-table tr:last-child td, .pg-admin-rank-settings .rules-table tr:last-child td { border-bottom:none; }
.pg-admin-rank-settings .input-small { width:100px; padding:8px 10px; border: 1.5px solid rgba(29,78,216,.25); border-radius:8px; font-size:13px; text-align:center; }
.pg-admin-rank-settings .checkbox { width:20px; height:20px; cursor:pointer; }
.pg-admin-rank-settings .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; transition:all0/**/.2s; }
.pg-admin-rank-settings .btn-icon:hover { background: #ffffff; }
.pg-admin-rank-settings .info-text { margin-top:12px; color:#666; font-size:12px; }
@media  (max-width:768px)  { .pg-admin-rank-settings .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-rank-settings .admin-main {margin-left:0;padding:20px;}
.pg-admin-rank-settings .form-row {grid-template-columns:1fr;}
.pg-admin-rank-settings .rank-table, .pg-admin-rank-settings .rules-table {display:block;overflow-x:auto;} }
.pg-admin-rank-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-rank-settings.ld-dark-mode .admin-nav a:hover, .pg-admin-rank-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-rank-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .info-text { color: #cbd5e1 !important; }
.pg-admin-rank-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-rank-settings, .pg-admin-rank-settings {overflow-x:hidden;}
.pg-admin-rank-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-rank-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-rank-settings .app, .pg-admin-rank-settings .main, .pg-admin-rank-settings .admin-main, .pg-admin-rank-settings .admin-container, .pg-admin-rank-settings .page-wrap, .pg-admin-rank-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-rank-settings .edit-card, .pg-admin-rank-settings .card, .pg-admin-rank-settings .section-card, .pg-admin-rank-settings .settings-section, .pg-admin-rank-settings .stat-card, .pg-admin-rank-settings .info-card, .pg-admin-rank-settings .content-card, .pg-admin-rank-settings .panel, .pg-admin-rank-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-rank-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-rank-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-settings .nav-item.active a, .pg-admin-rank-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-rank-settings .page-title h1 {color:#0f172a!important;}
.pg-admin-rank-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-rank-settings .form-input, .pg-admin-rank-settings .form-select, .pg-admin-rank-settings .form-textarea, .pg-admin-rank-settings input[type=text], .pg-admin-rank-settings input[type=email], .pg-admin-rank-settings input[type=password], .pg-admin-rank-settings input[type=number], .pg-admin-rank-settings input[type=date], .pg-admin-rank-settings input[type=time], .pg-admin-rank-settings input[type=tel], .pg-admin-rank-settings textarea, .pg-admin-rank-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-rank-settings .form-input::placeholder, .pg-admin-rank-settings .form-textarea::placeholder, .pg-admin-rank-settings input::placeholder, .pg-admin-rank-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-rank-settings .form-input:focus, .pg-admin-rank-settings .form-textarea:focus, .pg-admin-rank-settings input:focus, .pg-admin-rank-settings textarea:focus, .pg-admin-rank-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-rank-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-rank-settings .form-label, .pg-admin-rank-settings label {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-settings .btn-primary, .pg-admin-rank-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-rank-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-settings table {border-collapse:collapse;}
.pg-admin-rank-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-rank-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-rank-settings tr:last-child td {border-bottom:none!important;}
.pg-admin-rank-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-rank-settings .badge-success, .pg-admin-rank-settings .status-active, .pg-admin-rank-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-rank-settings .badge-danger, .pg-admin-rank-settings .status-expired, .pg-admin-rank-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-rank-settings .badge-warning, .pg-admin-rank-settings .status-pending, .pg-admin-rank-settings .status-Pending, .pg-admin-rank-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-rank-settings .badge-primary, .pg-admin-rank-settings .badge-info, .pg-admin-rank-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-rank-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-rank-settings .alert-error, .pg-admin-rank-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-rank-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-rank-settings h1, .pg-admin-rank-settings h2, .pg-admin-rank-settings h3, .pg-admin-rank-settings h4, .pg-admin-rank-settings h5, .pg-admin-rank-settings h6 {color:#0f172a;}
.pg-admin-rank-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-rank-settings .modal-content, .pg-admin-rank-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-rank-settings .modal-header, .pg-admin-rank-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-rank-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-rank-settings a {color:#38bdf8;}
.pg-admin-rank-settings a:hover {color:#0f172a;}
.pg-admin-rank-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-rank-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-rank-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-rank-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-rank-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-rank-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-rank-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode 
.edit-card, .pg-admin-rank-settings.ld-dark-mode .card, .pg-admin-rank-settings.ld-dark-mode .section-card, .pg-admin-rank-settings.ld-dark-mode .settings-section, .pg-admin-rank-settings.ld-dark-mode .stat-card, .pg-admin-rank-settings.ld-dark-mode .info-card, .pg-admin-rank-settings.ld-dark-mode .content-card, .pg-admin-rank-settings.ld-dark-mode .panel, .pg-admin-rank-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-rank-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .nav-item.active a, .pg-admin-rank-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-settings.ld-dark-mode 
.form-input, .pg-admin-rank-settings.ld-dark-mode .form-select, .pg-admin-rank-settings.ld-dark-mode .form-textarea, .pg-admin-rank-settings.ld-dark-mode input[type=text], .pg-admin-rank-settings.ld-dark-mode input[type=email], .pg-admin-rank-settings.ld-dark-mode input[type=password], .pg-admin-rank-settings.ld-dark-mode input[type=number], .pg-admin-rank-settings.ld-dark-mode input[type=date], .pg-admin-rank-settings.ld-dark-mode input[type=time], .pg-admin-rank-settings.ld-dark-mode input[type=tel], .pg-admin-rank-settings.ld-dark-mode textarea, .pg-admin-rank-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .form-input::placeholder, .pg-admin-rank-settings.ld-dark-mode .form-textarea::placeholder, .pg-admin-rank-settings.ld-dark-mode input::placeholder, .pg-admin-rank-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-rank-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .form-label, .pg-admin-rank-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-settings.ld-dark-mode 
.btn-primary, .pg-admin-rank-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-settings.ld-dark-mode 
h1, .pg-admin-rank-settings.ld-dark-mode h2, .pg-admin-rank-settings.ld-dark-mode h3, .pg-admin-rank-settings.ld-dark-mode h4, .pg-admin-rank-settings.ld-dark-mode h5, .pg-admin-rank-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode 
.modal-content, .pg-admin-rank-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .modal-header, .pg-admin-rank-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-rank-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }
.pg-admin-rank-settings .status-enabled { background:#ecfdf5; color:#065f46; }
.pg-admin-rank-settings .status-disabled { background:#fee2e2; color:#991b1b; }


/* ============ admin_rank_setup.php (pg-admin-rank-setup) ============ */
.pg-admin-rank-setup, .pg-admin-rank-setup * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-rank-setup { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-rank-setup .admin-container { display:flex; min-height:100vh; }
.pg-admin-rank-setup .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-rank-setup .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-rank-setup .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-rank-setup .admin-nav { list-style:none; flex:1; }
.pg-admin-rank-setup .admin-nav li { margin-bottom:8px; }
.pg-admin-rank-setup .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-rank-setup .admin-nav a:hover, .pg-admin-rank-setup .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-setup .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-rank-setup .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-rank-setup .has-submenu.open .submenu { display:block; }
.pg-admin-rank-setup .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-rank-setup .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-rank-setup .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-rank-setup .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-rank-setup .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-rank-setup .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-rank-setup .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-rank-setup .page-title p { color:#666; }
.pg-admin-rank-setup .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-rank-setup .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-rank-setup .btn-primary:hover { background:#e2e8f0; }
.pg-admin-rank-setup .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-rank-setup .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-rank-setup .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-rank-setup .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-rank-setup .ranks-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; margin-top:16px; }
.pg-admin-rank-setup .ranks-table th, .pg-admin-rank-setup .ranks-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; text-align:left; font-size:13px; vertical-align:top; }
.pg-admin-rank-setup .ranks-table th { background: #ffffff; font-weight:600; font-size:12px; color:#666; }
.pg-admin-rank-setup .status-active { color:#065f46; background:#ecfdf5; display:inline-block; padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-rank-setup .status-inactive { color:#991b1b; background:#fee2e2; display:inline-block; padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-rank-setup .hurdle-badge { background:#e0f2fe; color:#0369a1; padding:4px 8px; border-radius:100px; font-size:11px; display:inline-block; max-width:250px; word-break:break-word; white-space:normal; }
.pg-admin-rank-setup .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-rank-setup .modal.show { display:flex; }
.pg-admin-rank-setup .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:700px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-rank-setup .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-rank-setup .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-rank-setup .modal-close { background:none; border:none; font-size:28px; cursor:pointer; color:#888; }
.pg-admin-rank-setup .form-group { margin-bottom:20px; }
.pg-admin-rank-setup .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-rank-setup .form-input, .pg-admin-rank-setup .form-select, .pg-admin-rank-setup .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-rank-setup .form-textarea { min-height:80px; resize:vertical; }
.pg-admin-rank-setup .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-rank-setup .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-rank-setup .info-note { background:#e0f2fe; padding:8px 12px; border-radius:8px; font-size:12px; color:#0369a1; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-rank-setup .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-rank-setup .admin-main {margin-left:0;padding:20px;}
.pg-admin-rank-setup .form-row {grid-template-columns:1fr;}
.pg-admin-rank-setup .ranks-table {display:block;overflow-x:auto;} }
.pg-admin-rank-setup.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-rank-setup.ld-dark-mode .admin-nav a:hover, .pg-admin-rank-setup.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .ranks-table th { color: #cbd5e1 !important; }
.pg-admin-rank-setup.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-rank-setup.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-rank-setup {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-rank-setup, .pg-admin-rank-setup {overflow-x:hidden;}
.pg-admin-rank-setup {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-rank-setup::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-rank-setup .app, .pg-admin-rank-setup .main, .pg-admin-rank-setup .admin-main, .pg-admin-rank-setup .admin-container, .pg-admin-rank-setup .page-wrap, .pg-admin-rank-setup .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-rank-setup .edit-card, .pg-admin-rank-setup .card, .pg-admin-rank-setup .section-card, .pg-admin-rank-setup .settings-section, .pg-admin-rank-setup .stat-card, .pg-admin-rank-setup .info-card, .pg-admin-rank-setup .content-card, .pg-admin-rank-setup .panel, .pg-admin-rank-setup .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-rank-setup .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-setup .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-setup .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-rank-setup .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-setup .nav-item.active a, .pg-admin-rank-setup .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-setup .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-rank-setup .page-title h1 {color:#0f172a!important;}
.pg-admin-rank-setup .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-rank-setup .form-input, .pg-admin-rank-setup .form-select, .pg-admin-rank-setup .form-textarea, .pg-admin-rank-setup input[type=text], .pg-admin-rank-setup input[type=email], .pg-admin-rank-setup input[type=password], .pg-admin-rank-setup input[type=number], .pg-admin-rank-setup input[type=date], .pg-admin-rank-setup input[type=time], .pg-admin-rank-setup input[type=tel], .pg-admin-rank-setup textarea, .pg-admin-rank-setup select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-rank-setup .form-input::placeholder, .pg-admin-rank-setup .form-textarea::placeholder, .pg-admin-rank-setup input::placeholder, .pg-admin-rank-setup textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-rank-setup .form-input:focus, .pg-admin-rank-setup .form-textarea:focus, .pg-admin-rank-setup input:focus, .pg-admin-rank-setup textarea:focus, .pg-admin-rank-setup select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-rank-setup select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-rank-setup .form-label, .pg-admin-rank-setup label {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-setup .btn-primary, .pg-admin-rank-setup button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-setup .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-rank-setup .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-setup .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-setup .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rank-setup table {border-collapse:collapse;}
.pg-admin-rank-setup th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-rank-setup td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-rank-setup tr:last-child td {border-bottom:none!important;}
.pg-admin-rank-setup tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-rank-setup .badge-success, .pg-admin-rank-setup .status-active, .pg-admin-rank-setup .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-rank-setup .badge-danger, .pg-admin-rank-setup .status-expired, .pg-admin-rank-setup .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-rank-setup .badge-warning, .pg-admin-rank-setup .status-pending, .pg-admin-rank-setup .status-Pending, .pg-admin-rank-setup .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-rank-setup .badge-primary, .pg-admin-rank-setup .badge-info, .pg-admin-rank-setup .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-rank-setup .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-rank-setup .alert-error, .pg-admin-rank-setup .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-rank-setup .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-rank-setup h1, .pg-admin-rank-setup h2, .pg-admin-rank-setup h3, .pg-admin-rank-setup h4, .pg-admin-rank-setup h5, .pg-admin-rank-setup h6 {color:#0f172a;}
.pg-admin-rank-setup h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-rank-setup .modal-content, .pg-admin-rank-setup .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-rank-setup .modal-header, .pg-admin-rank-setup .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-rank-setup .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-rank-setup a {color:#38bdf8;}
.pg-admin-rank-setup a:hover {color:#0f172a;}
.pg-admin-rank-setup .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rank-setup .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rank-setup .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-rank-setup .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-rank-setup hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-rank-setup .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-rank-setup .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-rank-setup .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rank-setup ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-rank-setup ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-rank-setup ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-rank-setup.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode 
.edit-card, .pg-admin-rank-setup.ld-dark-mode .card, .pg-admin-rank-setup.ld-dark-mode .section-card, .pg-admin-rank-setup.ld-dark-mode .settings-section, .pg-admin-rank-setup.ld-dark-mode .stat-card, .pg-admin-rank-setup.ld-dark-mode .info-card, .pg-admin-rank-setup.ld-dark-mode .content-card, .pg-admin-rank-setup.ld-dark-mode .panel, .pg-admin-rank-setup.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-rank-setup.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .nav-item.active a, .pg-admin-rank-setup.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-setup.ld-dark-mode 
.form-input, .pg-admin-rank-setup.ld-dark-mode .form-select, .pg-admin-rank-setup.ld-dark-mode .form-textarea, .pg-admin-rank-setup.ld-dark-mode input[type=text], .pg-admin-rank-setup.ld-dark-mode input[type=email], .pg-admin-rank-setup.ld-dark-mode input[type=password], .pg-admin-rank-setup.ld-dark-mode input[type=number], .pg-admin-rank-setup.ld-dark-mode input[type=date], .pg-admin-rank-setup.ld-dark-mode input[type=time], .pg-admin-rank-setup.ld-dark-mode input[type=tel], .pg-admin-rank-setup.ld-dark-mode textarea, .pg-admin-rank-setup.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .form-input::placeholder, .pg-admin-rank-setup.ld-dark-mode .form-textarea::placeholder, .pg-admin-rank-setup.ld-dark-mode input::placeholder, .pg-admin-rank-setup.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-rank-setup.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .form-label, .pg-admin-rank-setup.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-setup.ld-dark-mode 
.btn-primary, .pg-admin-rank-setup.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-rank-setup.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-setup.ld-dark-mode 
h1, .pg-admin-rank-setup.ld-dark-mode h2, .pg-admin-rank-setup.ld-dark-mode h3, .pg-admin-rank-setup.ld-dark-mode h4, .pg-admin-rank-setup.ld-dark-mode h5, .pg-admin-rank-setup.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode 
.modal-content, .pg-admin-rank-setup.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .modal-header, .pg-admin-rank-setup.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-rank-setup.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-rank-setup.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_reward_catalog.php (pg-admin-reward-catalog) ============ */
.pg-admin-reward-catalog, .pg-admin-reward-catalog * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-reward-catalog { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-reward-catalog .admin-container { display:flex; min-height:100vh; }
.pg-admin-reward-catalog .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-reward-catalog .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-reward-catalog .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-reward-catalog .admin-nav { list-style:none; flex:1; }
.pg-admin-reward-catalog .admin-nav li { margin-bottom:8px; }
.pg-admin-reward-catalog .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-reward-catalog .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-catalog .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-reward-catalog .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-reward-catalog .has-submenu.open .submenu { display:block; }
.pg-admin-reward-catalog .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-reward-catalog .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-reward-catalog .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-reward-catalog .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-reward-catalog .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-reward-catalog .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-reward-catalog .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-reward-catalog .page-title p { color:#666; }
.pg-admin-reward-catalog .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-reward-catalog .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-catalog .btn-primary:hover { background:#e2e8f0; }
.pg-admin-reward-catalog .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-reward-catalog .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-reward-catalog .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-reward-catalog .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-reward-catalog .rewards-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-reward-catalog .rewards-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-reward-catalog .rewards-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-reward-catalog .rewards-table tr:last-child td { border-bottom:none; }
.pg-admin-reward-catalog .status-active { background:#ecfdf5; color:#065f46; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-catalog .status-inactive { background:#fee2e2; color:#991b1b; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-catalog .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-reward-catalog .modal.show { display:flex; }
.pg-admin-reward-catalog .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:600px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-reward-catalog .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-reward-catalog .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-reward-catalog .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-reward-catalog .form-group { margin-bottom:16px; }
.pg-admin-reward-catalog .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-reward-catalog .form-input, .pg-admin-reward-catalog .form-select, .pg-admin-reward-catalog .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-reward-catalog .form-textarea { min-height:80px; resize:vertical; }
.pg-admin-reward-catalog .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-reward-catalog .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
@media  (max-width:768px)  { .pg-admin-reward-catalog .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-reward-catalog .admin-main {margin-left:0;padding:20px;}
.pg-admin-reward-catalog .rewards-table {display:block;overflow-x:auto;}
.pg-admin-reward-catalog .form-row {grid-template-columns:1fr;} }
.pg-admin-reward-catalog.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-reward-catalog.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-reward-catalog.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-reward-catalog {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-reward-catalog, .pg-admin-reward-catalog {overflow-x:hidden;}
.pg-admin-reward-catalog {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-reward-catalog::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-reward-catalog .app, .pg-admin-reward-catalog .main, .pg-admin-reward-catalog .admin-main, .pg-admin-reward-catalog .admin-container, .pg-admin-reward-catalog .page-wrap, .pg-admin-reward-catalog .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-reward-catalog .edit-card, .pg-admin-reward-catalog .card, .pg-admin-reward-catalog .section-card, .pg-admin-reward-catalog .settings-section, .pg-admin-reward-catalog .stat-card, .pg-admin-reward-catalog .info-card, .pg-admin-reward-catalog .content-card, .pg-admin-reward-catalog .panel, .pg-admin-reward-catalog .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-reward-catalog .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-catalog .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-catalog .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-reward-catalog .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-catalog .nav-item.active a, .pg-admin-reward-catalog .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-catalog .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-reward-catalog .page-title h1 {color:#0f172a!important;}
.pg-admin-reward-catalog .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-reward-catalog .form-input, .pg-admin-reward-catalog .form-select, .pg-admin-reward-catalog .form-textarea, .pg-admin-reward-catalog input[type=text], .pg-admin-reward-catalog input[type=email], .pg-admin-reward-catalog input[type=password], .pg-admin-reward-catalog input[type=number], .pg-admin-reward-catalog input[type=date], .pg-admin-reward-catalog input[type=time], .pg-admin-reward-catalog input[type=tel], .pg-admin-reward-catalog textarea, .pg-admin-reward-catalog select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-reward-catalog .form-input::placeholder, .pg-admin-reward-catalog .form-textarea::placeholder, .pg-admin-reward-catalog input::placeholder, .pg-admin-reward-catalog textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-reward-catalog .form-input:focus, .pg-admin-reward-catalog .form-textarea:focus, .pg-admin-reward-catalog input:focus, .pg-admin-reward-catalog textarea:focus, .pg-admin-reward-catalog select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-reward-catalog select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-reward-catalog .form-label, .pg-admin-reward-catalog label {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-catalog .btn-primary, .pg-admin-reward-catalog button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-catalog .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-reward-catalog .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-catalog .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-catalog .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-catalog table {border-collapse:collapse;}
.pg-admin-reward-catalog th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-reward-catalog td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-reward-catalog tr:last-child td {border-bottom:none!important;}
.pg-admin-reward-catalog tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-reward-catalog .badge-success, .pg-admin-reward-catalog .status-active, .pg-admin-reward-catalog .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-reward-catalog .badge-danger, .pg-admin-reward-catalog .status-expired, .pg-admin-reward-catalog .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-reward-catalog .badge-warning, .pg-admin-reward-catalog .status-pending, .pg-admin-reward-catalog .status-Pending, .pg-admin-reward-catalog .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-reward-catalog .badge-primary, .pg-admin-reward-catalog .badge-info, .pg-admin-reward-catalog .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-reward-catalog .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-reward-catalog .alert-error, .pg-admin-reward-catalog .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-reward-catalog .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-reward-catalog h1, .pg-admin-reward-catalog h2, .pg-admin-reward-catalog h3, .pg-admin-reward-catalog h4, .pg-admin-reward-catalog h5, .pg-admin-reward-catalog h6 {color:#0f172a;}
.pg-admin-reward-catalog h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-reward-catalog .modal-content, .pg-admin-reward-catalog .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-reward-catalog .modal-header, .pg-admin-reward-catalog .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-reward-catalog .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-reward-catalog a {color:#38bdf8;}
.pg-admin-reward-catalog a:hover {color:#0f172a;}
.pg-admin-reward-catalog .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-catalog .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-catalog .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-reward-catalog .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-reward-catalog hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-catalog .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-reward-catalog .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-catalog .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-catalog ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-reward-catalog ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-reward-catalog ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-reward-catalog.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode 
.edit-card, .pg-admin-reward-catalog.ld-dark-mode .card, .pg-admin-reward-catalog.ld-dark-mode .section-card, .pg-admin-reward-catalog.ld-dark-mode .settings-section, .pg-admin-reward-catalog.ld-dark-mode .stat-card, .pg-admin-reward-catalog.ld-dark-mode .info-card, .pg-admin-reward-catalog.ld-dark-mode .content-card, .pg-admin-reward-catalog.ld-dark-mode .panel, .pg-admin-reward-catalog.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-reward-catalog.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .nav-item.active a, .pg-admin-reward-catalog.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-catalog.ld-dark-mode 
.form-input, .pg-admin-reward-catalog.ld-dark-mode .form-select, .pg-admin-reward-catalog.ld-dark-mode .form-textarea, .pg-admin-reward-catalog.ld-dark-mode input[type=text], .pg-admin-reward-catalog.ld-dark-mode input[type=email], .pg-admin-reward-catalog.ld-dark-mode input[type=password], .pg-admin-reward-catalog.ld-dark-mode input[type=number], .pg-admin-reward-catalog.ld-dark-mode input[type=date], .pg-admin-reward-catalog.ld-dark-mode input[type=time], .pg-admin-reward-catalog.ld-dark-mode input[type=tel], .pg-admin-reward-catalog.ld-dark-mode textarea, .pg-admin-reward-catalog.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .form-input::placeholder, .pg-admin-reward-catalog.ld-dark-mode .form-textarea::placeholder, .pg-admin-reward-catalog.ld-dark-mode input::placeholder, .pg-admin-reward-catalog.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-reward-catalog.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .form-label, .pg-admin-reward-catalog.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-catalog.ld-dark-mode 
.btn-primary, .pg-admin-reward-catalog.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-catalog.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-catalog.ld-dark-mode 
h1, .pg-admin-reward-catalog.ld-dark-mode h2, .pg-admin-reward-catalog.ld-dark-mode h3, .pg-admin-reward-catalog.ld-dark-mode h4, .pg-admin-reward-catalog.ld-dark-mode h5, .pg-admin-reward-catalog.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode 
.modal-content, .pg-admin-reward-catalog.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .modal-header, .pg-admin-reward-catalog.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-reward-catalog.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-catalog.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_reward_history.php (pg-admin-reward-history) ============ */
.pg-admin-reward-history, .pg-admin-reward-history * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-reward-history { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-reward-history .admin-container { display:flex; min-height:100vh; }
.pg-admin-reward-history .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-reward-history .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-reward-history .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-reward-history .admin-nav { list-style:none; flex:1; }
.pg-admin-reward-history .admin-nav li { margin-bottom:8px; }
.pg-admin-reward-history .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-reward-history .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-history .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-reward-history .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-reward-history .has-submenu.open .submenu { display:block; }
.pg-admin-reward-history .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-reward-history .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-reward-history .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-reward-history .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-reward-history .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-reward-history .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-reward-history .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-reward-history .page-title p { color:#666; }
.pg-admin-reward-history .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-reward-history .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-history .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-reward-history .filter-bar { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; align-items:center; background: rgba(15,23,42,.04); padding:16px 20px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-reward-history .filter-bar a { padding:8px 16px; border-radius:100px; background:#f0f0f0; text-decoration:none; color:#0f172a; font-size:13px; font-weight:500; }
.pg-admin-reward-history .filter-bar a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-history .form-input { padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; width:250px; }
.pg-admin-reward-history .history-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.pg-admin-reward-history .history-table th, .pg-admin-reward-history .history-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; text-align:left; font-size:13px; }
.pg-admin-reward-history .history-table th { background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-reward-history .status-Approved { background:#ecfdf5; color:#065f46; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-history .status-Rejected { background:#fee2e2; color:#991b1b; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-history .export-btn { margin-bottom:20px; }
.pg-admin-reward-history .admin-note { max-width:200px; word-wrap:break-word; }
@media  (max-width:768px)  { .pg-admin-reward-history .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-reward-history .admin-main {margin-left:0;padding:20px;}
.pg-admin-reward-history .history-table { display:block; overflow-x:auto; } }
.pg-admin-reward-history.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-reward-history.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-reward-history.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .filter-bar a { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .filter-bar a.active { color: #f1f5f9 !important; }
.pg-admin-reward-history {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-reward-history, .pg-admin-reward-history {overflow-x:hidden;}
.pg-admin-reward-history {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-reward-history::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-reward-history .app, .pg-admin-reward-history .main, .pg-admin-reward-history .admin-main, .pg-admin-reward-history .admin-container, .pg-admin-reward-history .page-wrap, .pg-admin-reward-history .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-reward-history .edit-card, .pg-admin-reward-history .card, .pg-admin-reward-history .section-card, .pg-admin-reward-history .settings-section, .pg-admin-reward-history .stat-card, .pg-admin-reward-history .info-card, .pg-admin-reward-history .content-card, .pg-admin-reward-history .panel, .pg-admin-reward-history .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-reward-history .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-history .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-history .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-reward-history .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-history .nav-item.active a, .pg-admin-reward-history .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-history .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-reward-history .page-title h1 {color:#0f172a!important;}
.pg-admin-reward-history .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-reward-history .form-input, .pg-admin-reward-history .form-select, .pg-admin-reward-history .form-textarea, .pg-admin-reward-history input[type=text], .pg-admin-reward-history input[type=email], .pg-admin-reward-history input[type=password], .pg-admin-reward-history input[type=number], .pg-admin-reward-history input[type=date], .pg-admin-reward-history input[type=time], .pg-admin-reward-history input[type=tel], .pg-admin-reward-history textarea, .pg-admin-reward-history select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-reward-history .form-input::placeholder, .pg-admin-reward-history .form-textarea::placeholder, .pg-admin-reward-history input::placeholder, .pg-admin-reward-history textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-reward-history .form-input:focus, .pg-admin-reward-history .form-textarea:focus, .pg-admin-reward-history input:focus, .pg-admin-reward-history textarea:focus, .pg-admin-reward-history select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-reward-history select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-reward-history .form-label, .pg-admin-reward-history label {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-history .btn-primary, .pg-admin-reward-history button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-history .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-reward-history .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-history .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-history .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-history table {border-collapse:collapse;}
.pg-admin-reward-history th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-reward-history td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-reward-history tr:last-child td {border-bottom:none!important;}
.pg-admin-reward-history tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-reward-history .badge-success, .pg-admin-reward-history .status-active, .pg-admin-reward-history .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-reward-history .badge-danger, .pg-admin-reward-history .status-expired, .pg-admin-reward-history .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-reward-history .badge-warning, .pg-admin-reward-history .status-pending, .pg-admin-reward-history .status-Pending, .pg-admin-reward-history .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-reward-history .badge-primary, .pg-admin-reward-history .badge-info, .pg-admin-reward-history .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-reward-history .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-reward-history .alert-error, .pg-admin-reward-history .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-reward-history .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-reward-history h1, .pg-admin-reward-history h2, .pg-admin-reward-history h3, .pg-admin-reward-history h4, .pg-admin-reward-history h5, .pg-admin-reward-history h6 {color:#0f172a;}
.pg-admin-reward-history h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-reward-history .modal-content, .pg-admin-reward-history .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-reward-history .modal-header, .pg-admin-reward-history .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-reward-history .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-reward-history a {color:#38bdf8;}
.pg-admin-reward-history a:hover {color:#0f172a;}
.pg-admin-reward-history .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-history .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-history .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-reward-history .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-reward-history hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-history .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-reward-history .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-history .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-history ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-reward-history ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-reward-history ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-reward-history.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode 
.edit-card, .pg-admin-reward-history.ld-dark-mode .card, .pg-admin-reward-history.ld-dark-mode .section-card, .pg-admin-reward-history.ld-dark-mode .settings-section, .pg-admin-reward-history.ld-dark-mode .stat-card, .pg-admin-reward-history.ld-dark-mode .info-card, .pg-admin-reward-history.ld-dark-mode .content-card, .pg-admin-reward-history.ld-dark-mode .panel, .pg-admin-reward-history.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-reward-history.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .nav-item.active a, .pg-admin-reward-history.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-history.ld-dark-mode 
.form-input, .pg-admin-reward-history.ld-dark-mode .form-select, .pg-admin-reward-history.ld-dark-mode .form-textarea, .pg-admin-reward-history.ld-dark-mode input[type=text], .pg-admin-reward-history.ld-dark-mode input[type=email], .pg-admin-reward-history.ld-dark-mode input[type=password], .pg-admin-reward-history.ld-dark-mode input[type=number], .pg-admin-reward-history.ld-dark-mode input[type=date], .pg-admin-reward-history.ld-dark-mode input[type=time], .pg-admin-reward-history.ld-dark-mode input[type=tel], .pg-admin-reward-history.ld-dark-mode textarea, .pg-admin-reward-history.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .form-input::placeholder, .pg-admin-reward-history.ld-dark-mode .form-textarea::placeholder, .pg-admin-reward-history.ld-dark-mode input::placeholder, .pg-admin-reward-history.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-reward-history.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .form-label, .pg-admin-reward-history.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-history.ld-dark-mode 
.btn-primary, .pg-admin-reward-history.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-history.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-history.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-history.ld-dark-mode 
h1, .pg-admin-reward-history.ld-dark-mode h2, .pg-admin-reward-history.ld-dark-mode h3, .pg-admin-reward-history.ld-dark-mode h4, .pg-admin-reward-history.ld-dark-mode h5, .pg-admin-reward-history.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode 
.modal-content, .pg-admin-reward-history.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .modal-header, .pg-admin-reward-history.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-reward-history.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-history.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_reward_requests.php (pg-admin-reward-requests) ============ */
.pg-admin-reward-requests, .pg-admin-reward-requests * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-reward-requests { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-reward-requests .admin-container { display:flex; min-height:100vh; }
.pg-admin-reward-requests .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-reward-requests .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-reward-requests .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-reward-requests .admin-nav { list-style:none; flex:1; }
.pg-admin-reward-requests .admin-nav li { margin-bottom:8px; }
.pg-admin-reward-requests .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-reward-requests .admin-nav a:hover, .pg-admin-reward-requests .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-requests .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-reward-requests .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-reward-requests .has-submenu.open .submenu { display:block; }
.pg-admin-reward-requests .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-reward-requests .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-reward-requests .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-reward-requests .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-reward-requests .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-reward-requests .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-reward-requests .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-reward-requests .page-title p { color:#666; }
.pg-admin-reward-requests .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-reward-requests .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-requests .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-reward-requests .btn-approve { background:#10b981; color:#0f172a; }
.pg-admin-reward-requests .btn-approve:hover { background:#059669; }
.pg-admin-reward-requests .btn-reject { background:#ef4444; color:#0f172a; }
.pg-admin-reward-requests .btn-reject:hover { background:#dc2626; }
.pg-admin-reward-requests .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-reward-requests .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-reward-requests .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-reward-requests .filter-bar { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:16px 20px; margin-bottom:24px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.pg-admin-reward-requests .filter-bar a { padding:8px 16px; border-radius:100px; background:#f0f0f0; text-decoration:none; color:#0f172a; font-size:13px; font-weight:500; }
.pg-admin-reward-requests .filter-bar a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-requests .search-box { background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:16px 20px; margin-bottom:24px; display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.pg-admin-reward-requests .search-box input { flex:1; min-width:200px; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; }
.pg-admin-reward-requests .requests-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-reward-requests .requests-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-reward-requests .requests-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-reward-requests .requests-table tr:last-child td { border-bottom:none; }
.pg-admin-reward-requests .status-Pending { background:#fef3c7; color:#92400e; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-requests .status-Approved { background:#ecfdf5; color:#065f46; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-requests .status-Rejected { background:#fee2e2; color:#991b1b; display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-reward-requests .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-reward-requests .modal.show { display:flex; }
.pg-admin-reward-requests .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; }
.pg-admin-reward-requests .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-reward-requests .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-reward-requests .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-reward-requests .form-group { margin-bottom:20px; }
.pg-admin-reward-requests .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-reward-requests .form-input, .pg-admin-reward-requests .form-textarea { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; }
.pg-admin-reward-requests .form-textarea { min-height:100px; resize:vertical; }
.pg-admin-reward-requests .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-reward-requests .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-reward-requests .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-admin-reward-requests .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-reward-requests .admin-main {margin-left:0;padding:20px;}
.pg-admin-reward-requests .requests-table {display:block;overflow-x:auto;} }
.pg-admin-reward-requests.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-reward-requests.ld-dark-mode .admin-nav a:hover, .pg-admin-reward-requests.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-approve { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-reject { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .filter-bar a { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .filter-bar a.active { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-reward-requests.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-reward-requests {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-reward-requests, .pg-admin-reward-requests {overflow-x:hidden;}
.pg-admin-reward-requests {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-reward-requests::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-reward-requests .app, .pg-admin-reward-requests .main, .pg-admin-reward-requests .admin-main, .pg-admin-reward-requests .admin-container, .pg-admin-reward-requests .page-wrap, .pg-admin-reward-requests .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-reward-requests .edit-card, .pg-admin-reward-requests .card, .pg-admin-reward-requests .section-card, .pg-admin-reward-requests .settings-section, .pg-admin-reward-requests .stat-card, .pg-admin-reward-requests .info-card, .pg-admin-reward-requests .content-card, .pg-admin-reward-requests .panel, .pg-admin-reward-requests .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-reward-requests .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-requests .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-requests .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-reward-requests .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-requests .nav-item.active a, .pg-admin-reward-requests .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-requests .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-reward-requests .page-title h1 {color:#0f172a!important;}
.pg-admin-reward-requests .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-reward-requests .form-input, .pg-admin-reward-requests .form-select, .pg-admin-reward-requests .form-textarea, .pg-admin-reward-requests input[type=text], .pg-admin-reward-requests input[type=email], .pg-admin-reward-requests input[type=password], .pg-admin-reward-requests input[type=number], .pg-admin-reward-requests input[type=date], .pg-admin-reward-requests input[type=time], .pg-admin-reward-requests input[type=tel], .pg-admin-reward-requests textarea, .pg-admin-reward-requests select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-reward-requests .form-input::placeholder, .pg-admin-reward-requests .form-textarea::placeholder, .pg-admin-reward-requests input::placeholder, .pg-admin-reward-requests textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-reward-requests .form-input:focus, .pg-admin-reward-requests .form-textarea:focus, .pg-admin-reward-requests input:focus, .pg-admin-reward-requests textarea:focus, .pg-admin-reward-requests select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-reward-requests select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-reward-requests .form-label, .pg-admin-reward-requests label {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-requests .btn-primary, .pg-admin-reward-requests button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-requests .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-reward-requests .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-requests .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-requests .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-requests table {border-collapse:collapse;}
.pg-admin-reward-requests th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-reward-requests td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-reward-requests tr:last-child td {border-bottom:none!important;}
.pg-admin-reward-requests tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-reward-requests .badge-success, .pg-admin-reward-requests .status-active, .pg-admin-reward-requests .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-reward-requests .badge-danger, .pg-admin-reward-requests .status-expired, .pg-admin-reward-requests .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-reward-requests .badge-warning, .pg-admin-reward-requests .status-pending, .pg-admin-reward-requests .status-Pending, .pg-admin-reward-requests .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-reward-requests .badge-primary, .pg-admin-reward-requests .badge-info, .pg-admin-reward-requests .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-reward-requests .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-reward-requests .alert-error, .pg-admin-reward-requests .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-reward-requests .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-reward-requests h1, .pg-admin-reward-requests h2, .pg-admin-reward-requests h3, .pg-admin-reward-requests h4, .pg-admin-reward-requests h5, .pg-admin-reward-requests h6 {color:#0f172a;}
.pg-admin-reward-requests h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-reward-requests .modal-content, .pg-admin-reward-requests .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-reward-requests .modal-header, .pg-admin-reward-requests .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-reward-requests .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-reward-requests a {color:#38bdf8;}
.pg-admin-reward-requests a:hover {color:#0f172a;}
.pg-admin-reward-requests .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-requests .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-requests .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-reward-requests .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-reward-requests hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-requests .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-reward-requests .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-requests .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-requests ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-reward-requests ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-reward-requests ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-reward-requests.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode 
.edit-card, .pg-admin-reward-requests.ld-dark-mode .card, .pg-admin-reward-requests.ld-dark-mode .section-card, .pg-admin-reward-requests.ld-dark-mode .settings-section, .pg-admin-reward-requests.ld-dark-mode .stat-card, .pg-admin-reward-requests.ld-dark-mode .info-card, .pg-admin-reward-requests.ld-dark-mode .content-card, .pg-admin-reward-requests.ld-dark-mode .panel, .pg-admin-reward-requests.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-reward-requests.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .nav-item.active a, .pg-admin-reward-requests.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-requests.ld-dark-mode 
.form-input, .pg-admin-reward-requests.ld-dark-mode .form-select, .pg-admin-reward-requests.ld-dark-mode .form-textarea, .pg-admin-reward-requests.ld-dark-mode input[type=text], .pg-admin-reward-requests.ld-dark-mode input[type=email], .pg-admin-reward-requests.ld-dark-mode input[type=password], .pg-admin-reward-requests.ld-dark-mode input[type=number], .pg-admin-reward-requests.ld-dark-mode input[type=date], .pg-admin-reward-requests.ld-dark-mode input[type=time], .pg-admin-reward-requests.ld-dark-mode input[type=tel], .pg-admin-reward-requests.ld-dark-mode textarea, .pg-admin-reward-requests.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .form-input::placeholder, .pg-admin-reward-requests.ld-dark-mode .form-textarea::placeholder, .pg-admin-reward-requests.ld-dark-mode input::placeholder, .pg-admin-reward-requests.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-reward-requests.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .form-label, .pg-admin-reward-requests.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-requests.ld-dark-mode 
.btn-primary, .pg-admin-reward-requests.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-requests.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-requests.ld-dark-mode 
h1, .pg-admin-reward-requests.ld-dark-mode h2, .pg-admin-reward-requests.ld-dark-mode h3, .pg-admin-reward-requests.ld-dark-mode h4, .pg-admin-reward-requests.ld-dark-mode h5, .pg-admin-reward-requests.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode 
.modal-content, .pg-admin-reward-requests.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .modal-header, .pg-admin-reward-requests.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-reward-requests.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-requests.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_reward_wallet_transactions.php (pg-admin-reward-wallet-transactions) ============ */
.pg-admin-reward-wallet-transactions, .pg-admin-reward-wallet-transactions * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-reward-wallet-transactions { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-reward-wallet-transactions .admin-container { display:flex; min-height:100vh; }
.pg-admin-reward-wallet-transactions .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-reward-wallet-transactions .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-reward-wallet-transactions .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-reward-wallet-transactions .admin-nav { list-style:none; flex:1; }
.pg-admin-reward-wallet-transactions .admin-nav li { margin-bottom:8px; }
.pg-admin-reward-wallet-transactions .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-reward-wallet-transactions .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-wallet-transactions .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-reward-wallet-transactions .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-reward-wallet-transactions .has-submenu.open .submenu { display:block; }
.pg-admin-reward-wallet-transactions .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-reward-wallet-transactions .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-reward-wallet-transactions .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-reward-wallet-transactions .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-reward-wallet-transactions .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-reward-wallet-transactions .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-reward-wallet-transactions .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-reward-wallet-transactions .page-title p { color:#666; }
.pg-admin-reward-wallet-transactions .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-reward-wallet-transactions .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-wallet-transactions .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-reward-wallet-transactions .filter-bar { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; align-items:center; }
.pg-admin-reward-wallet-transactions .filter-bar a { padding:8px 16px; border-radius:100px; background:#f0f0f0; text-decoration:none; color:#0f172a; font-size:13px; font-weight:500; }
.pg-admin-reward-wallet-transactions .filter-bar a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-reward-wallet-transactions .search-box { display:flex; gap:8px; margin-bottom:20px; }
.pg-admin-reward-wallet-transactions .form-input { padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; width:250px; }
.pg-admin-reward-wallet-transactions .transactions-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.pg-admin-reward-wallet-transactions .transactions-table th, .pg-admin-reward-wallet-transactions .transactions-table td { padding:14px 16px; border-bottom:1px solid #eaeaea; text-align:left; font-size:13px; }
.pg-admin-reward-wallet-transactions .transactions-table th { background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-reward-wallet-transactions .transactions-table tr:last-child td { border-bottom:none; }
.pg-admin-reward-wallet-transactions .amount-positive { font-weight:600; color:#059669; }
@media  (max-width:768px)  { .pg-admin-reward-wallet-transactions .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-reward-wallet-transactions .admin-main {margin-left:0;padding:20px;}
.pg-admin-reward-wallet-transactions .transactions-table { display:block; overflow-x:auto; } }
.pg-admin-reward-wallet-transactions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .filter-bar a { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .filter-bar a.active { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-reward-wallet-transactions, .pg-admin-reward-wallet-transactions {overflow-x:hidden;}
.pg-admin-reward-wallet-transactions {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-reward-wallet-transactions::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-reward-wallet-transactions .app, .pg-admin-reward-wallet-transactions .main, .pg-admin-reward-wallet-transactions .admin-main, .pg-admin-reward-wallet-transactions .admin-container, .pg-admin-reward-wallet-transactions .page-wrap, .pg-admin-reward-wallet-transactions .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-reward-wallet-transactions .edit-card, .pg-admin-reward-wallet-transactions .card, .pg-admin-reward-wallet-transactions .section-card, .pg-admin-reward-wallet-transactions .settings-section, .pg-admin-reward-wallet-transactions .stat-card, .pg-admin-reward-wallet-transactions .info-card, .pg-admin-reward-wallet-transactions .content-card, .pg-admin-reward-wallet-transactions .panel, .pg-admin-reward-wallet-transactions .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-wallet-transactions .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-wallet-transactions .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-reward-wallet-transactions .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .nav-item.active a, .pg-admin-reward-wallet-transactions .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-reward-wallet-transactions .page-title h1 {color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-reward-wallet-transactions .form-input, .pg-admin-reward-wallet-transactions .form-select, .pg-admin-reward-wallet-transactions .form-textarea, .pg-admin-reward-wallet-transactions input[type=text], .pg-admin-reward-wallet-transactions input[type=email], .pg-admin-reward-wallet-transactions input[type=password], .pg-admin-reward-wallet-transactions input[type=number], .pg-admin-reward-wallet-transactions input[type=date], .pg-admin-reward-wallet-transactions input[type=time], .pg-admin-reward-wallet-transactions input[type=tel], .pg-admin-reward-wallet-transactions textarea, .pg-admin-reward-wallet-transactions select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-reward-wallet-transactions .form-input::placeholder, .pg-admin-reward-wallet-transactions .form-textarea::placeholder, .pg-admin-reward-wallet-transactions input::placeholder, .pg-admin-reward-wallet-transactions textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-reward-wallet-transactions .form-input:focus, .pg-admin-reward-wallet-transactions .form-textarea:focus, .pg-admin-reward-wallet-transactions input:focus, .pg-admin-reward-wallet-transactions textarea:focus, .pg-admin-reward-wallet-transactions select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-reward-wallet-transactions select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-reward-wallet-transactions .form-label, .pg-admin-reward-wallet-transactions label {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-wallet-transactions .btn-primary, .pg-admin-reward-wallet-transactions button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions table {border-collapse:collapse;}
.pg-admin-reward-wallet-transactions th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-reward-wallet-transactions td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-reward-wallet-transactions tr:last-child td {border-bottom:none!important;}
.pg-admin-reward-wallet-transactions tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-reward-wallet-transactions .badge-success, .pg-admin-reward-wallet-transactions .status-active, .pg-admin-reward-wallet-transactions .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-reward-wallet-transactions .badge-danger, .pg-admin-reward-wallet-transactions .status-expired, .pg-admin-reward-wallet-transactions .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-reward-wallet-transactions .badge-warning, .pg-admin-reward-wallet-transactions .status-pending, .pg-admin-reward-wallet-transactions .status-Pending, .pg-admin-reward-wallet-transactions .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-reward-wallet-transactions .badge-primary, .pg-admin-reward-wallet-transactions .badge-info, .pg-admin-reward-wallet-transactions .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-reward-wallet-transactions .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-reward-wallet-transactions .alert-error, .pg-admin-reward-wallet-transactions .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-reward-wallet-transactions .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-reward-wallet-transactions h1, .pg-admin-reward-wallet-transactions h2, .pg-admin-reward-wallet-transactions h3, .pg-admin-reward-wallet-transactions h4, .pg-admin-reward-wallet-transactions h5, .pg-admin-reward-wallet-transactions h6 {color:#0f172a;}
.pg-admin-reward-wallet-transactions h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-reward-wallet-transactions .modal-content, .pg-admin-reward-wallet-transactions .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-reward-wallet-transactions .modal-header, .pg-admin-reward-wallet-transactions .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-reward-wallet-transactions a {color:#38bdf8;}
.pg-admin-reward-wallet-transactions a:hover {color:#0f172a;}
.pg-admin-reward-wallet-transactions .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-reward-wallet-transactions .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-reward-wallet-transactions .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-reward-wallet-transactions hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-reward-wallet-transactions .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-reward-wallet-transactions .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-reward-wallet-transactions .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-reward-wallet-transactions ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-reward-wallet-transactions ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-reward-wallet-transactions ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-reward-wallet-transactions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode 
.edit-card, .pg-admin-reward-wallet-transactions.ld-dark-mode .card, .pg-admin-reward-wallet-transactions.ld-dark-mode .section-card, .pg-admin-reward-wallet-transactions.ld-dark-mode .settings-section, .pg-admin-reward-wallet-transactions.ld-dark-mode .stat-card, .pg-admin-reward-wallet-transactions.ld-dark-mode .info-card, .pg-admin-reward-wallet-transactions.ld-dark-mode .content-card, .pg-admin-reward-wallet-transactions.ld-dark-mode .panel, .pg-admin-reward-wallet-transactions.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .nav-item.active a, .pg-admin-reward-wallet-transactions.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode 
.form-input, .pg-admin-reward-wallet-transactions.ld-dark-mode .form-select, .pg-admin-reward-wallet-transactions.ld-dark-mode .form-textarea, .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=text], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=email], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=password], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=number], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=date], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=time], .pg-admin-reward-wallet-transactions.ld-dark-mode input[type=tel], .pg-admin-reward-wallet-transactions.ld-dark-mode textarea, .pg-admin-reward-wallet-transactions.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .form-input::placeholder, .pg-admin-reward-wallet-transactions.ld-dark-mode .form-textarea::placeholder, .pg-admin-reward-wallet-transactions.ld-dark-mode input::placeholder, .pg-admin-reward-wallet-transactions.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .form-label, .pg-admin-reward-wallet-transactions.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode 
.btn-primary, .pg-admin-reward-wallet-transactions.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode 
h1, .pg-admin-reward-wallet-transactions.ld-dark-mode h2, .pg-admin-reward-wallet-transactions.ld-dark-mode h3, .pg-admin-reward-wallet-transactions.ld-dark-mode h4, .pg-admin-reward-wallet-transactions.ld-dark-mode h5, .pg-admin-reward-wallet-transactions.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode 
.modal-content, .pg-admin-reward-wallet-transactions.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .modal-header, .pg-admin-reward-wallet-transactions.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-reward-wallet-transactions.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_rewards.php (pg-admin-rewards) ============ */
.pg-admin-rewards, .pg-admin-rewards * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-rewards { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-rewards .admin-container { display:flex; min-height:100vh; }
.pg-admin-rewards .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-rewards .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-rewards .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-rewards .admin-nav { list-style:none; flex:1; }
.pg-admin-rewards .admin-nav li { margin-bottom:8px; }
.pg-admin-rewards .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-rewards .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-rewards .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-rewards .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-rewards .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-rewards .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-rewards .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-rewards .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-rewards .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-rewards .page-title p { color:#666; }
.pg-admin-rewards .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-rewards .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-rewards .btn-primary:hover { background:#e2e8f0; }
.pg-admin-rewards .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-rewards .stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; margin-bottom:32px; }
.pg-admin-rewards .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-rewards .stat-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-rewards .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-rewards .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-rewards .recent-table { width:100%; background: rgba(15,23,42,.04); border-radius:12px; border: 1.5px solid rgba(29,78,216,.25); border-collapse:collapse; overflow:hidden; }
.pg-admin-rewards .recent-table th { text-align:left; padding:12px 16px; background: #ffffff; font-weight:600; font-size:12px; color:#666; border-bottom:1px solid #eaeaea; }
.pg-admin-rewards .recent-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-rewards .status-badge { padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-rewards .status-Pending { background:#fef3c7; color:#92400e; }
.pg-admin-rewards .status-Approved { background:#ecfdf5; color:#065f46; }
.pg-admin-rewards .status-Rejected { background:#fee2e2; color:#991b1b; }
.pg-admin-rewards .quick-actions { display:flex; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
@media  (max-width:768px)  { .pg-admin-rewards .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-rewards .admin-main {margin-left:0;padding:20px;} }
.pg-admin-rewards.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-rewards.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-rewards.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-rewards.ld-dark-mode .recent-table th { color: #cbd5e1 !important; }
.pg-admin-rewards {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-rewards, .pg-admin-rewards {overflow-x:hidden;}
.pg-admin-rewards {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-rewards::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-rewards .app, .pg-admin-rewards .main, .pg-admin-rewards .admin-main, .pg-admin-rewards .admin-container, .pg-admin-rewards .page-wrap, .pg-admin-rewards .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-rewards .edit-card, .pg-admin-rewards .card, .pg-admin-rewards .section-card, .pg-admin-rewards .settings-section, .pg-admin-rewards .stat-card, .pg-admin-rewards .info-card, .pg-admin-rewards .content-card, .pg-admin-rewards .panel, .pg-admin-rewards .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-rewards .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rewards .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-rewards .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-rewards .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rewards .nav-item.active a, .pg-admin-rewards .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rewards .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-rewards .page-title h1 {color:#0f172a!important;}
.pg-admin-rewards .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-rewards .form-input, .pg-admin-rewards .form-select, .pg-admin-rewards .form-textarea, .pg-admin-rewards input[type=text], .pg-admin-rewards input[type=email], .pg-admin-rewards input[type=password], .pg-admin-rewards input[type=number], .pg-admin-rewards input[type=date], .pg-admin-rewards input[type=time], .pg-admin-rewards input[type=tel], .pg-admin-rewards textarea, .pg-admin-rewards select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-rewards .form-input::placeholder, .pg-admin-rewards .form-textarea::placeholder, .pg-admin-rewards input::placeholder, .pg-admin-rewards textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-rewards .form-input:focus, .pg-admin-rewards .form-textarea:focus, .pg-admin-rewards input:focus, .pg-admin-rewards textarea:focus, .pg-admin-rewards select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-rewards select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-rewards .form-label, .pg-admin-rewards label {color:rgba(15,23,42,.7)!important;}
.pg-admin-rewards .btn-primary, .pg-admin-rewards button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rewards .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-rewards .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rewards .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rewards .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-rewards table {border-collapse:collapse;}
.pg-admin-rewards th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-rewards td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-rewards tr:last-child td {border-bottom:none!important;}
.pg-admin-rewards tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-rewards .badge-success, .pg-admin-rewards .status-active, .pg-admin-rewards .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-rewards .badge-danger, .pg-admin-rewards .status-expired, .pg-admin-rewards .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-rewards .badge-warning, .pg-admin-rewards .status-pending, .pg-admin-rewards .status-Pending, .pg-admin-rewards .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-rewards .badge-primary, .pg-admin-rewards .badge-info, .pg-admin-rewards .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-rewards .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-rewards .alert-error, .pg-admin-rewards .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-rewards .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-rewards h1, .pg-admin-rewards h2, .pg-admin-rewards h3, .pg-admin-rewards h4, .pg-admin-rewards h5, .pg-admin-rewards h6 {color:#0f172a;}
.pg-admin-rewards h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-rewards .modal-content, .pg-admin-rewards .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-rewards .modal-header, .pg-admin-rewards .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-rewards .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-rewards a {color:#38bdf8;}
.pg-admin-rewards a:hover {color:#0f172a;}
.pg-admin-rewards .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-rewards .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-rewards .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-rewards .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-rewards hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-rewards .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-rewards .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-rewards .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-rewards ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-rewards ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-rewards ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-rewards.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode 
.edit-card, .pg-admin-rewards.ld-dark-mode .card, .pg-admin-rewards.ld-dark-mode .section-card, .pg-admin-rewards.ld-dark-mode .settings-section, .pg-admin-rewards.ld-dark-mode .stat-card, .pg-admin-rewards.ld-dark-mode .info-card, .pg-admin-rewards.ld-dark-mode .content-card, .pg-admin-rewards.ld-dark-mode .panel, .pg-admin-rewards.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-rewards.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .nav-item.active a, .pg-admin-rewards.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-rewards.ld-dark-mode 
.form-input, .pg-admin-rewards.ld-dark-mode .form-select, .pg-admin-rewards.ld-dark-mode .form-textarea, .pg-admin-rewards.ld-dark-mode input[type=text], .pg-admin-rewards.ld-dark-mode input[type=email], .pg-admin-rewards.ld-dark-mode input[type=password], .pg-admin-rewards.ld-dark-mode input[type=number], .pg-admin-rewards.ld-dark-mode input[type=date], .pg-admin-rewards.ld-dark-mode input[type=time], .pg-admin-rewards.ld-dark-mode input[type=tel], .pg-admin-rewards.ld-dark-mode textarea, .pg-admin-rewards.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .form-input::placeholder, .pg-admin-rewards.ld-dark-mode .form-textarea::placeholder, .pg-admin-rewards.ld-dark-mode input::placeholder, .pg-admin-rewards.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-rewards.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .form-label, .pg-admin-rewards.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-rewards.ld-dark-mode 
.btn-primary, .pg-admin-rewards.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-rewards.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-rewards.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-rewards.ld-dark-mode 
h1, .pg-admin-rewards.ld-dark-mode h2, .pg-admin-rewards.ld-dark-mode h3, .pg-admin-rewards.ld-dark-mode h4, .pg-admin-rewards.ld-dark-mode h5, .pg-admin-rewards.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode 
.modal-content, .pg-admin-rewards.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .modal-header, .pg-admin-rewards.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-rewards.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-rewards.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_settings.php (pg-admin-settings) ============ */
.pg-admin-settings, .pg-admin-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-settings { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-settings .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-settings .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-settings .admin-nav a:hover, .pg-admin-settings .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-settings .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-settings .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-settings .has-submenu.open .submenu { display:block; }
.pg-admin-settings .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-settings .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-settings .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-settings .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-settings .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-settings .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-settings .page-title p { color:#666; }
.pg-admin-settings .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-settings .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-admin-settings .settings-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-bottom:32px; }
.pg-admin-settings .settings-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; }
.pg-admin-settings .settings-card.full-width { grid-column:1/-1; }
.pg-admin-settings .settings-card h2 { font-size:18px; font-weight:600; margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid #eaeaea; }
.pg-admin-settings .form-group { margin-bottom:20px; }
.pg-admin-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-settings .form-input, .pg-admin-settings .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-settings .form-input:focus, .pg-admin-settings .form-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-settings .checkbox-group { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.pg-admin-settings .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-settings .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-settings .btn-primary:hover { background:#e2e8f0; }
.pg-admin-settings .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-settings .btn-outline:hover { background: #ffffff; }
.pg-admin-settings .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-settings .btn-danger:hover { background:#dc2626; }
.pg-admin-settings .btn-warning { background:#f59e0b; color:#0f172a; }
.pg-admin-settings .btn-warning:hover { background:#d97706; }
.pg-admin-settings .info-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.pg-admin-settings .info-item { padding:12px; background:#fafafa; border-radius:12px; }
.pg-admin-settings .info-label { font-size:11px; color:#666; margin-bottom:2px; }
.pg-admin-settings .info-value { font-weight:600; font-size:14px; }
.pg-admin-settings .actions-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:16px; }
.pg-admin-settings .action-card { padding:20px; background:#fafafa; border-radius:16px; text-align:center; }
.pg-admin-settings .action-icon { font-size:32px; margin-bottom:10px; }
.pg-admin-settings .action-title { font-weight:600; margin-bottom:6px; }
.pg-admin-settings .action-desc { font-size:12px; color:#666; margin-bottom:12px; }
.pg-admin-settings .danger-zone { background:#fef2f2; border:1px solid #fee2e2; border-radius:16px; padding:20px; }
.pg-admin-settings .danger-zone h3 { color:#991b1b; margin-bottom:4px; }
.pg-admin-settings .danger-zone p { color:#b91c1c; font-size:13px; margin-bottom:16px; }
.pg-admin-settings .status-badge { display:inline-block; padding:4px 12px; border-radius:100px; font-size:12px; font-weight:600; }
.pg-admin-settings .status-enabled { background:#ecfdf5; color:#065f46; }
.pg-admin-settings .status-disabled { background:#fee2e2; color:#991b1b; }
.pg-admin-settings .backup-list { margin-top:16px; max-height:200px; overflow-y:auto; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; }
.pg-admin-settings .backup-item { padding:10px 14px; border-bottom:1px solid #eaeaea; display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.pg-admin-settings .backup-item:last-child { border-bottom:none; }
@media  (max-width:1024px)  { .pg-admin-settings .settings-grid { grid-template-columns:1fr; }
.pg-admin-settings .actions-grid { grid-template-columns:repeat(2,1fr); } }
@media  (max-width:768px)  { .pg-admin-settings .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-settings .admin-main {margin-left:0;padding:20px;}
.pg-admin-settings .actions-grid {grid-template-columns:1fr;}
.pg-admin-settings .info-grid {grid-template-columns:1fr;} }
.pg-admin-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-settings.ld-dark-mode .admin-nav a:hover, .pg-admin-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-settings.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .info-label { color: #cbd5e1 !important; }
.pg-admin-settings.ld-dark-mode .action-desc { color: #cbd5e1 !important; }
.pg-admin-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-settings, .pg-admin-settings {overflow-x:hidden;}
.pg-admin-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-settings .app, .pg-admin-settings .main, .pg-admin-settings .admin-main, .pg-admin-settings .admin-container, .pg-admin-settings .page-wrap, .pg-admin-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-settings .edit-card, .pg-admin-settings .card, .pg-admin-settings .section-card, .pg-admin-settings .settings-section, .pg-admin-settings .stat-card, .pg-admin-settings .info-card, .pg-admin-settings .content-card, .pg-admin-settings .panel, .pg-admin-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-settings .nav-item.active a, .pg-admin-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-settings .page-title h1 {color:#0f172a!important;}
.pg-admin-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-settings .form-input, .pg-admin-settings .form-select, .pg-admin-settings .form-textarea, .pg-admin-settings input[type=text], .pg-admin-settings input[type=email], .pg-admin-settings input[type=password], .pg-admin-settings input[type=number], .pg-admin-settings input[type=date], .pg-admin-settings input[type=time], .pg-admin-settings input[type=tel], .pg-admin-settings textarea, .pg-admin-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-settings .form-input::placeholder, .pg-admin-settings .form-textarea::placeholder, .pg-admin-settings input::placeholder, .pg-admin-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-settings .form-input:focus, .pg-admin-settings .form-textarea:focus, .pg-admin-settings input:focus, .pg-admin-settings textarea:focus, .pg-admin-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-settings .form-label, .pg-admin-settings label {color:rgba(15,23,42,.7)!important;}
.pg-admin-settings .btn-primary, .pg-admin-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-settings table {border-collapse:collapse;}
.pg-admin-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-settings tr:last-child td {border-bottom:none!important;}
.pg-admin-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-settings .badge-success, .pg-admin-settings .status-active, .pg-admin-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-settings .badge-danger, .pg-admin-settings .status-expired, .pg-admin-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-settings .badge-warning, .pg-admin-settings .status-pending, .pg-admin-settings .status-Pending, .pg-admin-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-settings .badge-primary, .pg-admin-settings .badge-info, .pg-admin-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-settings .alert-error, .pg-admin-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-settings h1, .pg-admin-settings h2, .pg-admin-settings h3, .pg-admin-settings h4, .pg-admin-settings h5, .pg-admin-settings h6 {color:#0f172a;}
.pg-admin-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-settings .modal-content, .pg-admin-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-settings .modal-header, .pg-admin-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-settings a {color:#38bdf8;}
.pg-admin-settings a:hover {color:#0f172a;}
.pg-admin-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode 
.edit-card, .pg-admin-settings.ld-dark-mode .card, .pg-admin-settings.ld-dark-mode .section-card, .pg-admin-settings.ld-dark-mode .settings-section, .pg-admin-settings.ld-dark-mode .stat-card, .pg-admin-settings.ld-dark-mode .info-card, .pg-admin-settings.ld-dark-mode .content-card, .pg-admin-settings.ld-dark-mode .panel, .pg-admin-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .nav-item.active a, .pg-admin-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-settings.ld-dark-mode 
.form-input, .pg-admin-settings.ld-dark-mode .form-select, .pg-admin-settings.ld-dark-mode .form-textarea, .pg-admin-settings.ld-dark-mode input[type=text], .pg-admin-settings.ld-dark-mode input[type=email], .pg-admin-settings.ld-dark-mode input[type=password], .pg-admin-settings.ld-dark-mode input[type=number], .pg-admin-settings.ld-dark-mode input[type=date], .pg-admin-settings.ld-dark-mode input[type=time], .pg-admin-settings.ld-dark-mode input[type=tel], .pg-admin-settings.ld-dark-mode textarea, .pg-admin-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .form-input::placeholder, .pg-admin-settings.ld-dark-mode .form-textarea::placeholder, .pg-admin-settings.ld-dark-mode input::placeholder, .pg-admin-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .form-label, .pg-admin-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-settings.ld-dark-mode 
.btn-primary, .pg-admin-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-settings.ld-dark-mode 
h1, .pg-admin-settings.ld-dark-mode h2, .pg-admin-settings.ld-dark-mode h3, .pg-admin-settings.ld-dark-mode h4, .pg-admin-settings.ld-dark-mode h5, .pg-admin-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode 
.modal-content, .pg-admin-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .modal-header, .pg-admin-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_subscriptions.php (pg-admin-subscriptions) ============ */
.pg-admin-subscriptions, .pg-admin-subscriptions * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-subscriptions { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-subscriptions .admin-container { display:flex; min-height:100vh; }
.pg-admin-subscriptions .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-subscriptions .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-subscriptions .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-subscriptions .admin-nav { list-style:none; flex:1; }
.pg-admin-subscriptions .admin-nav li { margin-bottom:8px; }
.pg-admin-subscriptions .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-subscriptions .admin-nav a:hover, .pg-admin-subscriptions .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-subscriptions .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-subscriptions .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-subscriptions .has-submenu.open .submenu { display:block; }
.pg-admin-subscriptions .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-subscriptions .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-subscriptions .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-subscriptions .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-subscriptions .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-subscriptions .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-subscriptions .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-subscriptions .page-title p { color:#666; }
.pg-admin-subscriptions .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-subscriptions .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-subscriptions .btn-success { background:#10b981; color:#0f172a; }
.pg-admin-subscriptions .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-subscriptions .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-subscriptions .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-subscriptions .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-subscriptions .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:32px; }
.pg-admin-subscriptions .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-subscriptions .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-subscriptions .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-subscriptions .revenue-card { background:linear-gradient(135deg,#e2e8f0,#e2e8f0); color:#0f172a; padding:24px 32px; border-radius:20px; margin-bottom:32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; }
.pg-admin-subscriptions .revenue-amount { font-size:48px; font-weight:700; }
.pg-admin-subscriptions .bulk-actions { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:32px; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.pg-admin-subscriptions .subscriptions-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; }
.pg-admin-subscriptions .subscriptions-table th { background: rgba(15,23,42,.03); padding:14px 16px; text-align:left; font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-subscriptions .subscriptions-table td { padding:14px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-subscriptions .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-subscriptions .status-trial { background:#fef3c7; color:#92400e; }
.pg-admin-subscriptions .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-subscriptions .status-expired { background:#fee2e2; color:#991b1b; }
.pg-admin-subscriptions .status-suspended { background:#f1f5f9; color:#475569; }
.pg-admin-subscriptions .trial-indicator { width:100%; height:4px; background:#f0f0f0; border-radius:2px; margin-top:6px; overflow:hidden; }
.pg-admin-subscriptions .trial-progress { height:100%; background:#e2e8f0; border-radius:2px; }
.pg-admin-subscriptions .trial-progress.warning { background:#f59e0b; }
.pg-admin-subscriptions .trial-progress.danger { background:#ef4444; }
.pg-admin-subscriptions .action-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.pg-admin-subscriptions .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; transition:all0/**/.2s; }
.pg-admin-subscriptions .btn-icon.extend:hover { background:#fef3c7; color:#92400e; }
.pg-admin-subscriptions .status-select { padding:6px; border: 1.5px solid rgba(29,78,216,.25); border-radius:6px; font-size:12px; }
.pg-admin-subscriptions .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-subscriptions .modal.show { display:flex; }
.pg-admin-subscriptions .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; }
.pg-admin-subscriptions .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-subscriptions .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-subscriptions .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-subscriptions .form-group { margin-bottom:20px; }
.pg-admin-subscriptions .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-subscriptions .form-input, .pg-admin-subscriptions .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-subscriptions .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
@media  (max-width:768px)  { .pg-admin-subscriptions .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-subscriptions .admin-main {margin-left:0;padding:20px;}
.pg-admin-subscriptions .stats-grid {grid-template-columns:1fr;}
.pg-admin-subscriptions .subscriptions-table {display:block;overflow-x:auto;} }
.pg-admin-subscriptions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-subscriptions.ld-dark-mode .admin-nav a:hover, .pg-admin-subscriptions.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-subscriptions.ld-dark-mode .revenue-card { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .status-suspended { color: #cbd5e1 !important; }
.pg-admin-subscriptions.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-subscriptions.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-subscriptions {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-subscriptions, .pg-admin-subscriptions {overflow-x:hidden;}
.pg-admin-subscriptions {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-subscriptions::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-subscriptions .app, .pg-admin-subscriptions .main, .pg-admin-subscriptions .admin-main, .pg-admin-subscriptions .admin-container, .pg-admin-subscriptions .page-wrap, .pg-admin-subscriptions .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-subscriptions .edit-card, .pg-admin-subscriptions .card, .pg-admin-subscriptions .section-card, .pg-admin-subscriptions .settings-section, .pg-admin-subscriptions .stat-card, .pg-admin-subscriptions .info-card, .pg-admin-subscriptions .content-card, .pg-admin-subscriptions .panel, .pg-admin-subscriptions .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-subscriptions .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-subscriptions .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-subscriptions .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-subscriptions .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-subscriptions .nav-item.active a, .pg-admin-subscriptions .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-subscriptions .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-subscriptions .page-title h1 {color:#0f172a!important;}
.pg-admin-subscriptions .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-subscriptions .form-input, .pg-admin-subscriptions .form-select, .pg-admin-subscriptions .form-textarea, .pg-admin-subscriptions input[type=text], .pg-admin-subscriptions input[type=email], .pg-admin-subscriptions input[type=password], .pg-admin-subscriptions input[type=number], .pg-admin-subscriptions input[type=date], .pg-admin-subscriptions input[type=time], .pg-admin-subscriptions input[type=tel], .pg-admin-subscriptions textarea, .pg-admin-subscriptions select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-subscriptions .form-input::placeholder, .pg-admin-subscriptions .form-textarea::placeholder, .pg-admin-subscriptions input::placeholder, .pg-admin-subscriptions textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-subscriptions .form-input:focus, .pg-admin-subscriptions .form-textarea:focus, .pg-admin-subscriptions input:focus, .pg-admin-subscriptions textarea:focus, .pg-admin-subscriptions select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-subscriptions select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-subscriptions .form-label, .pg-admin-subscriptions label {color:rgba(15,23,42,.7)!important;}
.pg-admin-subscriptions .btn-primary, .pg-admin-subscriptions button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-subscriptions .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-subscriptions .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-subscriptions .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-subscriptions .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-subscriptions table {border-collapse:collapse;}
.pg-admin-subscriptions th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-subscriptions td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-subscriptions tr:last-child td {border-bottom:none!important;}
.pg-admin-subscriptions tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-subscriptions .badge-success, .pg-admin-subscriptions .status-active, .pg-admin-subscriptions .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-subscriptions .badge-danger, .pg-admin-subscriptions .status-expired, .pg-admin-subscriptions .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-subscriptions .badge-warning, .pg-admin-subscriptions .status-pending, .pg-admin-subscriptions .status-Pending, .pg-admin-subscriptions .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-subscriptions .badge-primary, .pg-admin-subscriptions .badge-info, .pg-admin-subscriptions .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-subscriptions .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-subscriptions .alert-error, .pg-admin-subscriptions .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-subscriptions .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-subscriptions h1, .pg-admin-subscriptions h2, .pg-admin-subscriptions h3, .pg-admin-subscriptions h4, .pg-admin-subscriptions h5, .pg-admin-subscriptions h6 {color:#0f172a;}
.pg-admin-subscriptions h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-subscriptions .modal-content, .pg-admin-subscriptions .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-subscriptions .modal-header, .pg-admin-subscriptions .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-subscriptions .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-subscriptions a {color:#38bdf8;}
.pg-admin-subscriptions a:hover {color:#0f172a;}
.pg-admin-subscriptions .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-subscriptions .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-subscriptions .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-subscriptions .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-subscriptions hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-subscriptions .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-subscriptions .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-subscriptions .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-subscriptions ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-subscriptions ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-subscriptions ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-subscriptions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode 
.edit-card, .pg-admin-subscriptions.ld-dark-mode .card, .pg-admin-subscriptions.ld-dark-mode .section-card, .pg-admin-subscriptions.ld-dark-mode .settings-section, .pg-admin-subscriptions.ld-dark-mode .stat-card, .pg-admin-subscriptions.ld-dark-mode .info-card, .pg-admin-subscriptions.ld-dark-mode .content-card, .pg-admin-subscriptions.ld-dark-mode .panel, .pg-admin-subscriptions.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-subscriptions.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .nav-item.active a, .pg-admin-subscriptions.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-subscriptions.ld-dark-mode 
.form-input, .pg-admin-subscriptions.ld-dark-mode .form-select, .pg-admin-subscriptions.ld-dark-mode .form-textarea, .pg-admin-subscriptions.ld-dark-mode input[type=text], .pg-admin-subscriptions.ld-dark-mode input[type=email], .pg-admin-subscriptions.ld-dark-mode input[type=password], .pg-admin-subscriptions.ld-dark-mode input[type=number], .pg-admin-subscriptions.ld-dark-mode input[type=date], .pg-admin-subscriptions.ld-dark-mode input[type=time], .pg-admin-subscriptions.ld-dark-mode input[type=tel], .pg-admin-subscriptions.ld-dark-mode textarea, .pg-admin-subscriptions.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .form-input::placeholder, .pg-admin-subscriptions.ld-dark-mode .form-textarea::placeholder, .pg-admin-subscriptions.ld-dark-mode input::placeholder, .pg-admin-subscriptions.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-subscriptions.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .form-label, .pg-admin-subscriptions.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-subscriptions.ld-dark-mode 
.btn-primary, .pg-admin-subscriptions.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-subscriptions.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-subscriptions.ld-dark-mode 
h1, .pg-admin-subscriptions.ld-dark-mode h2, .pg-admin-subscriptions.ld-dark-mode h3, .pg-admin-subscriptions.ld-dark-mode h4, .pg-admin-subscriptions.ld-dark-mode h5, .pg-admin-subscriptions.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode 
.modal-content, .pg-admin-subscriptions.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .modal-header, .pg-admin-subscriptions.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-subscriptions.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-subscriptions.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_support.php (pg-admin-support) ============ */
.pg-admin-support, .pg-admin-support *, .pg-admin-support, .pg-admin-support *::before, .pg-admin-support, .pg-admin-support *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-admin-support, .pg-admin-support {overflow-x:hidden;background:#ffffff;color:#0f172a;font-family:"Inter",sans-serif;min-height:100vh;}
.pg-admin-support::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-support .admin-container {display:flex;min-height:100vh;position:relative;z-index:1;}
.pg-admin-support .admin-main {flex:1;margin-left:280px;padding:2rem;min-width:0;}
.pg-admin-support h1 {font-family:"Space Grotesk",sans-serif;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-admin-support .sub {color:rgba(15,23,42,.4);font-size:.875rem;margin-bottom:1.75rem;}
.pg-admin-support .tabs {display:flex;gap:.375rem;margin-bottom:1.5rem;background:rgba(15,23,42,.04);border:1px solid rgba(29,78,216,.2);border-radius:12px;padding:.25rem;width:fit-content;}
.pg-admin-support .tab-btn {padding:.45rem 1.1rem;border-radius:9px;font-size:.8rem;font-weight:600;cursor:pointer;background:none;border:none;color:rgba(15,23,42,.5);font-family:inherit;transition:all .18s;}
.pg-admin-support .tab-btn.active {background:linear-gradient(135deg,#38bdf8,#1d4ed8);color:#0f172a;}
.pg-admin-support .chat-layout {display:grid;grid-template-columns:300px 1fr;gap:1rem;height:calc(100vh - 200px);min-height:500px;}
.pg-admin-support .chat-list {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.2);border-radius:16px;overflow-y:auto;}
.pg-admin-support .chat-item {padding:.875rem 1rem;border-bottom:1px solid rgba(15,23,42,.04);cursor:pointer;transition:background .15s;display:block;text-decoration:none;color:inherit;}
.pg-admin-support .chat-item:hover, .pg-admin-support .chat-item.active {background:rgba(29,78,216,.1);}
.pg-admin-support .chat-item-name {font-weight:700;font-size:.85rem;color:#0f172a;}
.pg-admin-support .chat-item-preview {font-size:.72rem;color:rgba(15,23,42,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.pg-admin-support .chat-item-meta {display:flex;justify-content:space-between;align-items:center;margin-bottom:3px;}
.pg-admin-support .status-badge {padding:2px 7px;border-radius:100px;font-size:.65rem;font-weight:700;}
.pg-admin-support .s-waiting {background:rgba(245,158,11,.2);color:#f59e0b;}
.pg-admin-support .s-active {background:rgba(16,185,129,.2);color:#10b981;}
.pg-admin-support .s-closed {background:rgba(15,23,42,.08);color:rgba(15,23,42,.4);}
.pg-admin-support .unread-dot {width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;}
.pg-admin-support .chat-window {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;}
.pg-admin-support .chat-win-header {padding:.875rem 1rem;border-bottom:1px solid rgba(29,78,216,.15);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}
.pg-admin-support .chat-win-title {font-weight:700;font-size:.9rem;}
.pg-admin-support .chat-win-sub {font-size:.72rem;color:rgba(15,23,42,.4);}
.pg-admin-support .messages-area {flex:1;overflow-y:auto;padding:.875rem;display:flex;flex-direction:column;gap:.5rem;}
.pg-admin-support .msg-row {display:flex;}
.pg-admin-support .msg-row.user {justify-content:flex-start;}
.pg-admin-support .msg-row.admin {justify-content:flex-end;}
.pg-admin-support .msg-bubble {max-width:75%;padding:.5rem .875rem;border-radius:14px;font-size:.8rem;line-height:1.55;}
.pg-admin-support .msg-bubble.user {background:rgba(15,23,42,.07);color:#0f172a;border-radius:14px 14px 14px 4px;}
.pg-admin-support .msg-bubble.admin {background:linear-gradient(135deg,#38bdf8,#1d4ed8);color:#0f172a;border-radius:14px 14px 4px 14px;}
.pg-admin-support .msg-bubble.bot {background:rgba(29,78,216,.12);border:1px solid rgba(29,78,216,.2);color:rgba(15,23,42,.8);border-radius:14px 14px 14px 4px;}
.pg-admin-support .msg-meta {font-size:.62rem;opacity:.5;margin-top:2px;}
.pg-admin-support .reply-area {padding:.75rem 1rem;border-top:1px solid rgba(29,78,216,.15);display:flex;gap:.5rem;flex-shrink:0;}
.pg-admin-support .reply-input {flex:1;background:rgba(15,23,42,.07);border:1px solid rgba(29,78,216,.25);border-radius:12px;padding:.6rem .875rem;color:#0f172a;font-family:inherit;font-size:.8rem;outline:none;resize:none;min-height:60px;}
.pg-admin-support .reply-input:focus {border-color:#1d4ed8;}
.pg-admin-support .btn-send {align-self:flex-end;padding:.6rem 1.25rem;background:linear-gradient(135deg,#38bdf8,#1d4ed8);border:none;border-radius:100px;color:#0f172a;font-weight:700;font-size:.8rem;cursor:pointer;font-family:inherit;white-space:nowrap;}
.pg-admin-support .no-chat {display:flex;align-items:center;justify-content:center;flex:1;color:rgba(15,23,42,.3);flex-direction:column;gap:.75rem;font-size:.875rem;}
.pg-admin-support .faq-grid {display:grid;grid-template-columns:1fr 340px;gap:1rem;}
.pg-admin-support .faq-table {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.2);border-radius:16px;overflow:hidden;}
.pg-admin-support table {width:100%;border-collapse:collapse;}
.pg-admin-support th {padding:.625rem 1rem;text-align:left;font-size:.72rem;font-weight:700;color:rgba(15,23,42,.4);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(29,78,216,.15);}
.pg-admin-support td {padding:.75rem 1rem;font-size:.8rem;border-bottom:1px solid rgba(15,23,42,.04);color:rgba(15,23,42,.7);}
.pg-admin-support tr:last-child td {border-bottom:none;}
.pg-admin-support .faq-form {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.2);border-radius:16px;padding:1.25rem;}
.pg-admin-support .form-group {margin-bottom:1rem;}
.pg-admin-support .form-group label {display:block;font-size:.75rem;font-weight:700;color:rgba(15,23,42,.5);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.04em;}
.pg-admin-support .form-group input, .pg-admin-support .form-group textarea, .pg-admin-support .form-group select {width:100%;background:rgba(15,23,42,.07);border:1px solid rgba(29,78,216,.25);border-radius:10px;padding:.625rem .875rem;color:#0f172a;font-family:inherit;font-size:.825rem;outline:none;}
.pg-admin-support .form-group input:focus, .pg-admin-support .form-group textarea:focus {border-color:#1d4ed8;}
.pg-admin-support .form-group textarea {min-height:100px;resize:vertical;line-height:1.5;}
.pg-admin-support .btn-save {width:100%;padding:.7rem;background:linear-gradient(135deg,#38bdf8,#1d4ed8);border:none;border-radius:100px;color:#0f172a;font-weight:700;font-size:.875rem;cursor:pointer;font-family:inherit;}
.pg-admin-support .btn-del {background:none;border:none;color:#ef4444;cursor:pointer;font-size:.78rem;padding:2px 6px;}
@media (max-width:768px) { .pg-admin-support .admin-main {margin-left:0;padding:1rem;}
.pg-admin-support .chat-layout {grid-template-columns:1fr;}
.pg-admin-support .faq-grid {grid-template-columns:1fr;} }
.pg-admin-support.ld-dark-mode html, .pg-admin-support.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .sub { color: rgba(255,255,255,.4) !important; }
.pg-admin-support.ld-dark-mode .tab-btn { color: rgba(255,255,255,.5) !important; }
.pg-admin-support.ld-dark-mode .tab-btn.active { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .chat-item-name { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .chat-item-preview { color: rgba(255,255,255,.4) !important; }
.pg-admin-support.ld-dark-mode .s-closed { color: rgba(255,255,255,.4) !important; }
.pg-admin-support.ld-dark-mode .chat-win-sub { color: rgba(255,255,255,.4) !important; }
.pg-admin-support.ld-dark-mode .msg-bubble.user { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .msg-bubble.admin { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .msg-bubble.bot { color: rgba(255,255,255,.8) !important; }
.pg-admin-support.ld-dark-mode .reply-input { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .btn-send { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .no-chat { color: rgba(255,255,255,.3) !important; }
.pg-admin-support.ld-dark-mode th { color: rgba(255,255,255,.4) !important; }
.pg-admin-support.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-support.ld-dark-mode .form-group label { color: rgba(255,255,255,.5) !important; }
.pg-admin-support.ld-dark-mode .form-group input, .pg-admin-support.ld-dark-mode .form-group textarea, .pg-admin-support.ld-dark-mode .form-group select { color: #f1f5f9 !important; }
.pg-admin-support.ld-dark-mode .btn-save { color: #f1f5f9 !important; }


/* ============ admin_team_detail.php (pg-admin-team-detail) ============ */
.pg-admin-team-detail, .pg-admin-team-detail * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-admin-team-detail {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-admin-team-detail .admin-container {
            display: flex;
            min-height: 100vh;
        }
.pg-admin-team-detail .admin-sidebar {
            width: 260px;
            background: #e2e8f0;
            color: #0f172a;
            padding: 24px 20px;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
        }
.pg-admin-team-detail .admin-logo {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #e2e8f0;
        }
.pg-admin-team-detail .admin-logo span {
            color: #ef4444;
            font-size: 11px;
            margin-left: 6px;
            background: #e2e8f0;
            padding: 3px 8px;
            border-radius: 100px;
        }
.pg-admin-team-detail .admin-nav {
            list-style: none;
        }
.pg-admin-team-detail .admin-nav li {
            margin-bottom: 6px;
        }
.pg-admin-team-detail .admin-nav a {
            display: flex;
            align-items: center;
            padding: 10px 14px;
            color: #999;
            text-decoration: none;
            border-radius: 8px;
            transition: all 0.2s;
            gap: 10px;
            font-size: 14px;
        }
.pg-admin-team-detail .admin-nav a:hover, .pg-admin-team-detail .admin-nav a.active {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-admin-team-detail .admin-nav a.active {
            border-left: 3px solid #ef4444;
        }
.pg-admin-team-detail .back-to-app {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #e2e8f0;
        }
.pg-admin-team-detail .back-to-app a {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ef4444;
            text-decoration: none;
            padding: 10px 14px;
            border-radius: 8px;
            font-size: 14px;
        }
.pg-admin-team-detail .back-to-app a:hover {
            background: #e2e8f0;
        }
.pg-admin-team-detail .admin-main {
            flex: 1;
            margin-left: 260px;
            padding: 24px;
        }
.pg-admin-team-detail .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-admin-team-detail .page-title h1 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-team-detail .page-title p {
            color: #666;
            font-size: 14px;
        }
.pg-admin-team-detail .back-link {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #666;
            text-decoration: none;
            font-size: 14px;
        }
.pg-admin-team-detail .back-link:hover {
            color: #0f172a;
        }
.pg-admin-team-detail .team-header {
            background: rgba(15,23,42,.03);
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
            padding: 24px;
            margin-bottom: 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-admin-team-detail .team-info h2 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-admin-team-detail .team-meta {
            display: flex;
            gap: 24px;
            color: #666;
            font-size: 14px;
            flex-wrap: wrap;
        }
.pg-admin-team-detail .status-badge {
            padding: 6px 12px;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
        }
.pg-admin-team-detail .status-trial {
            background: #fef3c7;
            color: #92400e;
        }
.pg-admin-team-detail .status-active {
            background: #ecfdf5;
            color: #065f46;
        }
.pg-admin-team-detail .status-expired {
            background: #fee2e2;
            color: #991b1b;
        }
.pg-admin-team-detail .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
.pg-admin-team-detail .stat-card {
            background: rgba(15,23,42,.03);
            padding: 20px;
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
        }
.pg-admin-team-detail .stat-value {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-admin-team-detail .stat-label {
            color: #666;
            font-size: 12px;
            text-transform: uppercase;
        }
.pg-admin-team-detail .members-section {
            background: rgba(15,23,42,.03);
            border-radius: 16px;
            border: 1px solid rgba(29,78,216,.2);
            overflow: hidden;
        }
.pg-admin-team-detail .section-header {
            padding: 16px 20px;
            border-bottom: 1px solid #eaeaea;
            background: #fafafa;
            font-weight: 600;
        }
.pg-admin-team-detail .members-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-admin-team-detail .members-table th {
            text-align: left;
            padding: 12px 16px;
            background: #ffffff;
            font-size: 12px;
            font-weight: 600;
            color: #666;
        }
.pg-admin-team-detail .members-table td {
            padding: 12px 16px;
            border-bottom: 1px solid #eaeaea;
            font-size: 13px;
        }
.pg-admin-team-detail .role-badge {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
        }
.pg-admin-team-detail .role-leader {
            background: #fef3c7;
            color: #92400e;
        }
.pg-admin-team-detail .role-member {
            background: #e0f2fe;
            color: #0369a1;
        }
@media  (max-width: 768px)  { .pg-admin-team-detail .admin-sidebar {
                transform: translateX(-100%);
            }
.pg-admin-team-detail .admin-main {
                margin-left: 0;
            }
.pg-admin-team-detail .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            } }
.pg-admin-team-detail.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-team-detail.ld-dark-mode .admin-nav a:hover, .pg-admin-team-detail.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-team-detail.ld-dark-mode .back-link { color: #cbd5e1 !important; }
.pg-admin-team-detail.ld-dark-mode .back-link:hover { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .team-meta { color: #cbd5e1 !important; }
.pg-admin-team-detail.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-team-detail.ld-dark-mode .members-table th { color: #cbd5e1 !important; }
.pg-admin-team-detail {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-team-detail, .pg-admin-team-detail {overflow-x:hidden;}
.pg-admin-team-detail {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-team-detail::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-team-detail .app, .pg-admin-team-detail .main, .pg-admin-team-detail .admin-main, .pg-admin-team-detail .admin-container, .pg-admin-team-detail .page-wrap, .pg-admin-team-detail .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-team-detail .edit-card, .pg-admin-team-detail .card, .pg-admin-team-detail .section-card, .pg-admin-team-detail .settings-section, .pg-admin-team-detail .stat-card, .pg-admin-team-detail .info-card, .pg-admin-team-detail .content-card, .pg-admin-team-detail .panel, .pg-admin-team-detail .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-team-detail .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-team-detail .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-team-detail .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-team-detail .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-team-detail .nav-item.active a, .pg-admin-team-detail .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-team-detail .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-team-detail .page-title h1 {color:#0f172a!important;}
.pg-admin-team-detail .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-team-detail .form-input, .pg-admin-team-detail .form-select, .pg-admin-team-detail .form-textarea, .pg-admin-team-detail input[type=text], .pg-admin-team-detail input[type=email], .pg-admin-team-detail input[type=password], .pg-admin-team-detail input[type=number], .pg-admin-team-detail input[type=date], .pg-admin-team-detail input[type=time], .pg-admin-team-detail input[type=tel], .pg-admin-team-detail textarea, .pg-admin-team-detail select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-team-detail .form-input::placeholder, .pg-admin-team-detail .form-textarea::placeholder, .pg-admin-team-detail input::placeholder, .pg-admin-team-detail textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-team-detail .form-input:focus, .pg-admin-team-detail .form-textarea:focus, .pg-admin-team-detail input:focus, .pg-admin-team-detail textarea:focus, .pg-admin-team-detail select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-team-detail select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-team-detail .form-label, .pg-admin-team-detail label {color:rgba(15,23,42,.7)!important;}
.pg-admin-team-detail .btn-primary, .pg-admin-team-detail button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-team-detail .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-team-detail .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-team-detail .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-team-detail .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-team-detail table {border-collapse:collapse;}
.pg-admin-team-detail th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-team-detail td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-team-detail tr:last-child td {border-bottom:none!important;}
.pg-admin-team-detail tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-team-detail .badge-success, .pg-admin-team-detail .status-active, .pg-admin-team-detail .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-team-detail .badge-danger, .pg-admin-team-detail .status-expired, .pg-admin-team-detail .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-team-detail .badge-warning, .pg-admin-team-detail .status-pending, .pg-admin-team-detail .status-Pending, .pg-admin-team-detail .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-team-detail .badge-primary, .pg-admin-team-detail .badge-info, .pg-admin-team-detail .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-team-detail .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-team-detail .alert-error, .pg-admin-team-detail .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-team-detail .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-team-detail h1, .pg-admin-team-detail h2, .pg-admin-team-detail h3, .pg-admin-team-detail h4, .pg-admin-team-detail h5, .pg-admin-team-detail h6 {color:#0f172a;}
.pg-admin-team-detail h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-team-detail .modal-content, .pg-admin-team-detail .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-team-detail .modal-header, .pg-admin-team-detail .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-team-detail .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-team-detail a {color:#38bdf8;}
.pg-admin-team-detail a:hover {color:#0f172a;}
.pg-admin-team-detail .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-team-detail .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-team-detail .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-team-detail .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-team-detail hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-team-detail .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-team-detail .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-team-detail .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-team-detail ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-team-detail ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-team-detail ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-team-detail.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode 
.edit-card, .pg-admin-team-detail.ld-dark-mode .card, .pg-admin-team-detail.ld-dark-mode .section-card, .pg-admin-team-detail.ld-dark-mode .settings-section, .pg-admin-team-detail.ld-dark-mode .stat-card, .pg-admin-team-detail.ld-dark-mode .info-card, .pg-admin-team-detail.ld-dark-mode .content-card, .pg-admin-team-detail.ld-dark-mode .panel, .pg-admin-team-detail.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-team-detail.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .nav-item.active a, .pg-admin-team-detail.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-team-detail.ld-dark-mode 
.form-input, .pg-admin-team-detail.ld-dark-mode .form-select, .pg-admin-team-detail.ld-dark-mode .form-textarea, .pg-admin-team-detail.ld-dark-mode input[type=text], .pg-admin-team-detail.ld-dark-mode input[type=email], .pg-admin-team-detail.ld-dark-mode input[type=password], .pg-admin-team-detail.ld-dark-mode input[type=number], .pg-admin-team-detail.ld-dark-mode input[type=date], .pg-admin-team-detail.ld-dark-mode input[type=time], .pg-admin-team-detail.ld-dark-mode input[type=tel], .pg-admin-team-detail.ld-dark-mode textarea, .pg-admin-team-detail.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .form-input::placeholder, .pg-admin-team-detail.ld-dark-mode .form-textarea::placeholder, .pg-admin-team-detail.ld-dark-mode input::placeholder, .pg-admin-team-detail.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-team-detail.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .form-label, .pg-admin-team-detail.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-team-detail.ld-dark-mode 
.btn-primary, .pg-admin-team-detail.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-team-detail.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-team-detail.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-team-detail.ld-dark-mode 
h1, .pg-admin-team-detail.ld-dark-mode h2, .pg-admin-team-detail.ld-dark-mode h3, .pg-admin-team-detail.ld-dark-mode h4, .pg-admin-team-detail.ld-dark-mode h5, .pg-admin-team-detail.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode 
.modal-content, .pg-admin-team-detail.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .modal-header, .pg-admin-team-detail.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-team-detail.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-team-detail.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_teams.php (pg-admin-teams) ============ */
.pg-admin-teams, .pg-admin-teams * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-teams { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-teams .admin-container { display:flex; min-height:100vh; }
.pg-admin-teams .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-teams .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-teams .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-teams .admin-nav { list-style:none; flex:1; }
.pg-admin-teams .admin-nav li { margin-bottom:8px; }
.pg-admin-teams .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-teams .admin-nav a:hover, .pg-admin-teams .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-teams .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-teams .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-teams .has-submenu.open .submenu { display:block; }
.pg-admin-teams .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-teams .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-teams .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-teams .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-teams .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-teams .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-teams .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-teams .page-title p { color:#666; }
.pg-admin-teams .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-teams .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-teams .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-teams .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-teams .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-teams .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-teams .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-teams .stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px; }
.pg-admin-teams .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-teams .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-teams .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-teams .search-section { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; }
.pg-admin-teams .search-box { display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
.pg-admin-teams .search-input, .pg-admin-teams .filter-select { flex:1; min-width:180px; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:13px; }
.pg-admin-teams .teams-table-container { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; }
.pg-admin-teams .table-header { padding:16px 20px; border-bottom:1px solid #eaeaea; background:#fafafa; }
.pg-admin-teams .table-header h2 { font-size:16px; font-weight:600; }
.pg-admin-teams .teams-table { width:100%; border-collapse:collapse; }
.pg-admin-teams .teams-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-teams .teams-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-teams .teams-table tr:last-child td { border-bottom:none; }
.pg-admin-teams .team-name { font-weight:600; margin-bottom:4px; }
.pg-admin-teams .team-email { font-size:12px; color:#666; }
.pg-admin-teams .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-teams .status-trial { background:#fef3c7; color:#92400e; }
.pg-admin-teams .status-active { background:#ecfdf5; color:#065f46; }
.pg-admin-teams .status-expired { background:#fee2e2; color:#991b1b; }
.pg-admin-teams .status-suspended { background:#f1f5f9; color:#475569; }
.pg-admin-teams .company-badge { display:inline-block; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; background:#e0f2fe; color:#0369a1; }
.pg-admin-teams .independent-badge { background:#f1f5f9; color:#475569; }
.pg-admin-teams .action-buttons { display:flex; gap:8px; flex-wrap:wrap; }
.pg-admin-teams .btn-icon { padding:6px 12px; border: 1.5px solid rgba(29,78,216,.25); background: rgba(15,23,42,.04); border-radius:8px; cursor:pointer; font-size:12px; transition:all0/**/.2s; text-decoration:none; color: #0f172a; display:inline-flex; align-items:center; gap:4px; }
.pg-admin-teams .btn-icon.view { background:#e0f2fe; border-color:#7dd3fc; color:#0369a1; }
.pg-admin-teams .btn-icon.edit { background:#fef3c7; border-color:#fde68a; color:#92400e; }
.pg-admin-teams .btn-icon.delete { background:#fee2e2; border-color:#fecaca; color:#991b1b; }
.pg-admin-teams .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-teams .modal.show { display:flex; }
.pg-admin-teams .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-teams .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-teams .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-teams .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-teams .form-group { margin-bottom:20px; }
.pg-admin-teams .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-teams .form-input, .pg-admin-teams .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-teams .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-teams .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid #eaeaea; }
.pg-admin-teams .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-teams .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
.pg-admin-teams .search-results { margin-top:12px; font-size:13px; color:#666; }
@media  (max-width:768px)  { .pg-admin-teams .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-teams .admin-main {margin-left:0;padding:20px;}
.pg-admin-teams .stats-grid {grid-template-columns:1fr;}
.pg-admin-teams .teams-table {display:block;overflow-x:auto;}
.pg-admin-teams .search-box {flex-direction:column;} }
.pg-admin-teams.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .admin-nav a:hover, .pg-admin-teams.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .team-email { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .status-suspended { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .independent-badge { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .btn-icon { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-teams.ld-dark-mode .search-results { color: #cbd5e1 !important; }
.pg-admin-teams {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-teams, .pg-admin-teams {overflow-x:hidden;}
.pg-admin-teams {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-teams::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-teams .app, .pg-admin-teams .main, .pg-admin-teams .admin-main, .pg-admin-teams .admin-container, .pg-admin-teams .page-wrap, .pg-admin-teams .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-teams .edit-card, .pg-admin-teams .card, .pg-admin-teams .section-card, .pg-admin-teams .settings-section, .pg-admin-teams .stat-card, .pg-admin-teams .info-card, .pg-admin-teams .content-card, .pg-admin-teams .panel, .pg-admin-teams .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-teams .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-teams .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-teams .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-teams .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-teams .nav-item.active a, .pg-admin-teams .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-teams .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-teams .page-title h1 {color:#0f172a!important;}
.pg-admin-teams .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-teams .form-input, .pg-admin-teams .form-select, .pg-admin-teams .form-textarea, .pg-admin-teams input[type=text], .pg-admin-teams input[type=email], .pg-admin-teams input[type=password], .pg-admin-teams input[type=number], .pg-admin-teams input[type=date], .pg-admin-teams input[type=time], .pg-admin-teams input[type=tel], .pg-admin-teams textarea, .pg-admin-teams select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-teams .form-input::placeholder, .pg-admin-teams .form-textarea::placeholder, .pg-admin-teams input::placeholder, .pg-admin-teams textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-teams .form-input:focus, .pg-admin-teams .form-textarea:focus, .pg-admin-teams input:focus, .pg-admin-teams textarea:focus, .pg-admin-teams select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-teams select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-teams .form-label, .pg-admin-teams label {color:rgba(15,23,42,.7)!important;}
.pg-admin-teams .btn-primary, .pg-admin-teams button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-teams .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-teams .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-teams .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-teams .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-teams table {border-collapse:collapse;}
.pg-admin-teams th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-teams td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-teams tr:last-child td {border-bottom:none!important;}
.pg-admin-teams tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-teams .badge-success, .pg-admin-teams .status-active, .pg-admin-teams .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-teams .badge-danger, .pg-admin-teams .status-expired, .pg-admin-teams .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-teams .badge-warning, .pg-admin-teams .status-pending, .pg-admin-teams .status-Pending, .pg-admin-teams .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-teams .badge-primary, .pg-admin-teams .badge-info, .pg-admin-teams .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-teams .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-teams .alert-error, .pg-admin-teams .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-teams .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-teams h1, .pg-admin-teams h2, .pg-admin-teams h3, .pg-admin-teams h4, .pg-admin-teams h5, .pg-admin-teams h6 {color:#0f172a;}
.pg-admin-teams h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-teams .modal-content, .pg-admin-teams .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-teams .modal-header, .pg-admin-teams .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-teams .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-teams a {color:#38bdf8;}
.pg-admin-teams a:hover {color:#0f172a;}
.pg-admin-teams .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-teams .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-teams .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-teams .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-teams hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-teams .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-teams .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-teams .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-teams ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-teams ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-teams ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-teams.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode 
.edit-card, .pg-admin-teams.ld-dark-mode .card, .pg-admin-teams.ld-dark-mode .section-card, .pg-admin-teams.ld-dark-mode .settings-section, .pg-admin-teams.ld-dark-mode .stat-card, .pg-admin-teams.ld-dark-mode .info-card, .pg-admin-teams.ld-dark-mode .content-card, .pg-admin-teams.ld-dark-mode .panel, .pg-admin-teams.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-teams.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .nav-item.active a, .pg-admin-teams.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-teams.ld-dark-mode 
.form-input, .pg-admin-teams.ld-dark-mode .form-select, .pg-admin-teams.ld-dark-mode .form-textarea, .pg-admin-teams.ld-dark-mode input[type=text], .pg-admin-teams.ld-dark-mode input[type=email], .pg-admin-teams.ld-dark-mode input[type=password], .pg-admin-teams.ld-dark-mode input[type=number], .pg-admin-teams.ld-dark-mode input[type=date], .pg-admin-teams.ld-dark-mode input[type=time], .pg-admin-teams.ld-dark-mode input[type=tel], .pg-admin-teams.ld-dark-mode textarea, .pg-admin-teams.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .form-input::placeholder, .pg-admin-teams.ld-dark-mode .form-textarea::placeholder, .pg-admin-teams.ld-dark-mode input::placeholder, .pg-admin-teams.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-teams.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .form-label, .pg-admin-teams.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-teams.ld-dark-mode 
.btn-primary, .pg-admin-teams.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-teams.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-teams.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-teams.ld-dark-mode 
h1, .pg-admin-teams.ld-dark-mode h2, .pg-admin-teams.ld-dark-mode h3, .pg-admin-teams.ld-dark-mode h4, .pg-admin-teams.ld-dark-mode h5, .pg-admin-teams.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode 
.modal-content, .pg-admin-teams.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .modal-header, .pg-admin-teams.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-teams.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-teams.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_traintrack_settings.php (pg-admin-traintrack-settings) ============ */
.pg-admin-traintrack-settings, .pg-admin-traintrack-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-traintrack-settings { font-family:"Inter",sans-serif; background:#ffffff; color:#0f172a; line-height:1.5; }
.pg-admin-traintrack-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-traintrack-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-traintrack-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-traintrack-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-traintrack-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#666; text-decoration:none; border-radius:8px; gap:12px; }
.pg-admin-traintrack-settings .admin-nav a:hover, .pg-admin-traintrack-settings .admin-nav a.active { background:#ffffff; color:#0f172a; }
.pg-admin-traintrack-settings .admin-main { flex:1; margin-left:280px; padding:32px; max-width:700px; }
.pg-admin-traintrack-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; flex-wrap:wrap; gap:16px; }
.pg-admin-traintrack-settings .page-title h1 { font-size:24px; font-weight:700; font-family:"Space Grotesk",sans-serif; }
.pg-admin-traintrack-settings .page-title p { color:#666; font-size:13.5px; }
.pg-admin-traintrack-settings .alert { padding:12px 16px; border-radius:12px; margin-bottom:20px; font-size:13px; }
.pg-admin-traintrack-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-traintrack-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-traintrack-settings .settings-card { background:rgba(15,23,42,.03); border:1.5px solid rgba(29,78,216,.2); border-radius:20px; padding:26px; margin-bottom:20px; }
.pg-admin-traintrack-settings .settings-card h2 { font-size:17px; margin-bottom:6px; font-family:"Space Grotesk",sans-serif; }
.pg-admin-traintrack-settings .settings-card .sub { color:#666; font-size:13px; margin-bottom:20px; }
.pg-admin-traintrack-settings .form-group { margin-bottom:18px; }
.pg-admin-traintrack-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-traintrack-settings .form-input { width:100%; padding:10px 14px; border:1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; font-family:inherit; background:rgba(15,23,42,.03); color:#0f172a; }
.pg-admin-traintrack-settings .btn { padding:11px 24px; border-radius:100px; font-weight:700; font-size:13.5px; cursor:pointer; border:none; display:inline-flex; align-items:center; gap:6px; font-family:inherit; text-decoration:none; }
.pg-admin-traintrack-settings .btn-primary { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; }
.pg-admin-traintrack-settings .btn-outline { background:transparent; border:1.5px solid rgba(29,78,216,.3); color:#1d4ed8; }
.pg-admin-traintrack-settings .status-pill { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:100px; font-size:12.5px; font-weight:600; margin-bottom:18px; }
.pg-admin-traintrack-settings .status-connected { background:#ecfdf5; color:#065f46; }
.pg-admin-traintrack-settings .status-not-connected { background:#fef3c7; color:#92400e; }
.pg-admin-traintrack-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .admin-nav a:hover, .pg-admin-traintrack-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .settings-card .sub { color: #cbd5e1 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-traintrack-settings.ld-dark-mode .form-input { color: #f1f5f9 !important; }


/* ============ admin_users.php (pg-admin-users) ============ */
.pg-admin-users, .pg-admin-users * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-users { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-admin-users .admin-container { display:flex; min-height:100vh; }
.pg-admin-users .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-users .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-users .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-users .admin-nav { list-style:none; flex:1; }
.pg-admin-users .admin-nav li { margin-bottom:8px; }
.pg-admin-users .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-users .admin-nav a:hover, .pg-admin-users .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-admin-users .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-admin-users .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-users .has-submenu.open .submenu { display:block; }
.pg-admin-users .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-users .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-users .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-users .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-users .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-users .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-users .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-users .page-title p { color:#666; }
.pg-admin-users .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-users .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-users .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-users .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-users .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; display:flex; align-items:center; justify-content:space-between; }
.pg-admin-users .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-users .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-users .stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:20px; margin-bottom:32px; }
.pg-admin-users .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-users .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-users .stat-label { color:rgba(15,23,42,.45); font-size:12px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-users .filters { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:20px; margin-bottom:24px; display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }
.pg-admin-users .filter-group { flex:1; min-width:150px; }
.pg-admin-users .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:rgba(15,23,42,.5); margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-users .filter-select, .pg-admin-users .filter-input { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; }
.pg-admin-users .users-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); overflow:hidden; }
.pg-admin-users .users-table th { text-align:left; padding:12px 16px; background:rgba(15,23,42,.03); font-weight:700; font-size:11px; color:rgba(15,23,42,.5); border-bottom:1px solid rgba(29,78,216,.2); text-transform:uppercase; letter-spacing:.04em; }
.pg-admin-users .users-table td { padding:10px 14px; border-bottom:1px solid rgba(15,23,42,.05); font-size:13px; color:rgba(15,23,42,.8); vertical-align:middle; }
.pg-admin-users .users-table tr:last-child td { border-bottom:none; }
.pg-admin-users .user-avatar { width:36px; height:36px; background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#0f172a; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem; flex-shrink:0; }
.pg-admin-users .user-info { display:flex; align-items:center; gap:12px; }
.pg-admin-users .user-name { font-weight:600; margin-bottom:2px; }
.pg-admin-users .user-email { font-size:11px; color:rgba(15,23,42,.45); }
.pg-admin-users .role-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; display:inline-block; }
.pg-admin-users .role-super_admin { background:linear-gradient(135deg,rgba(56,189,248,.3),rgba(29,78,216,.3)); color:#38bdf8; border:1px solid rgba(29,78,216,.4); }
.pg-admin-users .role-company_admin { background:rgba(5,150,105,.25); color:#10b981; border:1px solid rgba(5,150,105,.35); }
.pg-admin-users .role-team_leader { background:rgba(245,158,11,.2); color:#f59e0b; border:1px solid rgba(245,158,11,.3); }
.pg-admin-users .role-member { background:rgba(16,185,129,.15); color:#10b981; border:1px solid rgba(16,185,129,.25); }
.pg-admin-users .leader-type-badge { padding:3px 8px; border-radius:100px; font-size:11px; font-weight:600; background:rgba(15,23,42,.08); color:rgba(15,23,42,.6); }
.pg-admin-users .type-company { background:rgba(14,165,233,.15); color:#0ea5e9; border:1px solid rgba(14,165,233,.25); }
.pg-admin-users .type-independent { background:rgba(15,23,42,.06); color:rgba(15,23,42,.5); }
.pg-admin-users .status-badge { padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-users .status-active { background:rgba(16,185,129,.15); color:#10b981; border:1px solid rgba(16,185,129,.25); }
.pg-admin-users .status-inactive { background:rgba(15,23,42,.06); color:rgba(15,23,42,.45); }
.pg-admin-users .action-buttons { display:flex; gap:6px; flex-wrap:nowrap; align-items:center; }
.pg-admin-users .btn-icon { padding:6px 14px; border:1.5px solid rgba(29,78,216,.3); background:rgba(29,78,216,.12); border-radius:8px; cursor:pointer; font-size:12px; font-weight:600; color:rgba(15,23,42,.85); transition:all 0.2s; white-space:nowrap; }
.pg-admin-users .btn-icon.reset:hover { background:rgba(245,158,11,.25); color:#f59e0b; border-color:rgba(245,158,11,.4); }
.pg-admin-users .btn-icon.delete:hover { background:rgba(239,68,68,.2); color:#ef4444; border-color:rgba(239,68,68,.4); }
.pg-admin-users .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1000; align-items:center; justify-content:center; }
.pg-admin-users .modal.show { display:flex; }
.pg-admin-users .modal-content { background: rgba(15,23,42,.04); border-radius:24px; padding:32px; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-admin-users .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.pg-admin-users .modal-header h2 { font-size:20px; font-weight:700; }
.pg-admin-users .modal-close { background:none; border:none; font-size:24px; cursor:pointer; color:#888; }
.pg-admin-users .form-group { margin-bottom:20px; }
.pg-admin-users .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:rgba(15,23,42,.6); letter-spacing:0.5px; }
.pg-admin-users .form-input, .pg-admin-users .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:14px; }
.pg-admin-users .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-admin-users .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:24px; padding-top:24px; border-top:1px solid rgba(29,78,216,.2); }
@media  (max-width:768px)  { .pg-admin-users .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-users .admin-main {margin-left:0;padding:20px;}
.pg-admin-users .form-row {grid-template-columns:1fr;}
.pg-admin-users .users-table {display:block;overflow-x:auto;}
.pg-admin-users .filters {flex-direction:column;} }
.pg-admin-users.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-users.ld-dark-mode .admin-nav a:hover, .pg-admin-users.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-users.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .stat-label { color: rgba(255,255,255,.45) !important; }
.pg-admin-users.ld-dark-mode .filter-label { color: rgba(255,255,255,.5) !important; }
.pg-admin-users.ld-dark-mode .users-table th { color: rgba(255,255,255,.5) !important; }
.pg-admin-users.ld-dark-mode .users-table td { color: rgba(255,255,255,.8) !important; }
.pg-admin-users.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .user-email { color: rgba(255,255,255,.45) !important; }
.pg-admin-users.ld-dark-mode .leader-type-badge { color: rgba(255,255,255,.6) !important; }
.pg-admin-users.ld-dark-mode .type-independent { color: rgba(255,255,255,.5) !important; }
.pg-admin-users.ld-dark-mode .status-inactive { color: rgba(255,255,255,.45) !important; }
.pg-admin-users.ld-dark-mode .btn-icon { color: rgba(255,255,255,.85) !important; }
.pg-admin-users.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-admin-users.ld-dark-mode .form-label { color: rgba(255,255,255,.6) !important; }
.pg-admin-users {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-users, .pg-admin-users {overflow-x:hidden;}
.pg-admin-users {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-users::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-users .app, .pg-admin-users .main, .pg-admin-users .admin-main, .pg-admin-users .admin-container, .pg-admin-users .page-wrap, .pg-admin-users .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-users .edit-card, .pg-admin-users .card, .pg-admin-users .section-card, .pg-admin-users .settings-section, .pg-admin-users .stat-card, .pg-admin-users .info-card, .pg-admin-users .content-card, .pg-admin-users .panel, .pg-admin-users .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-users .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-users .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-users .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-users .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-users .nav-item.active a, .pg-admin-users .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-users .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-users .page-title h1 {color:#0f172a!important;}
.pg-admin-users .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-users .form-input, .pg-admin-users .form-select, .pg-admin-users .form-textarea, .pg-admin-users input[type=text], .pg-admin-users input[type=email], .pg-admin-users input[type=password], .pg-admin-users input[type=number], .pg-admin-users input[type=date], .pg-admin-users input[type=time], .pg-admin-users input[type=tel], .pg-admin-users textarea, .pg-admin-users select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-users .form-input::placeholder, .pg-admin-users .form-textarea::placeholder, .pg-admin-users input::placeholder, .pg-admin-users textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-users .form-input:focus, .pg-admin-users .form-textarea:focus, .pg-admin-users input:focus, .pg-admin-users textarea:focus, .pg-admin-users select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-users select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-users .form-label, .pg-admin-users label {color:rgba(15,23,42,.7)!important;}
.pg-admin-users .btn-primary, .pg-admin-users button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-users .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-users .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-users .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-users .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-users table {border-collapse:collapse;}
.pg-admin-users th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-users td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-users tr:last-child td {border-bottom:none!important;}
.pg-admin-users tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-users .badge-success, .pg-admin-users .status-active, .pg-admin-users .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-users .badge-danger, .pg-admin-users .status-expired, .pg-admin-users .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-users .badge-warning, .pg-admin-users .status-pending, .pg-admin-users .status-Pending, .pg-admin-users .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-users .badge-primary, .pg-admin-users .badge-info, .pg-admin-users .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-users .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-users .alert-error, .pg-admin-users .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-users .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-users h1, .pg-admin-users h2, .pg-admin-users h3, .pg-admin-users h4, .pg-admin-users h5, .pg-admin-users h6 {color:#0f172a;}
.pg-admin-users h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-users .modal-content, .pg-admin-users .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-users .modal-header, .pg-admin-users .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-users .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-users a {color:#38bdf8;}
.pg-admin-users a:hover {color:#0f172a;}
.pg-admin-users .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-users .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-users .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-users .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-users hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-users .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-users .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-users .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-users ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-users ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-users ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-users.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode 
.edit-card, .pg-admin-users.ld-dark-mode .card, .pg-admin-users.ld-dark-mode .section-card, .pg-admin-users.ld-dark-mode .settings-section, .pg-admin-users.ld-dark-mode .stat-card, .pg-admin-users.ld-dark-mode .info-card, .pg-admin-users.ld-dark-mode .content-card, .pg-admin-users.ld-dark-mode .panel, .pg-admin-users.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-users.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .nav-item.active a, .pg-admin-users.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-users.ld-dark-mode 
.form-input, .pg-admin-users.ld-dark-mode .form-select, .pg-admin-users.ld-dark-mode .form-textarea, .pg-admin-users.ld-dark-mode input[type=text], .pg-admin-users.ld-dark-mode input[type=email], .pg-admin-users.ld-dark-mode input[type=password], .pg-admin-users.ld-dark-mode input[type=number], .pg-admin-users.ld-dark-mode input[type=date], .pg-admin-users.ld-dark-mode input[type=time], .pg-admin-users.ld-dark-mode input[type=tel], .pg-admin-users.ld-dark-mode textarea, .pg-admin-users.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .form-input::placeholder, .pg-admin-users.ld-dark-mode .form-textarea::placeholder, .pg-admin-users.ld-dark-mode input::placeholder, .pg-admin-users.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-users.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .form-label, .pg-admin-users.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-users.ld-dark-mode 
.btn-primary, .pg-admin-users.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-users.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-users.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-users.ld-dark-mode 
h1, .pg-admin-users.ld-dark-mode h2, .pg-admin-users.ld-dark-mode h3, .pg-admin-users.ld-dark-mode h4, .pg-admin-users.ld-dark-mode h5, .pg-admin-users.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode 
.modal-content, .pg-admin-users.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .modal-header, .pg-admin-users.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-users.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-users.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_wallet.php (pg-admin-wallet) ============ */
.pg-admin-wallet, .pg-admin-wallet * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-wallet { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-wallet .admin-container { display:flex; min-height:100vh; }
.pg-admin-wallet .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-wallet .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-wallet .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-wallet .admin-nav { list-style:none; flex:1; }
.pg-admin-wallet .admin-nav li { margin-bottom:8px; }
.pg-admin-wallet .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-wallet .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-wallet .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-wallet .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-wallet .has-submenu.open .submenu { display:block; }
.pg-admin-wallet .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-wallet .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-wallet .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-wallet .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-wallet .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-wallet .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-wallet .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-wallet .page-title p { color:#666; }
.pg-admin-wallet .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-wallet .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-wallet .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-wallet .stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; margin-bottom:32px; }
.pg-admin-wallet .stat-card { background: rgba(15,23,42,.04); padding:24px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); transition:transform 0.2s; }
.pg-admin-wallet .stat-card:hover { transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-admin-wallet .stat-value { font-size:32px; font-weight:700; margin-bottom:4px; }
.pg-admin-wallet .stat-label { color:#666; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; }
.pg-admin-wallet .quick-actions { display:flex; gap:12px; margin-bottom:32px; flex-wrap:wrap; }
.pg-admin-wallet .recent-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-wallet .recent-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-wallet .recent-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; }
.pg-admin-wallet .credit { color:#059669; font-weight:600; }
.pg-admin-wallet .debit { color:#dc2626; font-weight:600; }
.pg-admin-wallet .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
@media  (max-width:768px)  { .pg-admin-wallet .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-wallet .admin-main {margin-left:0;padding:20px;}
.pg-admin-wallet .stats-grid {grid-template-columns:1fr;} }
.pg-admin-wallet.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-wallet.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-wallet.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-admin-wallet {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-wallet, .pg-admin-wallet {overflow-x:hidden;}
.pg-admin-wallet {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-wallet::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-wallet .app, .pg-admin-wallet .main, .pg-admin-wallet .admin-main, .pg-admin-wallet .admin-container, .pg-admin-wallet .page-wrap, .pg-admin-wallet .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-wallet .edit-card, .pg-admin-wallet .card, .pg-admin-wallet .section-card, .pg-admin-wallet .settings-section, .pg-admin-wallet .stat-card, .pg-admin-wallet .info-card, .pg-admin-wallet .content-card, .pg-admin-wallet .panel, .pg-admin-wallet .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-wallet .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-wallet .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet .nav-item.active a, .pg-admin-wallet .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-wallet .page-title h1 {color:#0f172a!important;}
.pg-admin-wallet .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-wallet .form-input, .pg-admin-wallet .form-select, .pg-admin-wallet .form-textarea, .pg-admin-wallet input[type=text], .pg-admin-wallet input[type=email], .pg-admin-wallet input[type=password], .pg-admin-wallet input[type=number], .pg-admin-wallet input[type=date], .pg-admin-wallet input[type=time], .pg-admin-wallet input[type=tel], .pg-admin-wallet textarea, .pg-admin-wallet select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-wallet .form-input::placeholder, .pg-admin-wallet .form-textarea::placeholder, .pg-admin-wallet input::placeholder, .pg-admin-wallet textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-wallet .form-input:focus, .pg-admin-wallet .form-textarea:focus, .pg-admin-wallet input:focus, .pg-admin-wallet textarea:focus, .pg-admin-wallet select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-wallet select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-wallet .form-label, .pg-admin-wallet label {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet .btn-primary, .pg-admin-wallet button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-wallet .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet table {border-collapse:collapse;}
.pg-admin-wallet th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-wallet td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-wallet tr:last-child td {border-bottom:none!important;}
.pg-admin-wallet tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-wallet .badge-success, .pg-admin-wallet .status-active, .pg-admin-wallet .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-wallet .badge-danger, .pg-admin-wallet .status-expired, .pg-admin-wallet .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-wallet .badge-warning, .pg-admin-wallet .status-pending, .pg-admin-wallet .status-Pending, .pg-admin-wallet .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-wallet .badge-primary, .pg-admin-wallet .badge-info, .pg-admin-wallet .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-wallet .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-wallet .alert-error, .pg-admin-wallet .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-wallet .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-wallet h1, .pg-admin-wallet h2, .pg-admin-wallet h3, .pg-admin-wallet h4, .pg-admin-wallet h5, .pg-admin-wallet h6 {color:#0f172a;}
.pg-admin-wallet h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-wallet .modal-content, .pg-admin-wallet .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-wallet .modal-header, .pg-admin-wallet .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-wallet .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-wallet a {color:#38bdf8;}
.pg-admin-wallet a:hover {color:#0f172a;}
.pg-admin-wallet .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-wallet .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-wallet hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-wallet .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-wallet ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-wallet ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-wallet.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode 
.edit-card, .pg-admin-wallet.ld-dark-mode .card, .pg-admin-wallet.ld-dark-mode .section-card, .pg-admin-wallet.ld-dark-mode .settings-section, .pg-admin-wallet.ld-dark-mode .stat-card, .pg-admin-wallet.ld-dark-mode .info-card, .pg-admin-wallet.ld-dark-mode .content-card, .pg-admin-wallet.ld-dark-mode .panel, .pg-admin-wallet.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-wallet.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .nav-item.active a, .pg-admin-wallet.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet.ld-dark-mode 
.form-input, .pg-admin-wallet.ld-dark-mode .form-select, .pg-admin-wallet.ld-dark-mode .form-textarea, .pg-admin-wallet.ld-dark-mode input[type=text], .pg-admin-wallet.ld-dark-mode input[type=email], .pg-admin-wallet.ld-dark-mode input[type=password], .pg-admin-wallet.ld-dark-mode input[type=number], .pg-admin-wallet.ld-dark-mode input[type=date], .pg-admin-wallet.ld-dark-mode input[type=time], .pg-admin-wallet.ld-dark-mode input[type=tel], .pg-admin-wallet.ld-dark-mode textarea, .pg-admin-wallet.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .form-input::placeholder, .pg-admin-wallet.ld-dark-mode .form-textarea::placeholder, .pg-admin-wallet.ld-dark-mode input::placeholder, .pg-admin-wallet.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-wallet.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .form-label, .pg-admin-wallet.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet.ld-dark-mode 
.btn-primary, .pg-admin-wallet.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet.ld-dark-mode 
h1, .pg-admin-wallet.ld-dark-mode h2, .pg-admin-wallet.ld-dark-mode h3, .pg-admin-wallet.ld-dark-mode h4, .pg-admin-wallet.ld-dark-mode h5, .pg-admin-wallet.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode 
.modal-content, .pg-admin-wallet.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .modal-header, .pg-admin-wallet.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-wallet.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_wallet_settings.php (pg-admin-wallet-settings) ============ */
.pg-admin-wallet-settings, .pg-admin-wallet-settings * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-wallet-settings { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-wallet-settings .admin-container { display:flex; min-height:100vh; }
.pg-admin-wallet-settings .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-wallet-settings .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-wallet-settings .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-wallet-settings .admin-nav { list-style:none; flex:1; }
.pg-admin-wallet-settings .admin-nav li { margin-bottom:8px; }
.pg-admin-wallet-settings .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-wallet-settings .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-wallet-settings .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-wallet-settings .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-wallet-settings .has-submenu.open .submenu { display:block; }
.pg-admin-wallet-settings .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-wallet-settings .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-wallet-settings .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-wallet-settings .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-wallet-settings .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-wallet-settings .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-wallet-settings .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-wallet-settings .page-title p { color:#666; }
.pg-admin-wallet-settings .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-wallet-settings .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-admin-wallet-settings .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-wallet-settings .btn-outline:hover { background: #ffffff; }
.pg-admin-wallet-settings .alert { padding:12px 16px; border-radius:8px; margin-bottom:20px; font-size:13px; }
.pg-admin-wallet-settings .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-wallet-settings .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-admin-wallet-settings .settings-card { max-width:500px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; margin:0 auto; }
.pg-admin-wallet-settings .form-group { margin-bottom:20px; }
.pg-admin-wallet-settings .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:#666; letter-spacing:0.5px; }
.pg-admin-wallet-settings .form-input, .pg-admin-wallet-settings .form-select { width:100%; padding:10px 14px; border: 1.5px solid rgba(29,78,216,.25); border-radius:8px; font-size:14px; font-family:inherit; }
.pg-admin-wallet-settings .form-input:focus, .pg-admin-wallet-settings .form-select:focus { outline:none; border-color: #0f172a; }
.pg-admin-wallet-settings .current-value { background: rgba(15,23,42,.03); padding:14px; border-radius:12px; margin-bottom:24px; font-size:14px; border-left:3px solid #e2e8f0; }
.pg-admin-wallet-settings .note { margin-top:20px; font-size:12px; color:#888; text-align:center; }
@media  (max-width:768px)  { .pg-admin-wallet-settings .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-wallet-settings .admin-main {margin-left:0;padding:20px;}
.pg-admin-wallet-settings .settings-card {margin:0;} }
.pg-admin-wallet-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-wallet-settings.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .form-label { color: #cbd5e1 !important; }
.pg-admin-wallet-settings.ld-dark-mode .note { color: #cbd5e1 !important; }
.pg-admin-wallet-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-wallet-settings, .pg-admin-wallet-settings {overflow-x:hidden;}
.pg-admin-wallet-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-wallet-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-wallet-settings .app, .pg-admin-wallet-settings .main, .pg-admin-wallet-settings .admin-main, .pg-admin-wallet-settings .admin-container, .pg-admin-wallet-settings .page-wrap, .pg-admin-wallet-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-wallet-settings .edit-card, .pg-admin-wallet-settings .card, .pg-admin-wallet-settings .section-card, .pg-admin-wallet-settings .settings-section, .pg-admin-wallet-settings .stat-card, .pg-admin-wallet-settings .info-card, .pg-admin-wallet-settings .content-card, .pg-admin-wallet-settings .panel, .pg-admin-wallet-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-wallet-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-wallet-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet-settings .nav-item.active a, .pg-admin-wallet-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-wallet-settings .page-title h1 {color:#0f172a!important;}
.pg-admin-wallet-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-wallet-settings .form-input, .pg-admin-wallet-settings .form-select, .pg-admin-wallet-settings .form-textarea, .pg-admin-wallet-settings input[type=text], .pg-admin-wallet-settings input[type=email], .pg-admin-wallet-settings input[type=password], .pg-admin-wallet-settings input[type=number], .pg-admin-wallet-settings input[type=date], .pg-admin-wallet-settings input[type=time], .pg-admin-wallet-settings input[type=tel], .pg-admin-wallet-settings textarea, .pg-admin-wallet-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-wallet-settings .form-input::placeholder, .pg-admin-wallet-settings .form-textarea::placeholder, .pg-admin-wallet-settings input::placeholder, .pg-admin-wallet-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-wallet-settings .form-input:focus, .pg-admin-wallet-settings .form-textarea:focus, .pg-admin-wallet-settings input:focus, .pg-admin-wallet-settings textarea:focus, .pg-admin-wallet-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-wallet-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-wallet-settings .form-label, .pg-admin-wallet-settings label {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet-settings .btn-primary, .pg-admin-wallet-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-wallet-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-settings table {border-collapse:collapse;}
.pg-admin-wallet-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-wallet-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-wallet-settings tr:last-child td {border-bottom:none!important;}
.pg-admin-wallet-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-wallet-settings .badge-success, .pg-admin-wallet-settings .status-active, .pg-admin-wallet-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-wallet-settings .badge-danger, .pg-admin-wallet-settings .status-expired, .pg-admin-wallet-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-wallet-settings .badge-warning, .pg-admin-wallet-settings .status-pending, .pg-admin-wallet-settings .status-Pending, .pg-admin-wallet-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-wallet-settings .badge-primary, .pg-admin-wallet-settings .badge-info, .pg-admin-wallet-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-wallet-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-settings .alert-error, .pg-admin-wallet-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-settings h1, .pg-admin-wallet-settings h2, .pg-admin-wallet-settings h3, .pg-admin-wallet-settings h4, .pg-admin-wallet-settings h5, .pg-admin-wallet-settings h6 {color:#0f172a;}
.pg-admin-wallet-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-wallet-settings .modal-content, .pg-admin-wallet-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-wallet-settings .modal-header, .pg-admin-wallet-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-wallet-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-wallet-settings a {color:#38bdf8;}
.pg-admin-wallet-settings a:hover {color:#0f172a;}
.pg-admin-wallet-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-wallet-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-wallet-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-wallet-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-wallet-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-wallet-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-wallet-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode 
.edit-card, .pg-admin-wallet-settings.ld-dark-mode .card, .pg-admin-wallet-settings.ld-dark-mode .section-card, .pg-admin-wallet-settings.ld-dark-mode .settings-section, .pg-admin-wallet-settings.ld-dark-mode .stat-card, .pg-admin-wallet-settings.ld-dark-mode .info-card, .pg-admin-wallet-settings.ld-dark-mode .content-card, .pg-admin-wallet-settings.ld-dark-mode .panel, .pg-admin-wallet-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-wallet-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .nav-item.active a, .pg-admin-wallet-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet-settings.ld-dark-mode 
.form-input, .pg-admin-wallet-settings.ld-dark-mode .form-select, .pg-admin-wallet-settings.ld-dark-mode .form-textarea, .pg-admin-wallet-settings.ld-dark-mode input[type=text], .pg-admin-wallet-settings.ld-dark-mode input[type=email], .pg-admin-wallet-settings.ld-dark-mode input[type=password], .pg-admin-wallet-settings.ld-dark-mode input[type=number], .pg-admin-wallet-settings.ld-dark-mode input[type=date], .pg-admin-wallet-settings.ld-dark-mode input[type=time], .pg-admin-wallet-settings.ld-dark-mode input[type=tel], .pg-admin-wallet-settings.ld-dark-mode textarea, .pg-admin-wallet-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .form-input::placeholder, .pg-admin-wallet-settings.ld-dark-mode .form-textarea::placeholder, .pg-admin-wallet-settings.ld-dark-mode input::placeholder, .pg-admin-wallet-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-wallet-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .form-label, .pg-admin-wallet-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-settings.ld-dark-mode 
.btn-primary, .pg-admin-wallet-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-settings.ld-dark-mode 
h1, .pg-admin-wallet-settings.ld-dark-mode h2, .pg-admin-wallet-settings.ld-dark-mode h3, .pg-admin-wallet-settings.ld-dark-mode h4, .pg-admin-wallet-settings.ld-dark-mode h5, .pg-admin-wallet-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode 
.modal-content, .pg-admin-wallet-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .modal-header, .pg-admin-wallet-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-wallet-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ admin_wallet_transactions.php (pg-admin-wallet-transactions) ============ */
.pg-admin-wallet-transactions, .pg-admin-wallet-transactions * { margin:0; padding:0; box-sizing:border-box; }
.pg-admin-wallet-transactions { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-admin-wallet-transactions .admin-container { display:flex; min-height:100vh; }
.pg-admin-wallet-transactions .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-admin-wallet-transactions .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-admin-wallet-transactions .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-admin-wallet-transactions .admin-nav { list-style:none; flex:1; }
.pg-admin-wallet-transactions .admin-nav li { margin-bottom:8px; }
.pg-admin-wallet-transactions .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-admin-wallet-transactions .admin-nav a:hover { background:#e2e8f0; color:#0f172a; }
.pg-admin-wallet-transactions .admin-nav a.active { background:#e2e8f0; color:#0f172a; border-left:3px solid #ef4444; }
.pg-admin-wallet-transactions .submenu { list-style:none; padding-left:24px; margin-top:4px; display:none; }
.pg-admin-wallet-transactions .has-submenu.open .submenu { display:block; }
.pg-admin-wallet-transactions .submenu-arrow { font-size:10px; margin-left:auto; }
.pg-admin-wallet-transactions .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-admin-wallet-transactions .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-admin-wallet-transactions .back-to-app a:hover { background:#e2e8f0; }
.pg-admin-wallet-transactions .admin-main { flex:1; margin-left:280px; padding:32px; }
.pg-admin-wallet-transactions .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-admin-wallet-transactions .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-admin-wallet-transactions .page-title p { color:#666; }
.pg-admin-wallet-transactions .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all0/**/.2s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.pg-admin-wallet-transactions .btn-outline { background:transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-admin-wallet-transactions .btn-outline:hover { background: #ffffff; }
.pg-admin-wallet-transactions .btn-danger { background:#ef4444; color:#0f172a; }
.pg-admin-wallet-transactions .btn-danger:hover { background:#dc2626; }
.pg-admin-wallet-transactions .filter-bar { background: rgba(15,23,42,.04); padding:20px; border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); margin-bottom:24px; }
.pg-admin-wallet-transactions .filter-form { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-end; }
.pg-admin-wallet-transactions .filter-group { flex:1; min-width:150px; }
.pg-admin-wallet-transactions .filter-label { font-size:11px; font-weight:600; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px; }
.pg-admin-wallet-transactions .filter-select, .pg-admin-wallet-transactions .filter-input { width:100%; padding:10px 12px; border: 1.5px solid rgba(29,78,216,.25); border-radius:10px; font-size:13px; background: rgba(15,23,42,.04); }
.pg-admin-wallet-transactions .btn-filter { padding:10px 24px; background:#e2e8f0; color:#0f172a; border:none; border-radius:40px; cursor:pointer; font-weight:600; font-size:13px; }
.pg-admin-wallet-transactions .btn-reset { padding:10px 20px; background:transparent; border: 1.5px solid rgba(29,78,216,.25); border-radius:40px; cursor:pointer; text-decoration:none; color: #0f172a; display:inline-block; font-size:13px; text-align:center; }
.pg-admin-wallet-transactions .transactions-table { width:100%; border-collapse:collapse; background: rgba(15,23,42,.04); border-radius:16px; overflow:hidden; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-wallet-transactions .transactions-table th { text-align:left; padding:14px 16px; background: rgba(15,23,42,.03); font-weight:600; font-size:12px; color:#1e4a6b; border-bottom:1px solid #eaeaea; text-transform:uppercase; }
.pg-admin-wallet-transactions .transactions-table td { padding:12px 16px; border-bottom:1px solid #eaeaea; font-size:13px; vertical-align:middle; }
.pg-admin-wallet-transactions .transactions-table tr:last-child td { border-bottom:none; }
.pg-admin-wallet-transactions .credit { color:#059669; font-weight:600; }
.pg-admin-wallet-transactions .debit { color:#dc2626; font-weight:600; }
.pg-admin-wallet-transactions .status-badge { display:inline-block; padding:4px 8px; border-radius:100px; font-size:11px; font-weight:600; }
.pg-admin-wallet-transactions .status-completed { background:#ecfdf5; color:#065f46; }
.pg-admin-wallet-transactions .status-reversed { background:#fee2e2; color:#991b1b; }
.pg-admin-wallet-transactions .empty-state { text-align:center; padding:60px 20px; background: rgba(15,23,42,.04); border-radius:16px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-admin-wallet-transactions .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
.pg-admin-wallet-transactions .alert { padding:12px 16px; border-radius:12px; margin-bottom:24px; font-size:13px; }
.pg-admin-wallet-transactions .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-admin-wallet-transactions .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
@media  (max-width:768px)  { .pg-admin-wallet-transactions .admin-sidebar {transform:translateX(-100%);position:fixed;z-index:1000;}
.pg-admin-wallet-transactions .admin-main {margin-left:0;padding:20px;}
.pg-admin-wallet-transactions .filter-form {flex-direction:column;}
.pg-admin-wallet-transactions .transactions-table {display:block;overflow-x:auto;} }
.pg-admin-wallet-transactions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .admin-nav a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-filter { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-reset { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-admin-wallet-transactions, .pg-admin-wallet-transactions {overflow-x:hidden;}
.pg-admin-wallet-transactions {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-admin-wallet-transactions::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-admin-wallet-transactions .app, .pg-admin-wallet-transactions .main, .pg-admin-wallet-transactions .admin-main, .pg-admin-wallet-transactions .admin-container, .pg-admin-wallet-transactions .page-wrap, .pg-admin-wallet-transactions .ld-page-wrap {position:relative;z-index:1;}
.pg-admin-wallet-transactions .edit-card, .pg-admin-wallet-transactions .card, .pg-admin-wallet-transactions .section-card, .pg-admin-wallet-transactions .settings-section, .pg-admin-wallet-transactions .stat-card, .pg-admin-wallet-transactions .info-card, .pg-admin-wallet-transactions .content-card, .pg-admin-wallet-transactions .panel, .pg-admin-wallet-transactions .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-admin-wallet-transactions .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet-transactions .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet-transactions .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-admin-wallet-transactions .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet-transactions .nav-item.active a, .pg-admin-wallet-transactions .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet-transactions .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-admin-wallet-transactions .page-title h1 {color:#0f172a!important;}
.pg-admin-wallet-transactions .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-admin-wallet-transactions .form-input, .pg-admin-wallet-transactions .form-select, .pg-admin-wallet-transactions .form-textarea, .pg-admin-wallet-transactions input[type=text], .pg-admin-wallet-transactions input[type=email], .pg-admin-wallet-transactions input[type=password], .pg-admin-wallet-transactions input[type=number], .pg-admin-wallet-transactions input[type=date], .pg-admin-wallet-transactions input[type=time], .pg-admin-wallet-transactions input[type=tel], .pg-admin-wallet-transactions textarea, .pg-admin-wallet-transactions select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-admin-wallet-transactions .form-input::placeholder, .pg-admin-wallet-transactions .form-textarea::placeholder, .pg-admin-wallet-transactions input::placeholder, .pg-admin-wallet-transactions textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-admin-wallet-transactions .form-input:focus, .pg-admin-wallet-transactions .form-textarea:focus, .pg-admin-wallet-transactions input:focus, .pg-admin-wallet-transactions textarea:focus, .pg-admin-wallet-transactions select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-admin-wallet-transactions select option {background:#f1f5f9;color:#0f172a;}
.pg-admin-wallet-transactions .form-label, .pg-admin-wallet-transactions label {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet-transactions .btn-primary, .pg-admin-wallet-transactions button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-transactions .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-admin-wallet-transactions .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-transactions .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-transactions .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-admin-wallet-transactions table {border-collapse:collapse;}
.pg-admin-wallet-transactions th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-admin-wallet-transactions td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-admin-wallet-transactions tr:last-child td {border-bottom:none!important;}
.pg-admin-wallet-transactions tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-admin-wallet-transactions .badge-success, .pg-admin-wallet-transactions .status-active, .pg-admin-wallet-transactions .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-admin-wallet-transactions .badge-danger, .pg-admin-wallet-transactions .status-expired, .pg-admin-wallet-transactions .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-admin-wallet-transactions .badge-warning, .pg-admin-wallet-transactions .status-pending, .pg-admin-wallet-transactions .status-Pending, .pg-admin-wallet-transactions .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-admin-wallet-transactions .badge-primary, .pg-admin-wallet-transactions .badge-info, .pg-admin-wallet-transactions .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-admin-wallet-transactions .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-transactions .alert-error, .pg-admin-wallet-transactions .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-transactions .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-admin-wallet-transactions h1, .pg-admin-wallet-transactions h2, .pg-admin-wallet-transactions h3, .pg-admin-wallet-transactions h4, .pg-admin-wallet-transactions h5, .pg-admin-wallet-transactions h6 {color:#0f172a;}
.pg-admin-wallet-transactions h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-admin-wallet-transactions .modal-content, .pg-admin-wallet-transactions .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-admin-wallet-transactions .modal-header, .pg-admin-wallet-transactions .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-admin-wallet-transactions .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-admin-wallet-transactions a {color:#38bdf8;}
.pg-admin-wallet-transactions a:hover {color:#0f172a;}
.pg-admin-wallet-transactions .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-admin-wallet-transactions .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-admin-wallet-transactions .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-admin-wallet-transactions .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-admin-wallet-transactions hr {border-color:rgba(29,78,216,.2)!important;}
.pg-admin-wallet-transactions .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-admin-wallet-transactions .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-admin-wallet-transactions .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-admin-wallet-transactions ::-webkit-scrollbar {width:6px;height:6px;}
.pg-admin-wallet-transactions ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-admin-wallet-transactions ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-admin-wallet-transactions.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode 
.edit-card, .pg-admin-wallet-transactions.ld-dark-mode .card, .pg-admin-wallet-transactions.ld-dark-mode .section-card, .pg-admin-wallet-transactions.ld-dark-mode .settings-section, .pg-admin-wallet-transactions.ld-dark-mode .stat-card, .pg-admin-wallet-transactions.ld-dark-mode .info-card, .pg-admin-wallet-transactions.ld-dark-mode .content-card, .pg-admin-wallet-transactions.ld-dark-mode .panel, .pg-admin-wallet-transactions.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-admin-wallet-transactions.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .nav-item.active a, .pg-admin-wallet-transactions.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet-transactions.ld-dark-mode 
.form-input, .pg-admin-wallet-transactions.ld-dark-mode .form-select, .pg-admin-wallet-transactions.ld-dark-mode .form-textarea, .pg-admin-wallet-transactions.ld-dark-mode input[type=text], .pg-admin-wallet-transactions.ld-dark-mode input[type=email], .pg-admin-wallet-transactions.ld-dark-mode input[type=password], .pg-admin-wallet-transactions.ld-dark-mode input[type=number], .pg-admin-wallet-transactions.ld-dark-mode input[type=date], .pg-admin-wallet-transactions.ld-dark-mode input[type=time], .pg-admin-wallet-transactions.ld-dark-mode input[type=tel], .pg-admin-wallet-transactions.ld-dark-mode textarea, .pg-admin-wallet-transactions.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .form-input::placeholder, .pg-admin-wallet-transactions.ld-dark-mode .form-textarea::placeholder, .pg-admin-wallet-transactions.ld-dark-mode input::placeholder, .pg-admin-wallet-transactions.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-admin-wallet-transactions.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .form-label, .pg-admin-wallet-transactions.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-transactions.ld-dark-mode 
.btn-primary, .pg-admin-wallet-transactions.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-admin-wallet-transactions.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-transactions.ld-dark-mode 
h1, .pg-admin-wallet-transactions.ld-dark-mode h2, .pg-admin-wallet-transactions.ld-dark-mode h3, .pg-admin-wallet-transactions.ld-dark-mode h4, .pg-admin-wallet-transactions.ld-dark-mode h5, .pg-admin-wallet-transactions.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode 
.modal-content, .pg-admin-wallet-transactions.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .modal-header, .pg-admin-wallet-transactions.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-admin-wallet-transactions.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-admin-wallet-transactions.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ billing.php (pg-billing) ============ */
.pg-billing {--bg:#ffffff;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--purple:#1d4ed8;--pink:#38bdf8;--border:rgba(29,78,216,.2);--card:rgba(15,23,42,.03);--text:rgba(15,23,42,.7);}
.pg-billing, .pg-billing *, .pg-billing, .pg-billing *::before, .pg-billing, .pg-billing *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-billing {font-family:"Inter",sans-serif;background:var(--bg);color:#0f172a;min-height:100vh;}
.pg-billing .ld-page-wrap {display:flex;min-height:100vh;}
.pg-billing .main {flex:1;margin-left:280px;padding:2rem;max-width:860px;}
.pg-billing h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-billing .sub {color:rgba(15,23,42,.5);font-size:.875rem;margin-bottom:2rem;}
.pg-billing .alert-ok {background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:1rem 1.25rem;color:#10b981;margin-bottom:1.5rem;font-size:.9rem;}
.pg-billing .alert-err {background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:1rem 1.25rem;color:#ef4444;margin-bottom:1.5rem;font-size:.9rem;}
.pg-billing .status-card {background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;}
.pg-billing .status-icon {width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.pg-billing .status-active {background:rgba(16,185,129,.2);}
.pg-billing .status-trial {background:rgba(245,158,11,.2);}
.pg-billing .status-expired {background:rgba(239,68,68,.2);}
.pg-billing .status-label {font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:700;}
.pg-billing .status-meta {font-size:.8rem;color:rgba(15,23,42,.5);margin-top:3px;}
.pg-billing .plans-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;}
.pg-billing .plan-card {background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:1.5rem;text-align:center;position:relative;transition:border-color .2s;}
.pg-billing .plan-card:hover {border-color:rgba(56,189,248,.4);}
.pg-billing .plan-card.featured {border-color:rgba(29,78,216,.5);background:rgba(29,78,216,.06);}
.pg-billing .plan-badge {position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--grad);color:#0f172a;font-size:.7rem;font-weight:800;padding:3px 14px;border-radius:100px;white-space:nowrap;}
.pg-billing .plan-name {font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.pg-billing .plan-price {font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-billing .plan-period {font-size:.75rem;color:rgba(15,23,42,.4);margin-bottom:1rem;}
.pg-billing .plan-savings {font-size:.72rem;color:#10b981;margin-bottom:1rem;font-weight:600;}
.pg-billing .btn-pay {width:100%;padding:.75rem;border-radius:100px;background:var(--grad);border:none;color:#0f172a;font-weight:800;font-size:.875rem;cursor:pointer;font-family:inherit;transition:opacity .18s;}
.pg-billing .btn-pay:hover {opacity:.85;}
.pg-billing .btn-pay-outline {background:rgba(15,23,42,.06);color:#0f172a;border:1.5px solid var(--border);}
.pg-billing .btn-pay-outline:hover {background:rgba(29,78,216,.1);}
.pg-billing .terms-row {display:flex;align-items:flex-start;gap:.5rem;margin:.5rem 0 .75rem;text-align:left;font-size:.68rem;color:rgba(15,23,42,.5);}
.pg-billing .terms-row input {margin-top:2px;}
.pg-billing .terms-row a {color:#38bdf8;}
.pg-billing .features {margin-bottom:2rem;}
.pg-billing .features h2 {font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;color:rgba(15,23,42,.8);margin-bottom:1rem;}
.pg-billing .feat-list {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.25rem;}
.pg-billing .feat-item {display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(15,23,42,.04);font-size:.875rem;color:rgba(15,23,42,.7);}
.pg-billing .feat-item:last-child {border-bottom:none;}
.pg-billing .feat-icon {color:#10b981;width:16px;flex-shrink:0;}
@media (max-width:768px) { .pg-billing .main {margin-left:0!important;padding:calc(52px + .875rem) .875rem calc(58px + .875rem)!important;}
.pg-billing h1 {font-size:1.5rem;}
.pg-billing .plans-grid {grid-template-columns:1fr;} }
.pg-billing.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-billing.ld-dark-mode .sub { color: rgba(255,255,255,.5) !important; }
.pg-billing.ld-dark-mode .status-meta { color: rgba(255,255,255,.5) !important; }
.pg-billing.ld-dark-mode .plan-badge { color: #f1f5f9 !important; }
.pg-billing.ld-dark-mode .plan-period { color: rgba(255,255,255,.4) !important; }
.pg-billing.ld-dark-mode .btn-pay { color: #f1f5f9 !important; }
.pg-billing.ld-dark-mode .btn-pay-outline { color: #f1f5f9 !important; }
.pg-billing.ld-dark-mode .terms-row { color: rgba(255,255,255,.5) !important; }
.pg-billing.ld-dark-mode .features h2 { color: rgba(255,255,255,.8) !important; }
.pg-billing.ld-dark-mode .feat-item { color: rgba(255,255,255,.7) !important; }
.pg-billing .sub-modal-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2000;align-items:center;justify-content:center;padding:1rem;}
.pg-billing .sub-modal-overlay.open {display:flex;}
.pg-billing .sub-modal-card {background:#ffffff;border:1px solid rgba(29,78,216,.25);border-radius:20px;padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.pg-billing .sub-modal-head {display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#0f172a;font-size:.95rem;margin-bottom:1.25rem;}
.pg-billing .sub-modal-close {background:none;border:none;color:rgba(15,23,42,.5);font-size:1.4rem;cursor:pointer;line-height:1;}
.pg-billing .sub-modal-label {display:block;font-size:.78rem;color:rgba(15,23,42,.55);margin:.75rem 0 .35rem;font-weight:600;}
.pg-billing .sub-modal-input {width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(29,78,216,.2);background:rgba(15,23,42,.04);color:#0f172a;font-size:.875rem;font-family:inherit;}
.pg-billing .sub-modal-input:focus {outline:none;border-color:#38bdf8;}
.pg-billing.ld-dark-mode .sub-modal-head { color: #f1f5f9 !important; }
.pg-billing.ld-dark-mode .sub-modal-close { color: rgba(255,255,255,.5) !important; }
.pg-billing.ld-dark-mode .sub-modal-label { color: rgba(255,255,255,.55) !important; }
.pg-billing.ld-dark-mode .sub-modal-input { color: #f1f5f9 !important; }


/* ============ company_announcements.php (pg-company-announcements) ============ */
.pg-company-announcements {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-company-announcements, .pg-company-announcements * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-announcements, .pg-company-announcements { max-width: 100%; overflow-x: hidden; }
.pg-company-announcements {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-announcements .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-company-announcements-gridMove 20s linear infinite;
        }
@keyframes pg-company-announcements-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-company-announcements .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-company-announcements .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-company-announcements-float 15s infinite linear;
        }
@keyframes pg-company-announcements-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-company-announcements h1, .pg-company-announcements h2, .pg-company-announcements h3, .pg-company-announcements h4, .pg-company-announcements h5, .pg-company-announcements h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-company-announcements a { color: inherit; text-decoration: none; }
.pg-company-announcements .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-company-announcements .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-company-announcements .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-company-announcements .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-company-announcements .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-announcements .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-company-announcements .header-actions { display: flex; gap: 12px; }
.pg-company-announcements .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-company-announcements .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-company-announcements .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-company-announcements .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-company-announcements .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-announcements .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-company-announcements-slideDown 0.3s ease-out;
        }
.pg-company-announcements .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-company-announcements .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-company-announcements .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-company-announcements .form-group { margin-bottom: 20px; }
.pg-company-announcements .form-label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 6px; text-transform: uppercase; color: var(--text-muted); letter-spacing: 0.5px; }
.pg-company-announcements .form-input, .pg-company-announcements .form-select, .pg-company-announcements .form-textarea { width: 100%; padding: 12px 16px; background: rgba(15,23,42,0.05); border: 1.5px solid var(--border-glow); border-radius: 12px; font-size: 15px; color: var(--text-primary); font-family: "Inter", sans-serif; }
.pg-company-announcements .form-input:focus, .pg-company-announcements .form-select:focus, .pg-company-announcements .form-textarea:focus { outline: none; border-color: var(--accent-pink); }
.pg-company-announcements .form-select option { background: var(--bg-dark); color: var(--text-primary); }
.pg-company-announcements .form-textarea { min-height: 100px; resize: vertical; }
.pg-company-announcements .compose-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            margin-bottom: 32px;
            backdrop-filter: blur(10px);
        }
.pg-company-announcements .compose-card h2 { font-size: 20px; margin-bottom: 20px; color: var(--text-primary); }
.pg-company-announcements .announcements-list { display: flex; flex-direction: column; gap: 16px; }
.pg-company-announcements .announcement-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 20px;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-company-announcements .announcement-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-company-announcements .announcement-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 12px;
        }
.pg-company-announcements .announcement-title { font-size: 18px; font-weight: 600; color: var(--text-primary); }
.pg-company-announcements .announcement-meta { display: flex; gap: 16px; color: var(--text-muted); font-size: 12px; }
.pg-company-announcements .announcement-message { color: var(--text-secondary); line-height: 1.6; margin-bottom: 12px; padding: 12px; background: rgba(15,23,42,0.03); border-radius: 12px; font-size: 14px; }
.pg-company-announcements .announcement-footer { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--text-muted); }
.pg-company-announcements .target-badge { background: rgba(15,23,42,0.05); padding: 3px 8px; border-radius: 100px; font-size: 11px; border: 1px solid var(--border-glow); }
.pg-company-announcements .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
        }
.pg-company-announcements .empty-state span { font-size: 48px; display: block; margin-bottom: 16px; opacity: 0.5; }
.pg-company-announcements .empty-state h3 { font-size: 20px; margin-bottom: 8px; color: var(--text-primary); }
.pg-company-announcements .empty-state p { color: var(--text-muted); }
.pg-company-announcements .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-company-announcements .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-company-announcements .nav-item a { color: var(--text-secondary) !important; }
.pg-company-announcements .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-company-announcements .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@keyframes pg-company-announcements-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@media  (max-width: 768px)  { .pg-company-announcements .sidebar { transform: translateX(-100%); position: fixed; z-index: 1000; transition: transform 0.3s; }
.pg-company-announcements .sidebar.open { transform: translateX(0); }
.pg-company-announcements .main { margin-left: 0; padding: 20px; width: 100%; }
.pg-company-announcements .menu-toggle { display: block; } }
.pg-company-announcements .side-nav-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 20px;
            background: none;
            border: none;
            color: #0f172a;
            cursor: pointer;
            display: none;
        }
@media  (max-width: 768px)  { .pg-company-announcements .side-nav-close { display: block; } }
.pg-company-announcements.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-announcements.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_billing.php (pg-company-billing) ============ */
.pg-company-billing {--bg:#ffffff;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--border:rgba(29,78,216,.2);--card:rgba(15,23,42,.03);}
.pg-company-billing, .pg-company-billing *, .pg-company-billing, .pg-company-billing *::before, .pg-company-billing, .pg-company-billing *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-company-billing {font-family:"Inter",sans-serif;background:var(--bg);color:#0f172a;min-height:100vh;}
.pg-company-billing .ld-page-wrap {display:flex;min-height:100vh;}
.pg-company-billing .main {flex:1;margin-left:280px;padding:2rem;max-width:860px;}
.pg-company-billing h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-company-billing .sub {color:rgba(15,23,42,.5);font-size:.875rem;margin-bottom:2rem;}
.pg-company-billing .alert-ok {background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:14px;padding:1rem 1.25rem;color:#10b981;margin-bottom:1.5rem;font-size:.9rem;}
.pg-company-billing .alert-err {background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:1rem 1.25rem;color:#ef4444;margin-bottom:1.5rem;font-size:.9rem;}
.pg-company-billing .retry-banner {background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;}
.pg-company-billing .retry-banner h3 {color:#ef4444;font-size:1rem;margin-bottom:.4rem;}
.pg-company-billing .retry-banner p {color:rgba(15,23,42,.7);font-size:.875rem;}
.pg-company-billing .status-card {background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;}
.pg-company-billing .status-icon {width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}
.pg-company-billing .status-active {background:rgba(16,185,129,.2);}
.pg-company-billing .status-trial {background:rgba(245,158,11,.2);}
.pg-company-billing .status-expired {background:rgba(239,68,68,.2);}
.pg-company-billing .status-label {font-family:"Space Grotesk",sans-serif;font-size:1.1rem;font-weight:700;}
.pg-company-billing .status-meta {font-size:.8rem;color:rgba(15,23,42,.5);margin-top:3px;}
.pg-company-billing .referral-card {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;}
.pg-company-billing .referral-card h3 {font-size:.9rem;font-weight:700;margin-bottom:.6rem;}
.pg-company-billing .referral-bar {height:8px;background:rgba(15,23,42,.08);border-radius:100px;overflow:hidden;margin-bottom:.5rem;}
.pg-company-billing .referral-fill {height:100%;background:var(--grad);border-radius:100px;}
.pg-company-billing .plans-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem;}
.pg-company-billing .plan-card {background:var(--card);border:1.5px solid var(--border);border-radius:20px;padding:1.5rem;text-align:center;position:relative;}
.pg-company-billing .plan-card.featured {border-color:rgba(29,78,216,.5);background:rgba(29,78,216,.06);}
.pg-company-billing .plan-badge {position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--grad);color:#0f172a;font-size:.7rem;font-weight:800;padding:3px 14px;border-radius:100px;white-space:nowrap;}
.pg-company-billing .plan-name {font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.pg-company-billing .plan-price {font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-company-billing .plan-period {font-size:.75rem;color:rgba(15,23,42,.4);margin-bottom:1rem;}
.pg-company-billing .plan-savings {font-size:.72rem;color:#10b981;margin-bottom:1rem;font-weight:600;}
.pg-company-billing .btn-pay {width:100%;padding:.75rem;border-radius:100px;background:var(--grad);border:none;color:#0f172a;font-weight:800;font-size:.875rem;cursor:pointer;font-family:inherit;}
.pg-company-billing .terms-row {display:flex;align-items:flex-start;gap:.5rem;margin:.75rem 0;text-align:left;font-size:.72rem;color:rgba(15,23,42,.5);}
.pg-company-billing .terms-row input {margin-top:2px;}
.pg-company-billing .terms-row a {color:#38bdf8;}
@media (max-width:768px) { .pg-company-billing .main {margin-left:0!important;padding:calc(52px + .875rem) .875rem calc(58px + .875rem)!important;}
.pg-company-billing h1 {font-size:1.5rem;}
.pg-company-billing .plans-grid {grid-template-columns:1fr;} }
.pg-company-billing.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-billing.ld-dark-mode .sub { color: rgba(255,255,255,.5) !important; }
.pg-company-billing.ld-dark-mode .retry-banner p { color: rgba(255,255,255,.7) !important; }
.pg-company-billing.ld-dark-mode .status-meta { color: rgba(255,255,255,.5) !important; }
.pg-company-billing.ld-dark-mode .plan-badge { color: #f1f5f9 !important; }
.pg-company-billing.ld-dark-mode .plan-period { color: rgba(255,255,255,.4) !important; }
.pg-company-billing.ld-dark-mode .btn-pay { color: #f1f5f9 !important; }
.pg-company-billing.ld-dark-mode .terms-row { color: rgba(255,255,255,.5) !important; }
.pg-company-billing .sub-modal-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2000;align-items:center;justify-content:center;padding:1rem;}
.pg-company-billing .sub-modal-overlay.open {display:flex;}
.pg-company-billing .sub-modal-card {background:#ffffff;border:1px solid rgba(29,78,216,.25);border-radius:20px;padding:1.5rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.pg-company-billing .sub-modal-head {display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#0f172a;font-size:.95rem;margin-bottom:1.25rem;}
.pg-company-billing .sub-modal-close {background:none;border:none;color:rgba(15,23,42,.5);font-size:1.4rem;cursor:pointer;line-height:1;}
.pg-company-billing .sub-modal-label {display:block;font-size:.78rem;color:rgba(15,23,42,.55);margin:.75rem 0 .35rem;font-weight:600;}
.pg-company-billing .sub-modal-input {width:100%;padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(29,78,216,.2);background:rgba(15,23,42,.04);color:#0f172a;font-size:.875rem;font-family:inherit;resize:vertical;}
.pg-company-billing .sub-modal-input:focus {outline:none;border-color:#38bdf8;}
.pg-company-billing.ld-dark-mode .sub-modal-head { color: #f1f5f9 !important; }
.pg-company-billing.ld-dark-mode .sub-modal-close { color: rgba(255,255,255,.5) !important; }
.pg-company-billing.ld-dark-mode .sub-modal-label { color: rgba(255,255,255,.55) !important; }
.pg-company-billing.ld-dark-mode .sub-modal-input { color: #f1f5f9 !important; }


/* ============ company_dashboard.php (pg-company-dashboard) ============ */
.pg-company-dashboard, .pg-company-dashboard * { margin:0; padding:0; box-sizing:border-box; }
.pg-company-dashboard { font-family:"Inter",sans-serif; background: rgba(15,23,42,.03); color:#0f172a; line-height:1.5; }
.pg-company-dashboard .app { display:flex; min-height:100vh; }
.pg-company-dashboard .sidebar { width:280px; background: rgba(15,23,42,.04); border-right:1px solid #e2e8f0; position:fixed; height:100vh; overflow-y:auto; padding:32px 24px; }
.pg-company-dashboard .sidebar-logo { font-size:24px; font-weight:700; letter-spacing:-0.5px; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid rgba(15,23,42,.05); color:#0f172a; }
.pg-company-dashboard .sidebar-logo span { background:rgba(15,23,42,.04); padding:4px 12px; border-radius:40px; margin-left:8px; font-size:14px; color:rgba(15,23,42,.5); }
.pg-company-dashboard .company-badge { background:#10b981; color:#0f172a; padding:4px 10px; border-radius:100px; font-size:11px; font-weight:600; margin-left:8px; }
.pg-company-dashboard .nav-menu { list-style:none; }
.pg-company-dashboard .nav-item { margin-bottom:4px; }
.pg-company-dashboard .nav-item a { display:flex; align-items:center; padding:12px 16px; color:rgba(15,23,42,.45); text-decoration:none; border-radius:12px; transition:all 0.2s; gap:12px; font-weight:500; font-size:14px; }
.pg-company-dashboard .nav-item a:hover { background:rgba(15,23,42,.04); color:#0f172a; }
.pg-company-dashboard .nav-item.active a { background:#10b981; color:#0f172a; box-shadow:0 4px 10px rgba(16,185,129,0.2); }
.pg-company-dashboard .nav-icon { font-size:20px; }
.pg-company-dashboard .main { flex:1; margin-left:280px; padding:32px 40px; background: rgba(15,23,42,.03); width:100%; overflow-x:hidden; }
.pg-company-dashboard .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; flex-wrap:wrap; gap:16px; }
.pg-company-dashboard .page-title h1 { font-size:28px; font-weight:700; color:#0f172a; margin-bottom:4px; }
.pg-company-dashboard .page-title p { color:rgba(15,23,42,.45); font-size:15px; }
.pg-company-dashboard .page-title .company-name { color:#10b981; font-size:16px; font-weight:500; margin-top:4px; }
.pg-company-dashboard .user-menu { display:flex; align-items:center; gap:24px; }
.pg-company-dashboard .notifications { position:relative; }
.pg-company-dashboard .notifications a { text-decoration:none; color:rgba(15,23,42,.45); font-size:20px; }
.pg-company-dashboard .notification-badge { position:absolute; top:-5px; right:-5px; background:#ef4444; color:#0f172a; font-size:11px; padding:2px 6px; border-radius:50%; min-width:18px; text-align:center; }
.pg-company-dashboard .user-profile { display:flex; align-items:center; gap:12px; padding:8px 16px; border-radius:100px; background: rgba(15,23,42,.04); border: 1px solid rgba(29,78,216,.2); text-decoration:none; color:inherit; }
.pg-company-dashboard .user-avatar { width:36px; height:36px; background:#10b981; color:#0f172a; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; }
.pg-company-dashboard .user-info { display:none; }
@media  (min-width:768px)  { .pg-company-dashboard .user-info { display:block; }
.pg-company-dashboard .user-name { font-weight:600; font-size:14px; }
.pg-company-dashboard .user-role { font-size:12px; color:rgba(15,23,42,.45); } }
.pg-company-dashboard .welcome-banner { background:linear-gradient(135deg,#10b981,#059669); color:#0f172a; padding:32px 40px; border-radius:24px; margin-bottom:32px; display:flex; justify-content:space-between; align-items:center; }
.pg-company-dashboard .alert { padding:16px 20px; border-radius:16px; margin-bottom:24px; display:flex; justify-content:space-between; align-items:center; animation:pg-company-dashboard-slideDown 0.3s ease-out; }
.pg-company-dashboard .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-company-dashboard .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-company-dashboard .alert-close { background:none; border:none; font-size:18px; cursor:pointer; opacity:0.5; }
.pg-company-dashboard .invite-link-card { background: rgba(15,23,42,.04); border-radius:24px; border: 1px solid rgba(29,78,216,.2); padding:28px; margin-bottom:32px; }
.pg-company-dashboard .invite-link-box { display:flex; gap:12px; margin-top:16px; flex-wrap:wrap; }
.pg-company-dashboard .invite-link-box input { flex:1; padding:12px 16px; border: 1px solid rgba(29,78,216,.2); border-radius:12px; font-size:14px; background: rgba(15,23,42,.03); }
.pg-company-dashboard .invite-link-box button, .pg-company-dashboard .invite-link-box a { padding:12px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; text-decoration:none; }
.pg-company-dashboard .invite-link-box button { background:#e2e8f0; color:#0f172a; }
.pg-company-dashboard .invite-link-box a { background:rgba(15,23,42,.04); color:#0f172a; }
.pg-company-dashboard .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-bottom:40px; }
.pg-company-dashboard .stat-card { background: rgba(15,23,42,.04); padding:28px; border-radius:24px; border: 1px solid rgba(29,78,216,.2); transition:all 0.2s; }
.pg-company-dashboard .stat-card:hover { transform:translateY(-4px); box-shadow:0 15px 30px -10px rgba(0,0,0,0.1); }
.pg-company-dashboard .stat-label { color:rgba(15,23,42,.45); font-size:14px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:12px; }
.pg-company-dashboard .stat-value { font-size:36px; font-weight:700; color:#0f172a; margin-bottom:4px; }
.pg-company-dashboard .stat-sub { font-size:14px; color:rgba(15,23,42,.35); }
.pg-company-dashboard .target-progress-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1px solid rgba(29,78,216,.2); padding:20px; margin-bottom:24px; border-left:4px solid; }
.pg-company-dashboard .target-progress-card.sales { border-left-color:#3b82f6; }
.pg-company-dashboard .target-progress-card.autoship { border-left-color:#f59e0b; }
.pg-company-dashboard .target-progress-card.joined { border-left-color:#10b981; }
.pg-company-dashboard .target-progress-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:8px; }
.pg-company-dashboard .target-progress-title { font-size:16px; font-weight:600; }
.pg-company-dashboard .target-progress-values { font-size:14px; color:rgba(15,23,42,.45); }
.pg-company-dashboard .progress-bar-container { margin:12px 0; }
.pg-company-dashboard .progress-bar-bg { height:8px; background:rgba(15,23,42,.08); border-radius:4px; overflow:hidden; }
.pg-company-dashboard .progress-bar-fill { height:100%; border-radius:4px; transition:width 0.3s; }
.pg-company-dashboard .progress-bar-fill.sales { background:#3b82f6; }
.pg-company-dashboard .progress-bar-fill.autoship { background:#f59e0b; }
.pg-company-dashboard .progress-bar-fill.joined { background:#10b981; }
.pg-company-dashboard .filter-section { background: rgba(15,23,42,.04); border-radius:24px; border: 1px solid rgba(29,78,216,.2); padding:24px; margin-bottom:32px; }
.pg-company-dashboard .filter-title { font-size:16px; font-weight:600; margin-bottom:16px; }
.pg-company-dashboard .filter-form { display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; }
.pg-company-dashboard .filter-group { flex:1; min-width:150px; }
.pg-company-dashboard .filter-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; color:rgba(15,23,42,.6); text-transform:uppercase; letter-spacing:0.5px; }
.pg-company-dashboard .filter-select { width:100%; padding:12px 16px; border:1px solid rgba(29,78,216,.25); border-radius:12px; font-size:14px; background:rgba(15,23,42,.07); }
.pg-company-dashboard .btn-apply { padding:12px 24px; background:#10b981; color:#0f172a; border:none; border-radius:12px; cursor:pointer; font-weight:500; height:48px; }
.pg-company-dashboard .metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:24px; }
.pg-company-dashboard .metric-card { background:rgba(15,23,42,.05); border:1px solid rgba(29,78,216,.2); padding:20px; border-radius:16px; text-align:center; }
.pg-company-dashboard .metric-value { font-size:28px; font-weight:700; color:#0f172a; }
.pg-company-dashboard .metric-label { font-size:13px; color:rgba(15,23,42,.45); margin-top:4px; }
.pg-company-dashboard .top-performers { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:24px; }
.pg-company-dashboard .performer-card { background: rgba(15,23,42,.04); border: 1px solid rgba(29,78,216,.2); border-radius:16px; padding:16px; }
.pg-company-dashboard .performer-title { font-size:14px; font-weight:700; margin-bottom:12px; color:rgba(15,23,42,.6); }
.pg-company-dashboard .performer-name { font-size:20px; font-weight:700; margin-bottom:4px; }
.pg-company-dashboard .performer-value { font-size:14px; color:#10b981; }
.pg-company-dashboard .dashboard-tabs { display:flex; gap:12px; margin-bottom:24px; border-bottom:2px solid #e2e8f0; padding-bottom:8px; flex-wrap:wrap; }
.pg-company-dashboard .tab-btn { padding:10px 24px; background:transparent; border:none; border-radius:40px; font-weight:600; cursor:pointer; font-size:15px; color:rgba(15,23,42,.45); transition:all 0.2s; }
.pg-company-dashboard .tab-btn:hover { background:rgba(15,23,42,.04); color:#0f172a; }
.pg-company-dashboard .tab-btn.active { background:#10b981; color:#0f172a; }
.pg-company-dashboard .tab-content { display:none; animation:pg-company-dashboard-fadeIn 0.3s ease-out; }
.pg-company-dashboard .tab-content.active { display:block; }
.pg-company-dashboard .quick-action-card { background: rgba(15,23,42,.04); border-radius:24px; border: 1px solid rgba(29,78,216,.2); padding:32px; margin-bottom:32px; }
.pg-company-dashboard .form-group { margin-bottom:24px; }
.pg-company-dashboard .form-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; color:rgba(15,23,42,.5); text-transform:uppercase; letter-spacing:0.5px; }
.pg-company-dashboard .form-input, .pg-company-dashboard .form-select, .pg-company-dashboard .form-textarea { width:100%; padding:14px 18px; border:1.5px solid #e2e8f0; border-radius:16px; font-size:15px; background: rgba(15,23,42,.04); font-family:inherit; }
.pg-company-dashboard .form-input:focus, .pg-company-dashboard .form-select:focus, .pg-company-dashboard .form-textarea:focus { outline:none; border-color:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,0.1); }
.pg-company-dashboard .form-textarea { min-height:100px; resize:vertical; }
.pg-company-dashboard .form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.pg-company-dashboard .btn { padding:14px 32px; border-radius:100px; font-weight:600; font-size:15px; cursor:pointer; border:none; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.pg-company-dashboard .btn-primary { background:#10b981; color:#0f172a; }
.pg-company-dashboard .btn-primary:hover { background:#059669; transform:translateY(-2px); box-shadow:0 8px 20px rgba(16,185,129,0.3); }
.pg-company-dashboard .btn-outline { background:transparent; border:1.5px solid #e2e8f0; color:#0f172a; }
.pg-company-dashboard .btn-outline:hover { background:rgba(15,23,42,.04); border-color:#cbd5e1; }
.pg-company-dashboard .leaders-table-container { background: rgba(15,23,42,.04); border-radius:24px; border: 1px solid rgba(29,78,216,.2); overflow:hidden; margin-top:24px; }
.pg-company-dashboard .table-header { padding:20px 24px; border-bottom:1px solid rgba(29,78,216,.15); display:flex; justify-content:space-between; align-items:center; background:rgba(15,23,42,.02); }
.pg-company-dashboard .table-header h2 { font-size:18px; font-weight:700; color:#0f172a; }
.pg-company-dashboard .leaders-table { width:100%; border-collapse:collapse; }
.pg-company-dashboard .leaders-table th { text-align:left; padding:16px 24px; background:rgba(15,23,42,.03); font-weight:700; font-size:12px; color:rgba(15,23,42,.5); border-bottom:1px solid rgba(29,78,216,.2); text-transform:uppercase; letter-spacing:0.5px; }
.pg-company-dashboard .leaders-table td { padding:16px 24px; border-bottom:1px solid rgba(15,23,42,.05); font-size:14px; vertical-align:middle; color:rgba(15,23,42,.8); }
.pg-company-dashboard .leaders-table tr:hover td { background:rgba(29,78,216,.07) !important; }
.pg-company-dashboard .leader-info { display:flex; align-items:center; gap:14px; }
.pg-company-dashboard .leader-avatar { width:42px; height:42px; background:#10b981; color:#0f172a; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; }
.pg-company-dashboard .progress-small { width:80px; height:6px; background:rgba(15,23,42,.1); border-radius:3px; overflow:hidden; display:inline-block; margin-left:8px; vertical-align:middle; }
.pg-company-dashboard .progress-small-fill { height:100%; background:#10b981; border-radius:3px; }
.pg-company-dashboard .activity-list { list-style:none; margin-top:16px; }
.pg-company-dashboard .activity-item { display:flex; align-items:center; gap:18px; padding:16px 0; border-bottom:1px solid rgba(15,23,42,.05); }
.pg-company-dashboard .activity-icon { width:44px; height:44px; background:rgba(29,78,216,.15); border:1px solid rgba(29,78,216,.25); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; }
.pg-company-dashboard .empty-state { text-align:center; padding:60px 20px; color:rgba(15,23,42,.35); }
.pg-company-dashboard .empty-state span { font-size:56px; display:block; margin-bottom:20px; opacity:0.7; }
.pg-company-dashboard .empty-state h3 { font-size:20px; font-weight:600; color:#0f172a; margin-bottom:8px; }
.pg-company-dashboard .menu-toggle-btn { background: none; border: none; font-size: 24px; cursor: pointer; padding: 8px; line-height: 1; display: block; color: rgba(15,23,42,.8); }
@media  (min-width: 769px)  { .pg-company-dashboard .menu-toggle-btn { display: none; } }
@keyframes pg-company-dashboard-slideDown { from{opacity:0;transform:translateY(-10px);} to{opacity:1;transform:translateY(0);} }
@keyframes pg-company-dashboard-fadeIn { from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);} }
@media  (max-width:1024px)  { .pg-company-dashboard .stats-grid { grid-template-columns:repeat(2,1fr); }
.pg-company-dashboard .metrics-grid { grid-template-columns:repeat(2,1fr); }
.pg-company-dashboard .top-performers { grid-template-columns:1fr; }
.pg-company-dashboard .form-row { grid-template-columns:1fr; } }
@media  (max-width:768px)  { .pg-company-dashboard .sidebar { transform:translateX(-100%); position:fixed; z-index:1000; transition:transform 0.3s; }
.pg-company-dashboard .sidebar.open { transform:translateX(0); }
.pg-company-dashboard .main { margin-left:0; padding:20px; }
.pg-company-dashboard .stats-grid { grid-template-columns:1fr; }
.pg-company-dashboard .metrics-grid { grid-template-columns:1fr; }
.pg-company-dashboard .leaders-table { display:block; overflow-x:auto; } }
.pg-company-dashboard .side-nav-close { position:absolute; top:20px; right:20px; font-size:20px; background:none; border:none; cursor:pointer; }
.pg-company-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .sidebar-logo span { color: rgba(255,255,255,.5) !important; }
.pg-company-dashboard.ld-dark-mode .company-badge { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .notifications a { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .user-role { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .welcome-banner { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .invite-link-box button { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .invite-link-box a { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .stat-label { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .stat-value { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .stat-sub { color: rgba(255,255,255,.35) !important; }
.pg-company-dashboard.ld-dark-mode .target-progress-values { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .filter-label { color: rgba(255,255,255,.6) !important; }
.pg-company-dashboard.ld-dark-mode .btn-apply { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .metric-value { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .metric-label { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .performer-title { color: rgba(255,255,255,.6) !important; }
.pg-company-dashboard.ld-dark-mode .tab-btn { color: rgba(255,255,255,.45) !important; }
.pg-company-dashboard.ld-dark-mode .tab-btn:hover { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .tab-btn.active { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .form-label { color: rgba(255,255,255,.5) !important; }
.pg-company-dashboard.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .table-header h2 { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .leaders-table th { color: rgba(255,255,255,.5) !important; }
.pg-company-dashboard.ld-dark-mode .leaders-table td { color: rgba(255,255,255,.8) !important; }
.pg-company-dashboard.ld-dark-mode .leader-avatar { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .empty-state { color: rgba(255,255,255,.35) !important; }
.pg-company-dashboard.ld-dark-mode .empty-state h3 { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .menu-toggle-btn { color: rgba(255,255,255,.8) !important; }
.pg-company-dashboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-dashboard, .pg-company-dashboard {overflow-x:hidden;}
.pg-company-dashboard {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-dashboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-dashboard .app, .pg-company-dashboard .main, .pg-company-dashboard .admin-main, .pg-company-dashboard .admin-container, .pg-company-dashboard .page-wrap, .pg-company-dashboard .ld-page-wrap {position:relative;z-index:1;}
.pg-company-dashboard .edit-card, .pg-company-dashboard .card, .pg-company-dashboard .section-card, .pg-company-dashboard .settings-section, .pg-company-dashboard .stat-card, .pg-company-dashboard .info-card, .pg-company-dashboard .content-card, .pg-company-dashboard .panel, .pg-company-dashboard .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-dashboard .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-dashboard .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-dashboard .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-dashboard .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-dashboard .nav-item.active a, .pg-company-dashboard .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-dashboard .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-dashboard .page-title h1 {color:#0f172a!important;}
.pg-company-dashboard .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-dashboard .form-input, .pg-company-dashboard .form-select, .pg-company-dashboard .form-textarea, .pg-company-dashboard input[type=text], .pg-company-dashboard input[type=email], .pg-company-dashboard input[type=password], .pg-company-dashboard input[type=number], .pg-company-dashboard input[type=date], .pg-company-dashboard input[type=time], .pg-company-dashboard input[type=tel], .pg-company-dashboard textarea, .pg-company-dashboard select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-dashboard .form-input::placeholder, .pg-company-dashboard .form-textarea::placeholder, .pg-company-dashboard input::placeholder, .pg-company-dashboard textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-dashboard .form-input:focus, .pg-company-dashboard .form-textarea:focus, .pg-company-dashboard input:focus, .pg-company-dashboard textarea:focus, .pg-company-dashboard select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-dashboard select option {background:#f1f5f9;color:#0f172a;}
.pg-company-dashboard .form-label, .pg-company-dashboard label {color:rgba(15,23,42,.7)!important;}
.pg-company-dashboard .btn-primary, .pg-company-dashboard button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-dashboard .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-dashboard .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-dashboard .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-dashboard .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-dashboard table {border-collapse:collapse;}
.pg-company-dashboard th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-dashboard td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-dashboard tr:last-child td {border-bottom:none!important;}
.pg-company-dashboard tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-dashboard .badge-success, .pg-company-dashboard .status-active, .pg-company-dashboard .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-dashboard .badge-danger, .pg-company-dashboard .status-expired, .pg-company-dashboard .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-dashboard .badge-warning, .pg-company-dashboard .status-pending, .pg-company-dashboard .status-Pending, .pg-company-dashboard .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-dashboard .badge-primary, .pg-company-dashboard .badge-info, .pg-company-dashboard .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-dashboard .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-dashboard .alert-error, .pg-company-dashboard .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-dashboard .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-dashboard h1, .pg-company-dashboard h2, .pg-company-dashboard h3, .pg-company-dashboard h4, .pg-company-dashboard h5, .pg-company-dashboard h6 {color:#0f172a;}
.pg-company-dashboard h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-dashboard .modal-content, .pg-company-dashboard .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-dashboard .modal-header, .pg-company-dashboard .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-dashboard .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-dashboard a {color:#38bdf8;}
.pg-company-dashboard a:hover {color:#0f172a;}
.pg-company-dashboard .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-dashboard .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-dashboard .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-dashboard .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-dashboard hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-dashboard .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-dashboard .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-dashboard .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-dashboard ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-dashboard ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-dashboard ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode 
.edit-card, .pg-company-dashboard.ld-dark-mode .card, .pg-company-dashboard.ld-dark-mode .section-card, .pg-company-dashboard.ld-dark-mode .settings-section, .pg-company-dashboard.ld-dark-mode .stat-card, .pg-company-dashboard.ld-dark-mode .info-card, .pg-company-dashboard.ld-dark-mode .content-card, .pg-company-dashboard.ld-dark-mode .panel, .pg-company-dashboard.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-dashboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .nav-item.active a, .pg-company-dashboard.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-dashboard.ld-dark-mode 
.form-input, .pg-company-dashboard.ld-dark-mode .form-select, .pg-company-dashboard.ld-dark-mode .form-textarea, .pg-company-dashboard.ld-dark-mode input[type=text], .pg-company-dashboard.ld-dark-mode input[type=email], .pg-company-dashboard.ld-dark-mode input[type=password], .pg-company-dashboard.ld-dark-mode input[type=number], .pg-company-dashboard.ld-dark-mode input[type=date], .pg-company-dashboard.ld-dark-mode input[type=time], .pg-company-dashboard.ld-dark-mode input[type=tel], .pg-company-dashboard.ld-dark-mode textarea, .pg-company-dashboard.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .form-input::placeholder, .pg-company-dashboard.ld-dark-mode .form-textarea::placeholder, .pg-company-dashboard.ld-dark-mode input::placeholder, .pg-company-dashboard.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-dashboard.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .form-label, .pg-company-dashboard.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-dashboard.ld-dark-mode 
.btn-primary, .pg-company-dashboard.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-dashboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-dashboard.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-dashboard.ld-dark-mode 
h1, .pg-company-dashboard.ld-dark-mode h2, .pg-company-dashboard.ld-dark-mode h3, .pg-company-dashboard.ld-dark-mode h4, .pg-company-dashboard.ld-dark-mode h5, .pg-company-dashboard.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode 
.modal-content, .pg-company-dashboard.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .modal-header, .pg-company-dashboard.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-dashboard.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-dashboard.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_events.php (pg-company-events) ============ */
.pg-company-events {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
            --facebook-blue: #1877f2;
            --twitter-blue: #1da1f2;
            --whatsapp-green: #25d366;
            --instagram-pink: #e4405f;
        }
.pg-company-events, .pg-company-events * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-events, .pg-company-events { max-width: 100%; overflow-x: hidden; }
.pg-company-events {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-events .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-company-events-gridMove 20s linear infinite;
        }
@keyframes pg-company-events-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-company-events .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-company-events .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-company-events-float 15s infinite linear;
        }
@keyframes pg-company-events-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-company-events h1, .pg-company-events h2, .pg-company-events h3, .pg-company-events h4, .pg-company-events h5, .pg-company-events h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-company-events a { color: inherit; text-decoration: none; }
.pg-company-events .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-company-events .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-company-events .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-company-events .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-company-events .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-events .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-company-events .header-actions { display: flex; gap: 12px; }
.pg-company-events .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-company-events .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-company-events .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-company-events .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-company-events .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-events .btn-icon {
            padding: 6px 12px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            transition: all 0.2s;
            color: var(--text-secondary);
        }
.pg-company-events .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-events .btn-sm {
            padding: 6px 14px;
            font-size: 12px;
        }
.pg-company-events .btn-danger {
            background: var(--danger-red);
            color: #0f172a;
            border: none;
        }
.pg-company-events .btn-danger:hover {
            background: #dc2626;
            transform: translateY(-2px);
        }
.pg-company-events .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-company-events-slideDown 0.3s ease-out;
        }
.pg-company-events .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-company-events .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-company-events .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-company-events .tabs-container {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            background: var(--bg-card);
            padding: 6px;
            border-radius: 40px;
            border: 1px solid var(--border-glow);
            width: fit-content;
        }
.pg-company-events .tab-btn {
            padding: 10px 24px;
            border-radius: 40px;
            cursor: pointer;
            font-weight: 600;
            border: none;
            background: transparent;
            color: var(--text-secondary);
            font-size: 14px;
            transition: all 0.2s;
        }
.pg-company-events .tab-btn:hover {
            background: rgba(29,78,216, 0.1);
            color: #0f172a;
        }
.pg-company-events .tab-btn.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
        }
.pg-company-events .tab-pane { display: none; }
.pg-company-events .tab-pane.active { display: block; }
.pg-company-events .compose-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            margin-bottom: 32px;
            backdrop-filter: blur(10px);
        }
.pg-company-events .compose-card h2 { font-size: 20px; margin-bottom: 20px; color: var(--text-primary); }
.pg-company-events .form-group { margin-bottom: 20px; }
.pg-company-events .form-label {
            display: block;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 6px;
            text-transform: uppercase;
            color: var(--text-muted);
            letter-spacing: 0.5px;
        }
.pg-company-events .form-input, .pg-company-events .form-select, .pg-company-events .form-textarea {
            width: 100%;
            padding: 12px 16px;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 15px;
            color: var(--text-primary);
            font-family: "Inter", sans-serif;
        }
.pg-company-events .form-input:focus, .pg-company-events .form-select:focus, .pg-company-events .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-company-events .form-select option { background: var(--bg-dark); color: var(--text-primary); }
.pg-company-events .form-textarea { min-height: 100px; resize: vertical; }
.pg-company-events .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.pg-company-events .events-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; margin-top: 20px; }
.pg-company-events .event-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-company-events .event-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-company-events .event-card.past { opacity: 0.7; }
.pg-company-events .event-date-banner {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 16px;
            text-align: center;
        }
.pg-company-events .event-card.past .event-date-banner { background: var(--text-muted); }
.pg-company-events .event-date-banner .day { font-size: 36px; font-weight: 700; line-height: 1; }
.pg-company-events .event-date-banner .month { font-size: 14px; text-transform: uppercase; opacity: 0.8; }
.pg-company-events .event-content { padding: 20px; }
.pg-company-events .event-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 8px;
        }
.pg-company-events .event-title { font-size: 20px; font-weight: 600; color: var(--text-primary); }
.pg-company-events .event-type {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
        }
.pg-company-events .type-training { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-company-events .type-opportunity { background: rgba(245, 158, 11, 0.2); color: var(--warning-orange); }
.pg-company-events .type-team_meeting { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-company-events .type-product_presentation { background: rgba(56,189,248, 0.2); color: var(--accent-pink); }
.pg-company-events .event-description { color: var(--text-secondary); font-size: 14px; margin: 12px 0; line-height: 1.6; }
.pg-company-events .event-details {
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            padding: 16px;
            margin: 16px 0;
        }
.pg-company-events .detail-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 8px;
            font-size: 14px;
            color: var(--text-secondary);
        }
.pg-company-events .detail-icon { width: 20px; color: var(--accent-pink); }
.pg-company-events .meeting-link { color: var(--accent-pink); font-weight: 600; text-decoration: none; }
.pg-company-events .meeting-link:hover { text-decoration: underline; }
.pg-company-events .event-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border-glow);
            font-size: 13px;
            color: var(--text-muted);
        }
.pg-company-events .social-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; }
.pg-company-events .social-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-company-events .social-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-company-events .social-media {
            height: 200px;
            background: rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
        }
.pg-company-events .social-media img, .pg-company-events .social-media video { width: 100%; height: 100%; object-fit: cover; }
.pg-company-events .social-content { padding: 20px; }
.pg-company-events .social-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 8px; color: var(--text-primary); }
.pg-company-events .social-description { color: var(--text-secondary); font-size: 14px; margin-bottom: 16px; }
.pg-company-events .social-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.pg-company-events .share-btn {
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s;
            border: none;
            cursor: pointer;
        }
.pg-company-events .share-facebook { background: var(--facebook-blue); color: #0f172a; }
.pg-company-events .share-twitter { background: var(--twitter-blue); color: #0f172a; }
.pg-company-events .share-whatsapp { background: var(--whatsapp-green); color: #0f172a; }
.pg-company-events .share-instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #0f172a; }
.pg-company-events .share-link { background: var(--primary-purple); color: #0f172a; }
.pg-company-events .download-btn { background: var(--success-green); color: #0f172a; }
.pg-company-events .empty-state {
            text-align: center;
            padding: 3rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            color: var(--text-muted);
        }
.pg-company-events .empty-state span { font-size: 48px; display: block; margin-bottom: 16px; opacity: 0.5; }
.pg-company-events .empty-state h3 { font-size: 20px; margin-bottom: 8px; }
.pg-company-events .empty-state p { color: var(--text-muted); }
.pg-company-events .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-company-events .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-company-events .nav-item a { color: var(--text-secondary) !important; }
.pg-company-events .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-company-events .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@keyframes pg-company-events-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@media  (max-width: 1024px)  { .pg-company-events .events-grid, .pg-company-events .social-grid { grid-template-columns: 1fr; } }
@media  (max-width: 768px)  { .pg-company-events .sidebar { transform: translateX(-100%); position: fixed; z-index: 1000; transition: transform 0.3s; }
.pg-company-events .sidebar.open { transform: translateX(0); }
.pg-company-events .main { margin-left: 0; padding: 1rem; width: 100%; }
.pg-company-events .menu-toggle { display: block; }
.pg-company-events .form-row { grid-template-columns: 1fr; } }
.pg-company-events .side-nav-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 20px;
            background: none;
            border: none;
            color: #0f172a;
            cursor: pointer;
            display: none;
        }
@media  (max-width: 768px)  { .pg-company-events .side-nav-close { display: block; } }
.pg-company-events.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .tab-btn:hover { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .share-facebook { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .share-twitter { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .share-whatsapp { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .share-instagram { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .share-link { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .download-btn { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-events.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_join.php (pg-company-join) ============ */
.pg-company-join, .pg-company-join * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-company-join {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-company-join .container {
            max-width: 400px;
            width: 100%;
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            padding: 40px;
            text-align: center;
        }
.pg-company-join .error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #fecaca;
            padding: 16px;
            border-radius: 12px;
            margin-bottom: 20px;
        }
.pg-company-join .btn {
            display: inline-block;
            padding: 12px 24px;
            background: #e2e8f0;
            color: #0f172a;
            text-decoration: none;
            border-radius: 100px;
            font-weight: 600;
            margin-top: 20px;
        }
.pg-company-join .btn:hover {
            background: #e2e8f0;
        }
.pg-company-join.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-company-join {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-join, .pg-company-join {overflow-x:hidden;}
.pg-company-join {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-join::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-join .app, .pg-company-join .main, .pg-company-join .admin-main, .pg-company-join .admin-container, .pg-company-join .page-wrap, .pg-company-join .ld-page-wrap {position:relative;z-index:1;}
.pg-company-join .edit-card, .pg-company-join .card, .pg-company-join .section-card, .pg-company-join .settings-section, .pg-company-join .stat-card, .pg-company-join .info-card, .pg-company-join .content-card, .pg-company-join .panel, .pg-company-join .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-join .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-join .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-join .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-join .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-join .nav-item.active a, .pg-company-join .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-join .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-join .page-title h1 {color:#0f172a!important;}
.pg-company-join .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-join .form-input, .pg-company-join .form-select, .pg-company-join .form-textarea, .pg-company-join input[type=text], .pg-company-join input[type=email], .pg-company-join input[type=password], .pg-company-join input[type=number], .pg-company-join input[type=date], .pg-company-join input[type=time], .pg-company-join input[type=tel], .pg-company-join textarea, .pg-company-join select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-join .form-input::placeholder, .pg-company-join .form-textarea::placeholder, .pg-company-join input::placeholder, .pg-company-join textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-join .form-input:focus, .pg-company-join .form-textarea:focus, .pg-company-join input:focus, .pg-company-join textarea:focus, .pg-company-join select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-join select option {background:#f1f5f9;color:#0f172a;}
.pg-company-join .form-label, .pg-company-join label {color:rgba(15,23,42,.7)!important;}
.pg-company-join .btn-primary, .pg-company-join button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-join .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-join .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-join .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-join .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-join table {border-collapse:collapse;}
.pg-company-join th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-join td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-join tr:last-child td {border-bottom:none!important;}
.pg-company-join tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-join .badge-success, .pg-company-join .status-active, .pg-company-join .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-join .badge-danger, .pg-company-join .status-expired, .pg-company-join .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-join .badge-warning, .pg-company-join .status-pending, .pg-company-join .status-Pending, .pg-company-join .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-join .badge-primary, .pg-company-join .badge-info, .pg-company-join .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-join .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-join .alert-error, .pg-company-join .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-join .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-join h1, .pg-company-join h2, .pg-company-join h3, .pg-company-join h4, .pg-company-join h5, .pg-company-join h6 {color:#0f172a;}
.pg-company-join h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-join .modal-content, .pg-company-join .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-join .modal-header, .pg-company-join .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-join .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-join a {color:#38bdf8;}
.pg-company-join a:hover {color:#0f172a;}
.pg-company-join .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-join .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-join .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-join .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-join hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-join .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-join .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-join .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-join ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-join ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-join ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-join.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode 
.edit-card, .pg-company-join.ld-dark-mode .card, .pg-company-join.ld-dark-mode .section-card, .pg-company-join.ld-dark-mode .settings-section, .pg-company-join.ld-dark-mode .stat-card, .pg-company-join.ld-dark-mode .info-card, .pg-company-join.ld-dark-mode .content-card, .pg-company-join.ld-dark-mode .panel, .pg-company-join.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-join.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .nav-item.active a, .pg-company-join.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-join.ld-dark-mode 
.form-input, .pg-company-join.ld-dark-mode .form-select, .pg-company-join.ld-dark-mode .form-textarea, .pg-company-join.ld-dark-mode input[type=text], .pg-company-join.ld-dark-mode input[type=email], .pg-company-join.ld-dark-mode input[type=password], .pg-company-join.ld-dark-mode input[type=number], .pg-company-join.ld-dark-mode input[type=date], .pg-company-join.ld-dark-mode input[type=time], .pg-company-join.ld-dark-mode input[type=tel], .pg-company-join.ld-dark-mode textarea, .pg-company-join.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .form-input::placeholder, .pg-company-join.ld-dark-mode .form-textarea::placeholder, .pg-company-join.ld-dark-mode input::placeholder, .pg-company-join.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-join.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .form-label, .pg-company-join.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-join.ld-dark-mode 
.btn-primary, .pg-company-join.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-join.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-join.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-join.ld-dark-mode 
h1, .pg-company-join.ld-dark-mode h2, .pg-company-join.ld-dark-mode h3, .pg-company-join.ld-dark-mode h4, .pg-company-join.ld-dark-mode h5, .pg-company-join.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode 
.modal-content, .pg-company-join.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .modal-header, .pg-company-join.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-join.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-join.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_leaders.php (pg-company-leaders) ============ */
.pg-company-leaders {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-company-leaders, .pg-company-leaders * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-leaders, .pg-company-leaders { max-width: 100%; overflow-x: hidden; }
.pg-company-leaders {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-leaders .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-company-leaders-gridMove 20s linear infinite;
        }
@keyframes pg-company-leaders-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-company-leaders .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-company-leaders .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-company-leaders-float 15s infinite linear;
        }
@keyframes pg-company-leaders-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-company-leaders h1, .pg-company-leaders h2, .pg-company-leaders h3, .pg-company-leaders h4, .pg-company-leaders h5, .pg-company-leaders h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-company-leaders a { color: inherit; text-decoration: none; }
.pg-company-leaders .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-company-leaders .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-company-leaders .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-company-leaders .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-company-leaders .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-leaders .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-company-leaders .header-actions { display: flex; gap: 12px; }
.pg-company-leaders .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-company-leaders .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-company-leaders .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-leaders .filter-bar {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            flex-wrap: wrap;
        }
.pg-company-leaders .filter-btn {
            padding: 8px 16px;
            border-radius: 100px;
            border: 1px solid var(--border-glow);
            background: transparent;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.2s;
            text-decoration: none;
            color: var(--text-secondary);
        }
.pg-company-leaders .filter-btn:hover {
            background: rgba(29,78,216, 0.1);
            color: #0f172a;
        }
.pg-company-leaders .filter-btn.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-company-leaders .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-company-leaders-slideDown 0.3s ease-out;
        }
.pg-company-leaders .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-company-leaders .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-company-leaders .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-company-leaders .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-company-leaders .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-company-leaders .stat-card:hover::before {
            left: 100%;
        }
.pg-company-leaders .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-company-leaders .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-company-leaders .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-company-leaders .leaders-table-container {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }
.pg-company-leaders .table-header {
            padding: 16px 24px;
            border-bottom: 1px solid var(--border-glow);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.pg-company-leaders .table-header h2 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-primary);
        }
.pg-company-leaders .leaders-table {
            width: 100%;
            border-collapse: collapse;
        }
.pg-company-leaders .leaders-table th {
            text-align: left;
            padding: 14px 16px;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 12px;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-glow);
            text-transform: uppercase;
        }
.pg-company-leaders .leaders-table td {
            padding: 14px 16px;
            border-bottom: 1px solid var(--border-glow);
            font-size: 13px;
            vertical-align: middle;
            color: var(--text-secondary);
        }
.pg-company-leaders .leaders-table tr:hover {
            background: rgba(15,23,42,0.02);
        }
.pg-company-leaders .leader-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }
.pg-company-leaders .leader-avatar {
            width: 40px;
            height: 40px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-company-leaders .leader-details {
            display: flex;
            flex-direction: column;
        }
.pg-company-leaders .leader-name {
            font-weight: 600;
        }
.pg-company-leaders .leader-email {
            font-size: 11px;
            color: var(--text-muted);
        }
.pg-company-leaders .status-badge {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
            display: inline-block;
        }
.pg-company-leaders .status-active {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
        }
.pg-company-leaders .status-inactive {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
        }
.pg-company-leaders .action-buttons {
            display: flex;
            gap: 8px;
            align-items: center;
        }
.pg-company-leaders .status-select {
            padding: 4px 8px;
            border: 1px solid var(--border-glow);
            border-radius: 6px;
            font-size: 12px;
            background: rgba(15,23,42,0.05);
            color: var(--text-primary);
        }
.pg-company-leaders .status-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-company-leaders .btn-icon {
            padding: 6px 10px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            transition: all 0.2s;
            color: var(--text-secondary);
            text-decoration: none;
        }
.pg-company-leaders .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-leaders .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
        }
.pg-company-leaders .empty-state span {
            font-size: 48px;
            display: block;
            margin-bottom: 16px;
            opacity: 0.5;
        }
.pg-company-leaders .empty-state h3 {
            font-size: 20px;
            margin-bottom: 8px;
        }
.pg-company-leaders .empty-state p {
            color: var(--text-muted);
            margin-bottom: 24px;
        }
.pg-company-leaders .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-company-leaders .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-company-leaders .nav-item a { color: var(--text-secondary) !important; }
.pg-company-leaders .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-company-leaders .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@keyframes pg-company-leaders-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@media  (max-width: 1024px)  { .pg-company-leaders .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-company-leaders .sidebar { transform: translateX(-100%); position: fixed; z-index: 1000; transition: transform 0.3s; }
.pg-company-leaders .sidebar.open { transform: translateX(0); }
.pg-company-leaders .main { margin-left: 0; padding: 20px; width: 100%; }
.pg-company-leaders .menu-toggle { display: block; }
.pg-company-leaders .stats-grid { grid-template-columns: 1fr; }
.pg-company-leaders .leaders-table { min-width: 800px; }
.pg-company-leaders .leaders-table-container { overflow-x: auto; } }
.pg-company-leaders .side-nav-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 20px;
            background: none;
            border: none;
            color: #0f172a;
            cursor: pointer;
            display: none;
        }
@media  (max-width: 768px)  { .pg-company-leaders .side-nav-close { display: block; } }
.pg-company-leaders.ld-dark-mode .filter-btn:hover { color: #f1f5f9 !important; }
.pg-company-leaders.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-leaders.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_login.php (pg-company-login) ============ */
.pg-company-login, .pg-company-login * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-company-login {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-company-login .login-container {
            max-width: 400px;
            width: 100%;
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            overflow: hidden;
        }
.pg-company-login .login-header {
            background: #059669;
            color: #0f172a;
            padding: 40px 30px;
            text-align: center;
        }
.pg-company-login .login-header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
.pg-company-login .login-header p {
            opacity: 0.8;
            font-size: 15px;
        }
.pg-company-login .company-badge {
            background: rgba(15,23,42,0.2);
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 12px;
            display: inline-block;
            margin-top: 10px;
        }
.pg-company-login .login-form {
            padding: 40px 30px;
        }
.pg-company-login .form-group {
            margin-bottom: 20px;
        }
.pg-company-login .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-company-login .form-input {
            width: 100%;
            padding: 14px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
        }
.pg-company-login .form-input:focus {
            outline: none;
            border-color: #059669;
        }
.pg-company-login .btn {
            width: 100%;
            padding: 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
            background: #059669;
            color: #0f172a;
        }
.pg-company-login .btn:hover {
            background: #047857;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(5,150,105,0.3);
        }
.pg-company-login .alert {
            padding: 16px;
            border-radius: 12px;
            margin-bottom: 20px;
            font-size: 14px;
        }
.pg-company-login .alert-error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #fecaca;
        }
.pg-company-login .links {
            margin-top: 20px;
            text-align: center;
        }
.pg-company-login .links a {
            color: #059669;
            text-decoration: none;
            font-size: 14px;
        }
.pg-company-login .links a:hover {
            text-decoration: underline;
        }
.pg-company-login .back-link {
            display: block;
            margin-top: 15px;
            color: #666;
            font-size: 13px;
            text-decoration: none;
        }
.pg-company-login.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .login-header { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .back-link { color: #cbd5e1 !important; }
.pg-company-login {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-login, .pg-company-login {overflow-x:hidden;}
.pg-company-login {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-login::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-login .app, .pg-company-login .main, .pg-company-login .admin-main, .pg-company-login .admin-container, .pg-company-login .page-wrap, .pg-company-login .ld-page-wrap {position:relative;z-index:1;}
.pg-company-login .edit-card, .pg-company-login .card, .pg-company-login .section-card, .pg-company-login .settings-section, .pg-company-login .stat-card, .pg-company-login .info-card, .pg-company-login .content-card, .pg-company-login .panel, .pg-company-login .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-login .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-login .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-login .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-login .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-login .nav-item.active a, .pg-company-login .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-login .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-login .page-title h1 {color:#0f172a!important;}
.pg-company-login .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-login .form-input, .pg-company-login .form-select, .pg-company-login .form-textarea, .pg-company-login input[type=text], .pg-company-login input[type=email], .pg-company-login input[type=password], .pg-company-login input[type=number], .pg-company-login input[type=date], .pg-company-login input[type=time], .pg-company-login input[type=tel], .pg-company-login textarea, .pg-company-login select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-login .form-input::placeholder, .pg-company-login .form-textarea::placeholder, .pg-company-login input::placeholder, .pg-company-login textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-login .form-input:focus, .pg-company-login .form-textarea:focus, .pg-company-login input:focus, .pg-company-login textarea:focus, .pg-company-login select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-login select option {background:#f1f5f9;color:#0f172a;}
.pg-company-login .form-label, .pg-company-login label {color:rgba(15,23,42,.7)!important;}
.pg-company-login .btn-primary, .pg-company-login button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-login .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-login .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-login .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-login .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-login table {border-collapse:collapse;}
.pg-company-login th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-login td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-login tr:last-child td {border-bottom:none!important;}
.pg-company-login tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-login .badge-success, .pg-company-login .status-active, .pg-company-login .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-login .badge-danger, .pg-company-login .status-expired, .pg-company-login .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-login .badge-warning, .pg-company-login .status-pending, .pg-company-login .status-Pending, .pg-company-login .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-login .badge-primary, .pg-company-login .badge-info, .pg-company-login .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-login .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-login .alert-error, .pg-company-login .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-login .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-login h1, .pg-company-login h2, .pg-company-login h3, .pg-company-login h4, .pg-company-login h5, .pg-company-login h6 {color:#0f172a;}
.pg-company-login h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-login .modal-content, .pg-company-login .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-login .modal-header, .pg-company-login .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-login .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-login a {color:#38bdf8;}
.pg-company-login a:hover {color:#0f172a;}
.pg-company-login .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-login .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-login .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-login .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-login hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-login .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-login .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-login .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-login ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-login ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-login ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-login.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode 
.edit-card, .pg-company-login.ld-dark-mode .card, .pg-company-login.ld-dark-mode .section-card, .pg-company-login.ld-dark-mode .settings-section, .pg-company-login.ld-dark-mode .stat-card, .pg-company-login.ld-dark-mode .info-card, .pg-company-login.ld-dark-mode .content-card, .pg-company-login.ld-dark-mode .panel, .pg-company-login.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-login.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .nav-item.active a, .pg-company-login.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-login.ld-dark-mode 
.form-input, .pg-company-login.ld-dark-mode .form-select, .pg-company-login.ld-dark-mode .form-textarea, .pg-company-login.ld-dark-mode input[type=text], .pg-company-login.ld-dark-mode input[type=email], .pg-company-login.ld-dark-mode input[type=password], .pg-company-login.ld-dark-mode input[type=number], .pg-company-login.ld-dark-mode input[type=date], .pg-company-login.ld-dark-mode input[type=time], .pg-company-login.ld-dark-mode input[type=tel], .pg-company-login.ld-dark-mode textarea, .pg-company-login.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .form-input::placeholder, .pg-company-login.ld-dark-mode .form-textarea::placeholder, .pg-company-login.ld-dark-mode input::placeholder, .pg-company-login.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-login.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .form-label, .pg-company-login.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-login.ld-dark-mode 
.btn-primary, .pg-company-login.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-login.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-login.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-login.ld-dark-mode 
h1, .pg-company-login.ld-dark-mode h2, .pg-company-login.ld-dark-mode h3, .pg-company-login.ld-dark-mode h4, .pg-company-login.ld-dark-mode h5, .pg-company-login.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode 
.modal-content, .pg-company-login.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .modal-header, .pg-company-login.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-login.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-login.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_prospects.php (pg-company-prospects) ============ */
.pg-company-prospects {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.18);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-prospects, .pg-company-prospects *, .pg-company-prospects, .pg-company-prospects *::before, .pg-company-prospects, .pg-company-prospects *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-company-prospects, .pg-company-prospects {overflow-x:hidden;}
.pg-company-prospects {font-family:"Inter",sans-serif;background:var(--bg);color:#0f172a;min-height:100vh;}
.pg-company-prospects .app {display:flex;min-height:100vh;}
.pg-company-prospects .main {flex:1;margin-left:280px;padding:2rem;overflow-x:hidden;}
.pg-company-prospects h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-company-prospects .sub {color:var(--text2);font-size:.875rem;margin-bottom:1.75rem;}
.pg-company-prospects .stats-row {display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.875rem;margin-bottom:1.75rem;}
.pg-company-prospects .stat-box {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;text-align:center;}
.pg-company-prospects .stat-box-clickable {display:block;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .15s;}
.pg-company-prospects .stat-box-clickable:hover {transform:translateY(-2px);border-color:var(--accent-pink,#38bdf8);}
.pg-company-prospects .stat-num {font-family:"Space Grotesk",sans-serif;font-size:1.6rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pg-company-prospects .stat-lbl {font-size:.7rem;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;}
.pg-company-prospects .filters {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;}
.pg-company-prospects .filter-group {display:flex;flex-direction:column;gap:.3rem;min-width:0;}
.pg-company-prospects .filter-group label {font-size:.72rem;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.04em;}
.pg-company-prospects .filter-group select, .pg-company-prospects .filter-group input {background:rgba(15,23,42,.06);border:1px solid var(--border);border-radius:10px;padding:.5rem .75rem;color:#0f172a;font-family:inherit;font-size:.825rem;outline:none;transition:border-color .18s;min-width:140px;}
.pg-company-prospects .filter-group select:focus, .pg-company-prospects .filter-group input:focus {border-color:var(--purple);}
.pg-company-prospects .filter-group select option {background:#f1f5f9;}
.pg-company-prospects .btn-filter {padding:.55rem 1.25rem;background:var(--grad);border:none;border-radius:100px;color:#0f172a;font-weight:700;font-size:.825rem;cursor:pointer;font-family:inherit;white-space:nowrap;height:fit-content;}
.pg-company-prospects .btn-clear {padding:.55rem 1rem;background:rgba(15,23,42,.06);border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:.8rem;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;height:fit-content;}
.pg-company-prospects .btn-clear:hover {background:rgba(15,23,42,.1);}
.pg-company-prospects .results-bar {display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;flex-wrap:wrap;gap:.5rem;}
.pg-company-prospects .results-count {font-size:.825rem;color:var(--text2);}
.pg-company-prospects .export-btn {padding:.45rem 1rem;background:rgba(15,23,42,.06);border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:.78rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s;}
.pg-company-prospects .export-btn:hover {background:rgba(29,78,216,.12);border-color:var(--purple);}
.pg-company-prospects .table-wrap {background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;}
.pg-company-prospects .prospect-table {width:100%;border-collapse:collapse;}
.pg-company-prospects .prospect-table th {padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;background:rgba(15,23,42,.02);border-bottom:1px solid var(--border);}
.pg-company-prospects .prospect-table td {padding:.875rem 1rem;border-bottom:1px solid rgba(15,23,42,.04);font-size:.85rem;color:var(--text);vertical-align:middle;}
.pg-company-prospects .prospect-table tr:last-child td {border-bottom:none;}
.pg-company-prospects .prospect-table tr:hover td {background:rgba(15,23,42,.02);}
.pg-company-prospects .stage-badge {display:inline-block;padding:3px 10px;border-radius:100px;font-size:.7rem;font-weight:700;white-space:nowrap;}
.pg-company-prospects .leader-pill {display:inline-flex;align-items:center;gap:.375rem;font-size:.78rem;color:rgba(15,23,42,.6);}
.pg-company-prospects .leader-avatar {width:22px;height:22px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#0f172a;flex-shrink:0;}
.pg-company-prospects .pagination {display:flex;justify-content:center;align-items:center;gap:.375rem;margin-top:1.25rem;flex-wrap:wrap;}
.pg-company-prospects .page-btn {padding:.45rem .875rem;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.8rem;text-decoration:none;transition:all .18s;}
.pg-company-prospects .page-btn:hover, .pg-company-prospects .page-btn.active {background:var(--grad);color:#0f172a;border-color:transparent;font-weight:700;}
.pg-company-prospects .page-btn.disabled {opacity:.3;pointer-events:none;}
.pg-company-prospects .empty {text-align:center;padding:3rem 1rem;color:var(--text2);}
.pg-company-prospects .empty i {font-size:2.5rem;opacity:.3;display:block;margin-bottom:.75rem;}
@media (max-width:768px) { .pg-company-prospects .main {margin-left:0!important;padding:calc(52px + .875rem) .875rem calc(58px + .875rem)!important;}
.pg-company-prospects h1 {font-size:1.5rem;}
.pg-company-prospects .stats-row {grid-template-columns:repeat(3,1fr);}
.pg-company-prospects .filters {flex-direction:column;}
.pg-company-prospects .filter-group {width:100%;}
.pg-company-prospects .filter-group select, .pg-company-prospects .filter-group input {min-width:100%;width:100%;}
.pg-company-prospects .table-wrap {overflow-x:auto;}
.pg-company-prospects .prospect-table {min-width:700px;} }
.pg-company-prospects.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-prospects.ld-dark-mode .filter-group select, .pg-company-prospects.ld-dark-mode .filter-group input { color: #f1f5f9 !important; }
.pg-company-prospects.ld-dark-mode .btn-filter { color: #f1f5f9 !important; }
.pg-company-prospects.ld-dark-mode 
.leader-pill { color: rgba(255,255,255,.6) !important; }
.pg-company-prospects.ld-dark-mode .leader-avatar { color: #f1f5f9 !important; }
.pg-company-prospects.ld-dark-mode .page-btn:hover, .pg-company-prospects.ld-dark-mode .page-btn.active { color: #f1f5f9 !important; }
.pg-company-prospects .leader-cards-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:1rem;}
.pg-company-prospects .leader-card {display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:inherit;transition:transform .15s,border-color .15s;}
.pg-company-prospects .leader-card:hover {transform:translateY(-2px);border-color:var(--pink);}
.pg-company-prospects .leader-card-avatar {width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;}
.pg-company-prospects .leader-card-info {flex:1;min-width:0;}
.pg-company-prospects .leader-card-name {font-weight:700;color:#0f172a;font-size:.95rem;}
.pg-company-prospects .leader-card-meta {display:flex;gap:10px;font-size:.78rem;color:var(--text-muted,rgba(15,23,42,.5));margin-top:2px;}
.pg-company-prospects .leader-card-converted {color:#10b981;font-weight:600;}
.pg-company-prospects .leader-card-arrow {color:var(--text-muted,rgba(15,23,42,.4));}
.pg-company-prospects.ld-dark-mode .leader-card-name { color: #f1f5f9 !important; }


/* ============ company_register.php (pg-company-register) ============ */
.pg-company-register, .pg-company-register * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-company-register {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-company-register .register-container {
            max-width: 600px;
            width: 100%;
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            overflow: hidden;
        }
.pg-company-register .register-header {
            background: #059669;
            color: #0f172a;
            padding: 40px 30px;
            text-align: center;
        }
.pg-company-register .register-header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
.pg-company-register .register-header p {
            opacity: 0.8;
            font-size: 15px;
        }
.pg-company-register .company-badge {
            background: rgba(15,23,42,0.2);
            color: #0f172a;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            margin-top: 15px;
        }
.pg-company-register .register-form {
            padding: 40px 30px;
        }
.pg-company-register .form-group {
            margin-bottom: 20px;
        }
.pg-company-register .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-company-register .form-label .required {
            color: #dc2626;
            margin-left: 2px;
        }
.pg-company-register .form-input, .pg-company-register .form-select, .pg-company-register .form-textarea {
            width: 100%;
            padding: 14px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
            font-family: "Inter", sans-serif;
            background: rgba(15,23,42,.04);
        }
.pg-company-register .form-input:focus, .pg-company-register .form-select:focus, .pg-company-register .form-textarea:focus {
            outline: none;
            border-color: #059669;
        }
.pg-company-register .form-textarea {
            min-height: 80px;
            resize: vertical;
        }
.pg-company-register .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }
.pg-company-register .checkbox-group {
            margin: 20px 0;
        }
.pg-company-register .checkbox {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
        }
.pg-company-register .checkbox input {
            width: 18px;
            height: 18px;
            cursor: pointer;
        }
.pg-company-register .checkbox span {
            font-size: 14px;
            color: #666;
        }
.pg-company-register .checkbox a {
            color: #059669;
            font-weight: 600;
            text-decoration: none;
        }
.pg-company-register .checkbox a:hover {
            text-decoration: underline;
        }
.pg-company-register .btn {
            width: 100%;
            padding: 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
            background: #059669;
            color: #0f172a;
        }
.pg-company-register .btn:hover {
            background: #047857;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.3);
        }
.pg-company-register .alert {
            padding: 16px;
            border-radius: 12px;
            margin-bottom: 20px;
            font-size: 14px;
        }
.pg-company-register .alert-error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #fecaca;
        }
.pg-company-register .alert-error a {
            color: #991b1b;
            font-weight: 600;
            text-decoration: underline;
        }
.pg-company-register .info-box {
            background: #f0fdf4;
            border: 1px solid #bbf7d0;
            border-radius: 12px;
            padding: 16px;
            margin: 20px 0;
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
.pg-company-register .info-box .icon {
            font-size: 20px;
        }
.pg-company-register .info-box .content {
            flex: 1;
        }
.pg-company-register .info-box .content h4 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 4px;
            color: #065f46;
        }
.pg-company-register .info-box .content p {
            font-size: 14px;
            color: #047857;
        }
.pg-company-register .login-link {
            margin-top: 30px;
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #eaeaea;
        }
.pg-company-register .login-link p {
            color: #666;
            font-size: 14px;
        }
.pg-company-register .login-link a {
            color: #059669;
            font-weight: 600;
            text-decoration: none;
        }
.pg-company-register .login-link a:hover {
            text-decoration: underline;
        }
@media  (max-width: 600px)  { .pg-company-register .form-row {
                grid-template-columns: 1fr;
            } }
.pg-company-register.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .register-header { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .company-badge { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .checkbox span { color: #cbd5e1 !important; }
.pg-company-register.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .login-link p { color: #cbd5e1 !important; }
.pg-company-register {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-register, .pg-company-register {overflow-x:hidden;}
.pg-company-register {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-register::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-register .app, .pg-company-register .main, .pg-company-register .admin-main, .pg-company-register .admin-container, .pg-company-register .page-wrap, .pg-company-register .ld-page-wrap {position:relative;z-index:1;}
.pg-company-register .edit-card, .pg-company-register .card, .pg-company-register .section-card, .pg-company-register .settings-section, .pg-company-register .stat-card, .pg-company-register .info-card, .pg-company-register .content-card, .pg-company-register .panel, .pg-company-register .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-register .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-register .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-register .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-register .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-register .nav-item.active a, .pg-company-register .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-register .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-register .page-title h1 {color:#0f172a!important;}
.pg-company-register .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-register .form-input, .pg-company-register .form-select, .pg-company-register .form-textarea, .pg-company-register input[type=text], .pg-company-register input[type=email], .pg-company-register input[type=password], .pg-company-register input[type=number], .pg-company-register input[type=date], .pg-company-register input[type=time], .pg-company-register input[type=tel], .pg-company-register textarea, .pg-company-register select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-register .form-input::placeholder, .pg-company-register .form-textarea::placeholder, .pg-company-register input::placeholder, .pg-company-register textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-register .form-input:focus, .pg-company-register .form-textarea:focus, .pg-company-register input:focus, .pg-company-register textarea:focus, .pg-company-register select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-register select option {background:#f1f5f9;color:#0f172a;}
.pg-company-register .form-label, .pg-company-register label {color:rgba(15,23,42,.7)!important;}
.pg-company-register .btn-primary, .pg-company-register button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-register .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-register .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-register .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-register .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-register table {border-collapse:collapse;}
.pg-company-register th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-register td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-register tr:last-child td {border-bottom:none!important;}
.pg-company-register tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-register .badge-success, .pg-company-register .status-active, .pg-company-register .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-register .badge-danger, .pg-company-register .status-expired, .pg-company-register .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-register .badge-warning, .pg-company-register .status-pending, .pg-company-register .status-Pending, .pg-company-register .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-register .badge-primary, .pg-company-register .badge-info, .pg-company-register .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-register .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-register .alert-error, .pg-company-register .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-register .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-register h1, .pg-company-register h2, .pg-company-register h3, .pg-company-register h4, .pg-company-register h5, .pg-company-register h6 {color:#0f172a;}
.pg-company-register h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-register .modal-content, .pg-company-register .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-register .modal-header, .pg-company-register .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-register .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-register a {color:#38bdf8;}
.pg-company-register a:hover {color:#0f172a;}
.pg-company-register .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-register .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-register .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-register .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-register hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-register .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-register .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-register .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-register ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-register ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-register ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-register.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode 
.edit-card, .pg-company-register.ld-dark-mode .card, .pg-company-register.ld-dark-mode .section-card, .pg-company-register.ld-dark-mode .settings-section, .pg-company-register.ld-dark-mode .stat-card, .pg-company-register.ld-dark-mode .info-card, .pg-company-register.ld-dark-mode .content-card, .pg-company-register.ld-dark-mode .panel, .pg-company-register.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-register.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .nav-item.active a, .pg-company-register.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-register.ld-dark-mode 
.form-input, .pg-company-register.ld-dark-mode .form-select, .pg-company-register.ld-dark-mode .form-textarea, .pg-company-register.ld-dark-mode input[type=text], .pg-company-register.ld-dark-mode input[type=email], .pg-company-register.ld-dark-mode input[type=password], .pg-company-register.ld-dark-mode input[type=number], .pg-company-register.ld-dark-mode input[type=date], .pg-company-register.ld-dark-mode input[type=time], .pg-company-register.ld-dark-mode input[type=tel], .pg-company-register.ld-dark-mode textarea, .pg-company-register.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .form-input::placeholder, .pg-company-register.ld-dark-mode .form-textarea::placeholder, .pg-company-register.ld-dark-mode input::placeholder, .pg-company-register.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-register.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .form-label, .pg-company-register.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-register.ld-dark-mode 
.btn-primary, .pg-company-register.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-register.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-register.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-register.ld-dark-mode 
h1, .pg-company-register.ld-dark-mode h2, .pg-company-register.ld-dark-mode h3, .pg-company-register.ld-dark-mode h4, .pg-company-register.ld-dark-mode h5, .pg-company-register.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode 
.modal-content, .pg-company-register.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .modal-header, .pg-company-register.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-register.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-register.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_reports.php (pg-company-reports) ============ */
.pg-company-reports {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-company-reports, .pg-company-reports * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-reports, .pg-company-reports { max-width: 100%; overflow-x: hidden; }
.pg-company-reports {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-reports .grid-background {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background-image: linear-gradient(rgba(29,78,216,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(29,78,216,0.03) 1px, transparent 1px);
            background-size: 50px 50px; pointer-events: none; z-index: 0;
            animation: pg-company-reports-gridMove 20s linear infinite;
        }
@keyframes pg-company-reports-gridMove { 0%{transform:translate(0,0);} 100%{transform:translate(50px,50px);} }
.pg-company-reports .particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.pg-company-reports .particle { position: absolute; width: 3px; height: 3px; background: var(--accent-pink); border-radius: 50%; opacity: 0.3; animation: pg-company-reports-float 15s infinite linear; }
@keyframes pg-company-reports-float { 0%{transform:translateY(100vh) translateX(0); opacity:0;} 10%{opacity:0.5;} 90%{opacity:0.5;} 100%{transform:translateY(-100px) translateX(100px); opacity:0;} }
.pg-company-reports h1, .pg-company-reports h2, .pg-company-reports h3, .pg-company-reports h4, .pg-company-reports h5, .pg-company-reports h6 { font-family: "Space Grotesk", sans-serif; font-weight: 700; line-height: 1.2; color: var(--text-primary); }
.pg-company-reports a { color: inherit; text-decoration: none; }
.pg-company-reports .app { display: flex; min-height: 100vh; position: relative; z-index: 10; }
.pg-company-reports .main { flex: 1; margin-left: 280px; padding: 2rem; transition: margin-left 0.3s; width: calc(100% - 280px); max-width:100%; overflow-x:hidden; position: relative; z-index:5; }
.pg-company-reports .top-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.pg-company-reports .page-title h1 { font-size: 2.5rem; font-weight: 800; background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.02em; margin-bottom: 0.25rem; }
.pg-company-reports .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-reports .menu-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-primary); display: none; }
.pg-company-reports .btn-outline { background: transparent; border: 1.5px solid var(--border-glow); color: var(--text-primary); padding: 8px 16px; border-radius: 40px; text-decoration: none; display: inline-block; font-size: 13px; font-weight: 500; transition: all 0.2s; }
.pg-company-reports .btn-outline:hover { background: rgba(29,78,216,0.1); border-color: var(--accent-pink); }
.pg-company-reports .alert { padding: 1rem 1.25rem; border-radius: 16px; margin-bottom: 1.5rem; font-size: 0.875rem; display: flex; align-items: center; justify-content: space-between; animation: slideDown 0.3s ease-out; }
.pg-company-reports .alert-success { background: rgba(16,185,129,0.1); color: var(--success-green); border: 1px solid rgba(16,185,129,0.3); }
.pg-company-reports .alert-close { background: none; border: none; color: inherit; cursor: pointer; opacity: 0.5; }
.pg-company-reports .stats-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-bottom: 2rem; }
.pg-company-reports .stat-card { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; padding: 1.5rem; backdrop-filter: blur(10px); transition: all 0.3s ease; }
.pg-company-reports .stat-card:hover { transform: translateY(-4px); border-color: var(--accent-pink); box-shadow: 0 20px 30px rgba(29,78,216,0.2); }
.pg-company-reports .stat-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.5rem; }
.pg-company-reports .stat-value { font-size: 2rem; font-weight: 700; background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 0.25rem; }
.pg-company-reports .stat-sub { font-size: 0.75rem; color: var(--text-muted); }
.pg-company-reports .target-progress-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 2rem; }
.pg-company-reports .target-card { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; padding: 1.5rem; backdrop-filter: blur(10px); border-left: 4px solid; transition: all 0.3s; }
.pg-company-reports .target-card.sales { border-left-color: var(--primary-purple); }
.pg-company-reports .target-card.autoship { border-left-color: var(--accent-pink); }
.pg-company-reports .target-card.joined { border-left-color: var(--success-green); }
.pg-company-reports .target-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.5rem; }
.pg-company-reports .target-title { font-size: 1rem; font-weight: 600; color: var(--text-primary); }
.pg-company-reports .target-values { font-size: 0.875rem; color: var(--text-secondary); }
.pg-company-reports .progress-bar { margin: 1rem 0; height: 8px; background: rgba(15,23,42,0.1); border-radius: 4px; overflow: hidden; }
.pg-company-reports .progress-fill { height: 100%; border-radius: 4px; }
.pg-company-reports .progress-fill.sales { background: var(--primary-purple); }
.pg-company-reports .progress-fill.autoship { background: var(--accent-pink); }
.pg-company-reports .progress-fill.joined { background: var(--success-green); }
.pg-company-reports .target-percent { text-align: right; font-size: 0.875rem; font-weight: 600; color: var(--text-primary); }
.pg-company-reports .table-card { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; overflow: hidden; margin-bottom: 2rem; backdrop-filter: blur(10px); }
.pg-company-reports .table-header { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-glow); background: rgba(15,23,42,0.02); }
.pg-company-reports .table-header h2 { font-size: 1.125rem; font-weight: 600; color: var(--text-primary); }
.pg-company-reports .data-table { width: 100%; border-collapse: collapse; }
.pg-company-reports .data-table th { text-align: left; padding: 1rem 1.5rem; background: rgba(15,23,42,0.02); font-weight: 600; font-size: 0.8rem; color: var(--text-muted); border-bottom: 1px solid var(--border-glow); text-transform: uppercase; }
.pg-company-reports .data-table td { padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-glow); font-size: 0.875rem; color: var(--text-secondary); }
.pg-company-reports .status-badge { padding: 0.25rem 0.75rem; border-radius: 100px; font-size: 0.75rem; font-weight: 600; display: inline-block; }
.pg-company-reports .status-Lyte { background: rgba(15,23,42,0.1); color: var(--text-muted); }
.pg-company-reports .status-Bronze { background: rgba(245,158,11,0.2); color: var(--warning-orange); }
.pg-company-reports .progress-small { width: 80px; height: 6px; background: rgba(15,23,42,0.1); border-radius: 3px; overflow: hidden; display: inline-block; margin-left: 8px; }
.pg-company-reports .progress-small-fill { height: 100%; background: var(--accent-pink); border-radius: 3px; }
.pg-company-reports .member-targets-section { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; margin-bottom: 2rem; overflow: hidden; }
.pg-company-reports .member-targets-table { width: 100%; border-collapse: collapse; }
.pg-company-reports .member-targets-table th { text-align: left; padding: 0.75rem 1rem; background: rgba(15,23,42,0.02); font-weight: 600; font-size: 0.75rem; color: var(--text-muted); border-bottom: 1px solid var(--border-glow); text-transform: uppercase; }
.pg-company-reports .member-targets-table td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-glow); font-size: 0.8rem; color: var(--text-secondary); }
.pg-company-reports .badge-category { display: inline-block; padding: 0.125rem 0.5rem; border-radius: 100px; font-size: 0.7rem; font-weight: 600; }
.pg-company-reports .badge-sales { background: rgba(29,78,216,0.2); color: var(--primary-purple); }
.pg-company-reports .badge-autoship { background: rgba(56,189,248,0.2); color: var(--accent-pink); }
.pg-company-reports .badge-joined { background: rgba(16,185,129,0.2); color: var(--success-green); }
.pg-company-reports .empty-state { text-align: center; padding: 3rem; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-glow); color: var(--text-muted); }
.pg-company-reports .sidebar { background: rgba(255,255,255,0.95)!important; border-right: 1px solid var(--border-glow)!important; }
.pg-company-reports .sidebar-logo { background: var(--gradient-primary)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; }
.pg-company-reports .nav-item a { color: var(--text-secondary)!important; }
.pg-company-reports .nav-item a:hover { background: rgba(29,78,216,0.1)!important; color:#0f172a!important; }
.pg-company-reports .nav-item.active a { background: var(--gradient-primary)!important; color:var(--bg-dark)!important; }
@media  (max-width: 1200px)  { .pg-company-reports .stats-summary { grid-template-columns: repeat(2,1fr); }
.pg-company-reports .target-progress-grid { grid-template-columns: 1fr; } }
@media  (max-width: 768px)  { .pg-company-reports .sidebar { transform: translateX(-100%); position: fixed; z-index:1000; transition:transform 0.3s; }
.pg-company-reports .sidebar.open { transform: translateX(0); }
.pg-company-reports .main { margin-left: 0; padding: 1rem; width: 100%; }
.pg-company-reports .menu-toggle { display: block; }
.pg-company-reports .stats-summary { grid-template-columns: 1fr; }
.pg-company-reports .data-table { display: block; overflow-x: auto; } }
.pg-company-reports .side-nav-close { position: absolute; top: 20px; right: 20px; font-size: 20px; background: none; border: none; color: #0f172a; cursor: pointer; display: none; }
@media  (max-width:768px)  { .pg-company-reports .side-nav-close { display: block; } }
.pg-company-reports .data-table td, .pg-company-reports .member-targets-table td, .pg-company-reports .empty-state {
    background-color: var(--bg-dark) !important;
}
.pg-company-reports .data-table th, .pg-company-reports .member-targets-table th {
    background-color: rgba(15,23,42,0.02) !important;
}
.pg-company-reports.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-reports.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_settings.php (pg-company-settings) ============ */
.pg-company-settings, .pg-company-settings * {margin:0;padding:0;box-sizing:border-box;}
.pg-company-settings {font-family:"Inter",sans-serif;background: #ffffff;color: #0f172a;}
.pg-company-settings .app {display:flex;min-height:100vh;}
.pg-company-settings .sidebar {width:280px;background: rgba(15,23,42,.04);border-right:1px solid #eaeaea;position:fixed;height:100vh;overflow-y:auto;padding:32px24px;}
.pg-company-settings .sidebar-logo {font-size:24px;font-weight:700;letter-spacing:-0.5px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #eaeaea;}
.pg-company-settings .sidebar-logo span {background:#f0f0f0;padding:4px12px;border-radius:40px;margin-left:8px;font-size:14px;}
.pg-company-settings .company-badge {background:#059669;color:#0f172a;padding:4px10px;border-radius:100px;font-size:11px;font-weight:600;margin-left:8px;}
.pg-company-settings .nav-menu {list-style:none;}
.pg-company-settings .nav-item {margin-bottom:8px;}
.pg-company-settings .nav-item a {display:flex;align-items:center;padding:12px16px;color:#4a4a4a;text-decoration:none;border-radius:12px;transition:all0/**/.2s;gap:12px;font-weight:500;}
.pg-company-settings .nav-item a:hover {background: #ffffff;color: #0f172a;}
.pg-company-settings .nav-item.active a {background:#059669;color:#0f172a;}
.pg-company-settings .nav-icon {font-size:20px;}
.pg-company-settings .main {flex:1;margin-left:280px;padding:32px;}
.pg-company-settings .top-bar {display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eaeaea;}
.pg-company-settings .page-title h1 {font-size:28px;font-weight:700;margin-bottom:8px;}
.pg-company-settings .page-title p {color:#666;font-size:15px;}
.pg-company-settings .settings-container {max-width:700px;}
.pg-company-settings .settings-card {background: rgba(15,23,42,.04);border-radius:20px;border: 1.5px solid rgba(29,78,216,.25);padding:32px;margin-bottom:24px;}
.pg-company-settings .card-header {display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eaeaea;}
.pg-company-settings .card-header .icon {font-size:24px;}
.pg-company-settings .card-header h2 {font-size:20px;font-weight:600;}
.pg-company-settings .form-group {margin-bottom:20px;}
.pg-company-settings .form-label {display:block;font-size:13px;font-weight:600;margin-bottom:8px;color: #0f172a;text-transform:uppercase;}
.pg-company-settings .form-input, .pg-company-settings .form-select {width:100%;padding:12px16px;border: 1.5px solid rgba(29,78,216,.25);border-radius:12px;font-size:15px;transition:all0/**/.2s;}
.pg-company-settings .form-input:focus, .pg-company-settings .form-select:focus {outline:none;border-color:#059669;}
.pg-company-settings .form-row {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pg-company-settings .checkbox {display:flex;align-items:center;gap:12px;cursor:pointer;margin:10px0;}
.pg-company-settings .checkbox input {width:18px;height:18px;}
.pg-company-settings .btn {padding:14px28px;border-radius:100px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all0/**/.2s;background:#059669;color:#0f172a;}
.pg-company-settings .btn:hover {background:#047857;transform:translateY(-2px);}
.pg-company-settings .btn-outline {background:transparent;border: 1.5px solid rgba(29,78,216,.25);color: #0f172a;}
.pg-company-settings .alert {padding:16px20px;border-radius:12px;margin-bottom:24px;font-size:14px;animation:slideDown0/**/.3s;}
.pg-company-settings .alert-success {background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
.pg-company-settings .alert-error {background:#fee2e2;color:#991b1b;border:1px solid #fecaca;}
@keyframes pg-company-settings-slideDown {from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:768px) { .pg-company-settings .sidebar {transform:translateX(-100%);}
.pg-company-settings .main {margin-left:0;padding:20px;}
.pg-company-settings .form-row {grid-template-columns:1fr;} }
.pg-company-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .company-badge { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .nav-item a { color: #cbd5e1 !important; }
.pg-company-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-company-settings.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-company-settings {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-settings, .pg-company-settings {overflow-x:hidden;}
.pg-company-settings {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-settings::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-settings .app, .pg-company-settings .main, .pg-company-settings .admin-main, .pg-company-settings .admin-container, .pg-company-settings .page-wrap, .pg-company-settings .ld-page-wrap {position:relative;z-index:1;}
.pg-company-settings .edit-card, .pg-company-settings .card, .pg-company-settings .section-card, .pg-company-settings .settings-section, .pg-company-settings .stat-card, .pg-company-settings .info-card, .pg-company-settings .content-card, .pg-company-settings .panel, .pg-company-settings .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-settings .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-settings .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-settings .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-settings .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-settings .nav-item.active a, .pg-company-settings .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-settings .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-settings .page-title h1 {color:#0f172a!important;}
.pg-company-settings .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-settings .form-input, .pg-company-settings .form-select, .pg-company-settings .form-textarea, .pg-company-settings input[type=text], .pg-company-settings input[type=email], .pg-company-settings input[type=password], .pg-company-settings input[type=number], .pg-company-settings input[type=date], .pg-company-settings input[type=time], .pg-company-settings input[type=tel], .pg-company-settings textarea, .pg-company-settings select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-settings .form-input::placeholder, .pg-company-settings .form-textarea::placeholder, .pg-company-settings input::placeholder, .pg-company-settings textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-settings .form-input:focus, .pg-company-settings .form-textarea:focus, .pg-company-settings input:focus, .pg-company-settings textarea:focus, .pg-company-settings select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-settings select option {background:#f1f5f9;color:#0f172a;}
.pg-company-settings .form-label, .pg-company-settings label {color:rgba(15,23,42,.7)!important;}
.pg-company-settings .btn-primary, .pg-company-settings button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-settings .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-settings .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-settings .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-settings .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-settings table {border-collapse:collapse;}
.pg-company-settings th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-settings td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-settings tr:last-child td {border-bottom:none!important;}
.pg-company-settings tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-settings .badge-success, .pg-company-settings .status-active, .pg-company-settings .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-settings .badge-danger, .pg-company-settings .status-expired, .pg-company-settings .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-settings .badge-warning, .pg-company-settings .status-pending, .pg-company-settings .status-Pending, .pg-company-settings .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-settings .badge-primary, .pg-company-settings .badge-info, .pg-company-settings .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-settings .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-settings .alert-error, .pg-company-settings .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-settings .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-settings h1, .pg-company-settings h2, .pg-company-settings h3, .pg-company-settings h4, .pg-company-settings h5, .pg-company-settings h6 {color:#0f172a;}
.pg-company-settings h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-settings .modal-content, .pg-company-settings .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-settings .modal-header, .pg-company-settings .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-settings .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-settings a {color:#38bdf8;}
.pg-company-settings a:hover {color:#0f172a;}
.pg-company-settings .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-settings .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-settings .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-settings .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-settings hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-settings .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-settings .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-settings .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-settings ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-settings ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-settings ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-settings.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode 
.edit-card, .pg-company-settings.ld-dark-mode .card, .pg-company-settings.ld-dark-mode .section-card, .pg-company-settings.ld-dark-mode .settings-section, .pg-company-settings.ld-dark-mode .stat-card, .pg-company-settings.ld-dark-mode .info-card, .pg-company-settings.ld-dark-mode .content-card, .pg-company-settings.ld-dark-mode .panel, .pg-company-settings.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-settings.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .nav-item.active a, .pg-company-settings.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-settings.ld-dark-mode 
.form-input, .pg-company-settings.ld-dark-mode .form-select, .pg-company-settings.ld-dark-mode .form-textarea, .pg-company-settings.ld-dark-mode input[type=text], .pg-company-settings.ld-dark-mode input[type=email], .pg-company-settings.ld-dark-mode input[type=password], .pg-company-settings.ld-dark-mode input[type=number], .pg-company-settings.ld-dark-mode input[type=date], .pg-company-settings.ld-dark-mode input[type=time], .pg-company-settings.ld-dark-mode input[type=tel], .pg-company-settings.ld-dark-mode textarea, .pg-company-settings.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .form-input::placeholder, .pg-company-settings.ld-dark-mode .form-textarea::placeholder, .pg-company-settings.ld-dark-mode input::placeholder, .pg-company-settings.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-settings.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .form-label, .pg-company-settings.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-settings.ld-dark-mode 
.btn-primary, .pg-company-settings.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-settings.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-settings.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-settings.ld-dark-mode 
h1, .pg-company-settings.ld-dark-mode h2, .pg-company-settings.ld-dark-mode h3, .pg-company-settings.ld-dark-mode h4, .pg-company-settings.ld-dark-mode h5, .pg-company-settings.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode 
.modal-content, .pg-company-settings.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .modal-header, .pg-company-settings.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-settings.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-settings.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_subscription_expired.php (pg-company-subscription-expired) ============ */
.pg-company-subscription-expired, .pg-company-subscription-expired * {margin:0;padding:0;box-sizing:border-box;}
.pg-company-subscription-expired {font-family:"Inter",sans-serif;background: #ffffff;color: #0f172a;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;}
.pg-company-subscription-expired .card {background: rgba(15,23,42,.04);border-radius:24px;padding:40px;max-width:500px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.pg-company-subscription-expired .icon {font-size:64px;margin-bottom:20px;}
.pg-company-subscription-expired h1 {font-size:28px;margin-bottom:16px;}
.pg-company-subscription-expired p {color:#666;margin-bottom:24px;line-height:1.6;}
.pg-company-subscription-expired .btn {display:inline-block;padding:12px32px;background:#e2e8f0;color:#0f172a;text-decoration:none;border-radius:100px;font-weight:600;}
.pg-company-subscription-expired .btn:hover {background:#e2e8f0;}
.pg-company-subscription-expired.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode p { color: #cbd5e1 !important; }
.pg-company-subscription-expired.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-company-subscription-expired {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-company-subscription-expired, .pg-company-subscription-expired {overflow-x:hidden;}
.pg-company-subscription-expired {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-company-subscription-expired::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-company-subscription-expired .app, .pg-company-subscription-expired .main, .pg-company-subscription-expired .admin-main, .pg-company-subscription-expired .admin-container, .pg-company-subscription-expired .page-wrap, .pg-company-subscription-expired .ld-page-wrap {position:relative;z-index:1;}
.pg-company-subscription-expired .edit-card, .pg-company-subscription-expired .card, .pg-company-subscription-expired .section-card, .pg-company-subscription-expired .settings-section, .pg-company-subscription-expired .stat-card, .pg-company-subscription-expired .info-card, .pg-company-subscription-expired .content-card, .pg-company-subscription-expired .panel, .pg-company-subscription-expired .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-company-subscription-expired .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-company-subscription-expired .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-company-subscription-expired .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-company-subscription-expired .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-subscription-expired .nav-item.active a, .pg-company-subscription-expired .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-subscription-expired .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-company-subscription-expired .page-title h1 {color:#0f172a!important;}
.pg-company-subscription-expired .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-company-subscription-expired .form-input, .pg-company-subscription-expired .form-select, .pg-company-subscription-expired .form-textarea, .pg-company-subscription-expired input[type=text], .pg-company-subscription-expired input[type=email], .pg-company-subscription-expired input[type=password], .pg-company-subscription-expired input[type=number], .pg-company-subscription-expired input[type=date], .pg-company-subscription-expired input[type=time], .pg-company-subscription-expired input[type=tel], .pg-company-subscription-expired textarea, .pg-company-subscription-expired select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-company-subscription-expired .form-input::placeholder, .pg-company-subscription-expired .form-textarea::placeholder, .pg-company-subscription-expired input::placeholder, .pg-company-subscription-expired textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-company-subscription-expired .form-input:focus, .pg-company-subscription-expired .form-textarea:focus, .pg-company-subscription-expired input:focus, .pg-company-subscription-expired textarea:focus, .pg-company-subscription-expired select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-company-subscription-expired select option {background:#f1f5f9;color:#0f172a;}
.pg-company-subscription-expired .form-label, .pg-company-subscription-expired label {color:rgba(15,23,42,.7)!important;}
.pg-company-subscription-expired .btn-primary, .pg-company-subscription-expired button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-subscription-expired .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-company-subscription-expired .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-subscription-expired .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-subscription-expired .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-company-subscription-expired table {border-collapse:collapse;}
.pg-company-subscription-expired th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-company-subscription-expired td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-company-subscription-expired tr:last-child td {border-bottom:none!important;}
.pg-company-subscription-expired tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-company-subscription-expired .badge-success, .pg-company-subscription-expired .status-active, .pg-company-subscription-expired .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-company-subscription-expired .badge-danger, .pg-company-subscription-expired .status-expired, .pg-company-subscription-expired .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-company-subscription-expired .badge-warning, .pg-company-subscription-expired .status-pending, .pg-company-subscription-expired .status-Pending, .pg-company-subscription-expired .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-company-subscription-expired .badge-primary, .pg-company-subscription-expired .badge-info, .pg-company-subscription-expired .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-company-subscription-expired .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-company-subscription-expired .alert-error, .pg-company-subscription-expired .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-company-subscription-expired .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-company-subscription-expired h1, .pg-company-subscription-expired h2, .pg-company-subscription-expired h3, .pg-company-subscription-expired h4, .pg-company-subscription-expired h5, .pg-company-subscription-expired h6 {color:#0f172a;}
.pg-company-subscription-expired h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-company-subscription-expired .modal-content, .pg-company-subscription-expired .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-company-subscription-expired .modal-header, .pg-company-subscription-expired .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-company-subscription-expired .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-company-subscription-expired a {color:#38bdf8;}
.pg-company-subscription-expired a:hover {color:#0f172a;}
.pg-company-subscription-expired .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-company-subscription-expired .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-company-subscription-expired .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-company-subscription-expired .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-company-subscription-expired hr {border-color:rgba(29,78,216,.2)!important;}
.pg-company-subscription-expired .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-company-subscription-expired .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-company-subscription-expired .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-company-subscription-expired ::-webkit-scrollbar {width:6px;height:6px;}
.pg-company-subscription-expired ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-company-subscription-expired ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-company-subscription-expired.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode 
.edit-card, .pg-company-subscription-expired.ld-dark-mode .card, .pg-company-subscription-expired.ld-dark-mode .section-card, .pg-company-subscription-expired.ld-dark-mode .settings-section, .pg-company-subscription-expired.ld-dark-mode .stat-card, .pg-company-subscription-expired.ld-dark-mode .info-card, .pg-company-subscription-expired.ld-dark-mode .content-card, .pg-company-subscription-expired.ld-dark-mode .panel, .pg-company-subscription-expired.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-company-subscription-expired.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .nav-item.active a, .pg-company-subscription-expired.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-company-subscription-expired.ld-dark-mode 
.form-input, .pg-company-subscription-expired.ld-dark-mode .form-select, .pg-company-subscription-expired.ld-dark-mode .form-textarea, .pg-company-subscription-expired.ld-dark-mode input[type=text], .pg-company-subscription-expired.ld-dark-mode input[type=email], .pg-company-subscription-expired.ld-dark-mode input[type=password], .pg-company-subscription-expired.ld-dark-mode input[type=number], .pg-company-subscription-expired.ld-dark-mode input[type=date], .pg-company-subscription-expired.ld-dark-mode input[type=time], .pg-company-subscription-expired.ld-dark-mode input[type=tel], .pg-company-subscription-expired.ld-dark-mode textarea, .pg-company-subscription-expired.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .form-input::placeholder, .pg-company-subscription-expired.ld-dark-mode .form-textarea::placeholder, .pg-company-subscription-expired.ld-dark-mode input::placeholder, .pg-company-subscription-expired.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-company-subscription-expired.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .form-label, .pg-company-subscription-expired.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-company-subscription-expired.ld-dark-mode 
.btn-primary, .pg-company-subscription-expired.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-company-subscription-expired.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-company-subscription-expired.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-company-subscription-expired.ld-dark-mode 
h1, .pg-company-subscription-expired.ld-dark-mode h2, .pg-company-subscription-expired.ld-dark-mode h3, .pg-company-subscription-expired.ld-dark-mode h4, .pg-company-subscription-expired.ld-dark-mode h5, .pg-company-subscription-expired.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode 
.modal-content, .pg-company-subscription-expired.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .modal-header, .pg-company-subscription-expired.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-company-subscription-expired.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-company-subscription-expired.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ company_targets.php (pg-company-targets) ============ */
.pg-company-targets {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-company-targets, .pg-company-targets * { margin:0; padding:0; box-sizing:border-box; }
.pg-company-targets, .pg-company-targets { max-width:100%; overflow-x:hidden; }
.pg-company-targets {
            font-family:"Inter",sans-serif;
            background-color:var(--bg-dark);
            color:var(--text-primary);
            line-height:1.5;
            position:relative;
            min-height:100vh;
        }
.pg-company-targets .grid-background {
            position:fixed; top:0; left:0; width:100%; height:100%;
            background-image:linear-gradient(rgba(29,78,216,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,0.03) 1px,transparent 1px);
            background-size:50px 50px; pointer-events:none; z-index:0;
            animation:pg-company-targets-gridMove 20s linear infinite;
        }
@keyframes pg-company-targets-gridMove { 0%{transform:translate(0,0);} 100%{transform:translate(50px,50px);} }
.pg-company-targets .particles { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:1; }
.pg-company-targets .particle { position:absolute; width:3px; height:3px; background:var(--accent-pink); border-radius:50%; opacity:0.3; animation:pg-company-targets-float 15s infinite linear; }
@keyframes pg-company-targets-float { 0%{transform:translateY(100vh) translateX(0); opacity:0;} 10%{opacity:0.5;} 90%{opacity:0.5;} 100%{transform:translateY(-100px) translateX(100px); opacity:0;} }
.pg-company-targets h1, .pg-company-targets h2, .pg-company-targets h3, .pg-company-targets h4, .pg-company-targets h5, .pg-company-targets h6 { font-family:"Space Grotesk",sans-serif; font-weight:700; line-height:1.2; color:var(--text-primary); }
.pg-company-targets a { color:inherit; text-decoration:none; }
.pg-company-targets .app { display:flex; min-height:100vh; position:relative; z-index:10; }
.pg-company-targets .main { flex:1; margin-left:280px; padding:2rem; transition:margin-left 0.3s; width:calc(100% - 280px); max-width:100%; overflow-x:hidden; position:relative; z-index:5; }
.pg-company-targets .top-bar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; margin-bottom:2rem; }
.pg-company-targets .page-title h1 { font-size:2.5rem; font-weight:800; background:var(--gradient-primary); -webkit-background-clip:text; background-clip:text; color:transparent; letter-spacing:-0.02em; margin-bottom:0.25rem; }
.pg-company-targets .page-title p { color:var(--text-secondary); margin-top:0.25rem; }
.pg-company-targets .menu-toggle { background:none; border:none; font-size:1.5rem; cursor:pointer; color:var(--text-primary); display:none; }
.pg-company-targets .header-actions { display:flex; gap:12px; }
.pg-company-targets .btn { padding:10px 20px; border-radius:100px; font-weight:600; font-size:13px; cursor:pointer; border:none; transition:all 0.3s; text-decoration:none; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.pg-company-targets .btn-primary { background:var(--gradient-primary); color:var(--bg-dark); background-size:200% auto; }
.pg-company-targets .btn-primary:hover { background-position:right center; transform:translateY(-2px); box-shadow:0 10px 20px rgba(29,78,216,0.3); }
.pg-company-targets .btn-outline { background:transparent; border:1.5px solid var(--border-glow); color:var(--text-primary); }
.pg-company-targets .btn-outline:hover { background:rgba(29,78,216,0.1); border-color:var(--accent-pink); }
.pg-company-targets .btn-success { background:var(--success-green); color:#0f172a; }
.pg-company-targets .btn-success:hover { background:#059669; transform:translateY(-2px); }
.pg-company-targets .btn-warning { background:var(--warning-orange); color:#0f172a; }
.pg-company-targets .btn-warning:hover { background:#d97706; transform:translateY(-2px); }
.pg-company-targets .btn-danger { background:var(--danger-red); color:#0f172a; }
.pg-company-targets .btn-danger:hover { background:#dc2626; transform:translateY(-2px); }
.pg-company-targets .alert { padding:1rem 1.25rem; border-radius:16px; margin-bottom:1.5rem; font-size:0.875rem; display:flex; align-items:center; justify-content:space-between; animation:pg-company-targets-slideDown 0.3s ease-out; }
.pg-company-targets .alert-success { background:rgba(16,185,129,0.1); color:var(--success-green); border:1px solid rgba(16,185,129,0.3); }
.pg-company-targets .alert-error { background:rgba(239,68,68,0.1); color:var(--danger-red); border:1px solid rgba(239,68,68,0.3); }
.pg-company-targets .alert-close { background:none; border:none; color:inherit; cursor:pointer; opacity:0.5; }
.pg-company-targets .search-bar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.pg-company-targets .search-input { padding:10px 16px; background:rgba(15,23,42,0.05); border:1px solid var(--border-glow); border-radius:100px; font-size:14px; color:var(--text-primary); width:250px; }
.pg-company-targets .search-input:focus { outline:none; border-color:var(--accent-pink); }
.pg-company-targets .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-bottom:2rem; }
.pg-company-targets .stat-card { background:var(--bg-card); border:1px solid var(--border-glow); border-radius:20px; padding:1.5rem; backdrop-filter:blur(10px); transition:all 0.3s; }
.pg-company-targets .stat-card:hover { transform:translateY(-5px); border-color:var(--accent-pink); box-shadow:0 20px 30px rgba(29,78,216,0.2); }
.pg-company-targets .stat-label { font-size:0.75rem; font-weight:600; text-transform:uppercase; color:var(--text-muted); margin-bottom:0.5rem; }
.pg-company-targets .stat-value { font-size:2.2rem; font-weight:700; background:var(--gradient-primary); -webkit-background-clip:text; background-clip:text; color:transparent; line-height:1.2; }
.pg-company-targets .stat-sub { font-size:0.75rem; color:var(--text-muted); margin-top:0.25rem; }
.pg-company-targets .bulk-actions-bar { background:var(--bg-card); border:1px solid var(--border-glow); border-radius:20px; padding:1rem 1.5rem; margin-bottom:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; backdrop-filter:blur(10px); }
.pg-company-targets .bulk-actions-left { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.pg-company-targets .checkbox-label { display:flex; align-items:center; gap:8px; cursor:pointer; color:var(--text-secondary); }
.pg-company-targets .checkbox-label input { width:18px; height:18px; cursor:pointer; }
.pg-company-targets .selected-count { font-size:13px; color:var(--text-muted); }
.pg-company-targets .bulk-delete-btn { background:var(--danger-red); color:#0f172a; border:none; padding:8px 20px; border-radius:100px; font-weight:600; cursor:pointer; transition:all 0.2s; }
.pg-company-targets .bulk-delete-btn:hover { background:#dc2626; transform:translateY(-2px); }
.pg-company-targets .bulk-delete-btn:disabled { opacity:0.5; cursor:not-allowed; transform:none; }
.pg-company-targets .target-card { background:var(--bg-card); border:1px solid var(--border-glow); border-radius:20px; margin-bottom:1.5rem; overflow:hidden; backdrop-filter:blur(10px); transition:all 0.3s; position:relative; }
.pg-company-targets .target-card:hover { border-color:var(--accent-pink); box-shadow:0 20px 30px rgba(29,78,216,0.2); }
.pg-company-targets .target-checkbox { position:absolute; top:20px; left:20px; z-index:10; }
.pg-company-targets .target-checkbox input { width:20px; height:20px; cursor:pointer; }
.pg-company-targets .target-header { background:linear-gradient(135deg,var(--primary-purple),var(--bg-dark)); color:#0f172a; padding:20px 24px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.pg-company-targets .target-header.has-checkbox { padding-left:60px; }
.pg-company-targets .target-title { font-size:20px; font-weight:700; }
.pg-company-targets .target-badge { background:rgba(15,23,42,0.2); padding:6px 12px; border-radius:100px; font-size:12px; }
.pg-company-targets .target-body { padding:24px; }
.pg-company-targets .target-description { color:var(--text-secondary); margin-bottom:20px; }
.pg-company-targets .target-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:24px; }
.pg-company-targets .stat-box { background:rgba(15,23,42,0.03); padding:16px; border-radius:12px; text-align:center; border:1px solid var(--border-glow); }
.pg-company-targets .stat-box-label { font-size:12px; color:var(--text-muted); margin-bottom:4px; }
.pg-company-targets .stat-box-value { font-size:24px; font-weight:700; color:var(--text-primary); }
.pg-company-targets .progress-container { margin-bottom:24px; }
.pg-company-targets .progress-header { display:flex; justify-content:space-between; margin-bottom:8px; font-size:14px; color:var(--text-secondary); }
.pg-company-targets .progress-bar { height:8px; background:rgba(15,23,42,0.1); border-radius:4px; overflow:hidden; }
.pg-company-targets .progress-fill { height:100%; background:var(--gradient-primary); border-radius:4px; transition:width 0.3s; }
.pg-company-targets .progress-fill.completed { background:var(--success-green); }
.pg-company-targets .child-targets-section { margin-top:24px; padding-top:24px; border-top:1px solid var(--border-glow); }
.pg-company-targets .child-targets-title { font-size:1rem; font-weight:600; margin-bottom:1rem; display:flex; align-items:center; gap:8px; }
.pg-company-targets .child-targets-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1rem; }
.pg-company-targets .child-target-card { background:rgba(15,23,42,0.03); border-radius:12px; padding:1rem; border:1px solid var(--border-glow); }
.pg-company-targets .child-target-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; flex-wrap:wrap; gap:8px; }
.pg-company-targets .child-target-name { font-weight:600; font-size:14px; }
.pg-company-targets .child-target-category { font-size:11px; padding:2px 8px; border-radius:100px; background:rgba(15,23,42,0.1); }
.pg-company-targets .category-sales { background:rgba(29,78,216,0.2); color:var(--primary-purple); }
.pg-company-targets .category-autoship { background:rgba(56,189,248,0.2); color:var(--accent-pink); }
.pg-company-targets .category-new_joined { background:rgba(16,185,129,0.2); color:var(--success-green); }
.pg-company-targets .child-target-progress { margin:12px 0; }
.pg-company-targets .child-target-progress .progress-bar { height:6px; }
.pg-company-targets .child-target-values { font-size:12px; color:var(--text-muted); margin-top:8px; }
.pg-company-targets .target-actions { display:flex; gap:12px; margin-top:20px; justify-content:flex-end; flex-wrap:wrap; }
.pg-company-targets .status-select { padding:8px 12px; background:rgba(15,23,42,0.05); border:1px solid var(--border-glow); border-radius:8px; font-size:13px; color:var(--text-primary); }
.pg-company-targets .status-select option { background:var(--bg-dark); color:var(--text-primary); }
.pg-company-targets .breakdown-history { background:var(--bg-card); border:1px solid var(--border-glow); border-radius:20px; padding:1.5rem; margin-top:2rem; backdrop-filter:blur(10px); }
.pg-company-targets .breakdown-history h3 { font-size:1.125rem; margin-bottom:1.25rem; }
.pg-company-targets .breakdown-table { width:100%; border-collapse:collapse; }
.pg-company-targets .breakdown-table th { text-align:left; padding:12px 16px; background:rgba(15,23,42,0.02); font-weight:600; font-size:12px; color:var(--text-muted); border-bottom:1px solid var(--border-glow); }
.pg-company-targets .breakdown-table td { padding:12px 16px; border-bottom:1px solid var(--border-glow); font-size:13px; color:var(--text-secondary); }
.pg-company-targets .modal { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); backdrop-filter:blur(5px); z-index:1000; align-items:center; justify-content:center; }
.pg-company-targets .modal.show { display:flex; }
.pg-company-targets .modal-content { background:var(--bg-dark); border:1px solid var(--border-glow); border-radius:24px; padding:2rem; max-width:500px; width:90%; max-height:90vh; overflow-y:auto; }
.pg-company-targets .modal-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; }
.pg-company-targets .modal-header h2 { font-size:1.5rem; background:var(--gradient-primary); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pg-company-targets .modal-close { background:none; border:none; font-size:1.5rem; cursor:pointer; color:var(--text-muted); }
.pg-company-targets .modal-footer { display:flex; justify-content:flex-end; gap:12px; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--border-glow); }
.pg-company-targets .warning-text { color:var(--danger-red); margin-bottom:1rem; padding:0.75rem; background:rgba(239,68,68,0.1); border-radius:12px; }
.pg-company-targets .empty-state { text-align:center; padding:3rem; background:var(--bg-card); border-radius:20px; border:1px solid var(--border-glow); color:var(--text-muted); }
.pg-company-targets .empty-state span { font-size:3rem; display:block; margin-bottom:1rem; opacity:0.5; }
.pg-company-targets .empty-state h3 { font-size:1.25rem; margin-bottom:0.5rem; }
.pg-company-targets .empty-state p { margin-bottom:1.5rem; }
.pg-company-targets .radio-group { display:flex; gap:20px; margin-bottom:20px; }
.pg-company-targets .radio-group label { display:flex; align-items:center; gap:8px; cursor:pointer; color:var(--text-secondary); }
.pg-company-targets .radio-group input { width:18px; height:18px; cursor:pointer; }
.pg-company-targets .form-group { margin-bottom:20px; }
.pg-company-targets .form-label { display:block; font-size:12px; font-weight:600; margin-bottom:6px; text-transform:uppercase; color:var(--text-muted); letter-spacing:0.5px; }
.pg-company-targets .form-input, .pg-company-targets .form-select, .pg-company-targets .form-textarea { width:100%; padding:10px 14px; background:rgba(15,23,42,0.05); border:1px solid var(--border-glow); border-radius:10px; font-size:14px; color:var(--text-primary); font-family:inherit; }
.pg-company-targets .form-input:focus, .pg-company-targets .form-select:focus, .pg-company-targets .form-textarea:focus { outline:none; border-color:var(--accent-pink); }
.pg-company-targets .form-textarea { min-height:80px; resize:vertical; }
.pg-company-targets .form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.pg-company-targets .checkbox-group { display:flex; align-items:center; gap:12px; margin:16px 0; color:var(--text-secondary); }
.pg-company-targets .sidebar { background:rgba(255,255,255,0.95) !important; border-right:1px solid var(--border-glow) !important; backdrop-filter:blur(10px); }
.pg-company-targets .sidebar-logo { background:var(--gradient-primary) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; border-bottom-color:var(--border-glow) !important; }
.pg-company-targets .nav-item a { color:var(--text-secondary) !important; }
.pg-company-targets .nav-item a:hover { background:rgba(29,78,216,0.1) !important; color:#0f172a !important; }
.pg-company-targets .nav-item.active a { background:var(--gradient-primary) !important; color:var(--bg-dark) !important; }
@media  (max-width:1024px)  { .pg-company-targets .stats-grid { grid-template-columns:repeat(2,1fr); } }
@media  (max-width:768px)  { .pg-company-targets .sidebar { transform:translateX(-100%); position:fixed; z-index:1000; transition:transform 0.3s; }
.pg-company-targets .sidebar.open { transform:translateX(0); }
.pg-company-targets .main { margin-left:0; padding:1rem; width:100%; }
.pg-company-targets .menu-toggle { display:block; }
.pg-company-targets .stats-grid { grid-template-columns:1fr; }
.pg-company-targets .form-row { grid-template-columns:1fr; }
.pg-company-targets .target-header { flex-direction:column; align-items:flex-start; }
.pg-company-targets .bulk-actions-bar { flex-direction:column; align-items:stretch; }
.pg-company-targets .search-input { width:100%; } }
.pg-company-targets .side-nav-close { position:absolute; top:20px; right:20px; font-size:20px; background:none; border:none; color:#0f172a; cursor:pointer; display:none; }
@media  (max-width:768px)  { .pg-company-targets .side-nav-close { display:block; } }
@keyframes pg-company-targets-slideDown { from{opacity:0;transform:translateY(-10px);} to{opacity:1;transform:translateY(0);} }
.pg-company-targets .monthly-breakdown summary {outline:none;list-style:none;}
.pg-company-targets .monthly-breakdown summary::-webkit-details-marker {display:none;}
.pg-company-targets.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .bulk-delete-btn { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .target-header { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-targets.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_teams.php (pg-company-teams) ============ */
.pg-company-teams {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-company-teams, .pg-company-teams * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-teams, .pg-company-teams { max-width: 100%; overflow-x: hidden; }
.pg-company-teams {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-teams .grid-background {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background-image: linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px; pointer-events: none; z-index: 0; animation: pg-company-teams-gridMove 20s linear infinite;
        }
@keyframes pg-company-teams-gridMove { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } }
.pg-company-teams .particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; }
.pg-company-teams .particle { position: absolute; width: 3px; height: 3px; background: var(--accent-pink); border-radius: 50%; opacity: 0.3; animation: pg-company-teams-float 15s infinite linear; }
@keyframes pg-company-teams-float { 0% { transform: translateY(100vh) translateX(0); opacity: 0; } 10% { opacity: 0.5; } 90% { opacity: 0.5; } 100% { transform: translateY(-100px) translateX(100px); opacity: 0; } }
.pg-company-teams h1, .pg-company-teams h2, .pg-company-teams h3, .pg-company-teams h4, .pg-company-teams h5, .pg-company-teams h6 { font-family: "Space Grotesk", sans-serif; font-weight: 700; line-height: 1.2; color: var(--text-primary); }
.pg-company-teams a { color: inherit; text-decoration: none; }
.pg-company-teams .app { display: flex; min-height: 100vh; position: relative; z-index: 10; }
.pg-company-teams .main { flex: 1; margin-left: 280px; padding: 2rem; transition: margin-left 0.3s; width: calc(100% - 280px); max-width: 100%; overflow-x: hidden; position: relative; z-index: 5; }
.pg-company-teams .top-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; }
.pg-company-teams .page-title h1 { font-size: 2.5rem; font-weight: 800; background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: -0.02em; margin-bottom: 0.25rem; }
.pg-company-teams .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-teams .menu-toggle { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-primary); display: none; }
.pg-company-teams .header-actions { display: flex; gap: 12px; }
.pg-company-teams .btn { padding: 10px 20px; border-radius: 100px; font-weight: 600; font-size: 13px; cursor: pointer; border: none; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.pg-company-teams .btn-primary { background: var(--gradient-primary); color: var(--bg-dark); background-size: 200% auto; }
.pg-company-teams .btn-primary:hover { background-position: right center; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(29,78,216, 0.3); }
.pg-company-teams .btn-outline { background: transparent; border: 1.5px solid var(--border-glow); color: var(--text-primary); }
.pg-company-teams .btn-outline:hover { background: rgba(29,78,216, 0.1); border-color: var(--accent-pink); }
.pg-company-teams .alert { padding: 1rem 1.25rem; border-radius: 16px; margin-bottom: 1.5rem; font-size: 0.875rem; display: flex; align-items: center; justify-content: space-between; animation: pg-company-teams-slideDown 0.3s ease-out; }
.pg-company-teams .alert-success { background: rgba(16, 185, 129, 0.1); color: var(--success-green); border: 1px solid rgba(16, 185, 129, 0.3); }
.pg-company-teams .alert-error { background: rgba(239, 68, 68, 0.1); color: var(--danger-red); border: 1px solid rgba(239, 68, 68, 0.3); }
.pg-company-teams .alert-close { background: none; border: none; color: inherit; cursor: pointer; opacity: 0.5; }
.pg-company-teams .search-section { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; padding: 1.5rem; margin-bottom: 1.5rem; backdrop-filter: blur(10px); }
.pg-company-teams .search-box { display: flex; gap: 0.75rem; align-items: center; flex-wrap: wrap; }
.pg-company-teams .search-input { flex: 2; min-width: 200px; padding: 0.75rem 1rem; background: rgba(15,23,42,0.05); border: 1.5px solid var(--border-glow); border-radius: 12px; font-size: 0.875rem; color: var(--text-primary); }
.pg-company-teams .search-input:focus { outline: none; border-color: var(--accent-pink); }
.pg-company-teams .filter-select { flex: 1; min-width: 150px; padding: 0.75rem 1rem; background: rgba(15,23,42,0.05); border: 1.5px solid var(--border-glow); border-radius: 12px; color: var(--text-primary); font-size: 0.875rem; }
.pg-company-teams .filter-select option { background: var(--bg-dark); color: var(--text-primary); }
.pg-company-teams .btn-search { padding: 0.75rem 1.5rem; background: var(--gradient-primary); color: var(--bg-dark); border: none; border-radius: 12px; cursor: pointer; font-weight: 600; font-size: 0.875rem; transition: all 0.2s; }
.pg-company-teams .btn-search:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(29,78,216, 0.3); }
.pg-company-teams .btn-reset { padding: 0.75rem 1.5rem; background: transparent; border: 1.5px solid var(--border-glow); border-radius: 12px; cursor: pointer; text-decoration: none; color: var(--text-primary); font-weight: 600; font-size: 0.875rem; transition: all 0.2s; display: inline-flex; align-items: center; }
.pg-company-teams .btn-reset:hover { background: rgba(29,78,216, 0.1); border-color: var(--accent-pink); }
.pg-company-teams .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; margin-bottom: 2rem; }
.pg-company-teams .stat-card { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; padding: 1.5rem; backdrop-filter: blur(10px); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; }
.pg-company-teams .stat-card::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent); transition: left 0.5s ease; }
.pg-company-teams .stat-card:hover::before { left: 100%; }
.pg-company-teams .stat-card:hover { transform: translateY(-5px); border-color: var(--accent-pink); box-shadow: 0 20px 30px rgba(29,78,216, 0.2); }
.pg-company-teams .stat-label { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); margin-bottom: 0.5rem; }
.pg-company-teams .stat-value { font-size: 2.2rem; font-weight: 700; background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; line-height: 1.2; }
.pg-company-teams .stat-note { font-size: 0.7rem; color: var(--text-muted); margin-top: 4px; font-style: italic; }
.pg-company-teams .tabs { display: flex; gap: 8px; margin-bottom: 24px; background: var(--bg-card); padding: 6px; border-radius: 40px; border: 1px solid var(--border-glow); width: fit-content; }
.pg-company-teams .tab { padding: 10px 24px; border-radius: 40px; cursor: pointer; font-weight: 600; transition: all 0.2s; border: none; background: transparent; font-size: 14px; color: var(--text-secondary); }
.pg-company-teams .tab:hover { background: rgba(29,78,216, 0.1); color: #0f172a; }
.pg-company-teams .tab.active { background: var(--gradient-primary); color: var(--bg-dark); }
.pg-company-teams .tab-content { display: none; animation: pg-company-teams-fadeIn 0.3s ease-out; }
.pg-company-teams .tab-content.active { display: block; }
.pg-company-teams .teams-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; }
.pg-company-teams .team-card { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; padding: 1.5rem; backdrop-filter: blur(10px); transition: all 0.3s ease; }
.pg-company-teams .team-card:hover { transform: translateY(-4px); border-color: var(--accent-pink); box-shadow: 0 20px 30px rgba(29,78,216, 0.2); }
.pg-company-teams .team-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: 8px; }
.pg-company-teams .team-name { font-size: 1.125rem; font-weight: 600; color: var(--text-primary); }
.pg-company-teams .leader-name { font-size: 0.75rem; color: var(--success-green); background: rgba(16, 185, 129, 0.1); padding: 4px 12px; border-radius: 40px; }
.pg-company-teams .team-stats { display: flex; gap: 20px; margin: 20px 0; padding: 16px 0; border-top: 1px solid var(--border-glow); border-bottom: 1px solid var(--border-glow); }
.pg-company-teams .team-stat { flex: 1; text-align: center; }
.pg-company-teams .team-stat-value { font-size: 1.25rem; font-weight: 700; color: var(--text-primary); }
.pg-company-teams .team-stat-label { font-size: 0.7rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.3px; margin-top: 4px; }
.pg-company-teams .team-created { font-size: 0.75rem; color: var(--text-muted); }
.pg-company-teams .team-actions { margin-top: 1rem; display: flex; gap: 10px; justify-content: flex-end; }
.pg-company-teams .btn-view { background: var(--gradient-primary); color: var(--bg-dark); border: none; padding: 8px 16px; border-radius: 40px; cursor: pointer; font-size: 0.8rem; font-weight: 500; transition: all 0.2s; }
.pg-company-teams .btn-view:hover { transform: translateY(-2px); }
.pg-company-teams .modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); z-index: 1000; align-items: center; justify-content: center; }
.pg-company-teams .modal.show { display: flex; }
.pg-company-teams .modal-content { background: var(--bg-dark); border: 1px solid var(--border-glow); border-radius: 24px; padding: 2rem; max-width: 800px; width: 90%; max-height: 90vh; overflow-y: auto; }
.pg-company-teams .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-glow); padding-bottom: 1rem; }
.pg-company-teams .modal-header h2 { font-size: 1.5rem; background: var(--gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pg-company-teams .modal-close { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--text-muted); }
.pg-company-teams .modal-close:hover { color: var(--accent-pink); }
.pg-company-teams .team-detail { margin-bottom: 1.5rem; padding: 1rem; background: rgba(15,23,42,0.03); border-radius: 1rem; }
.pg-company-teams .team-detail p { margin: 0.5rem 0; }
.pg-company-teams .members-list { margin-top: 1.25rem; }
.pg-company-teams .members-list table { width: 100%; border-collapse: collapse; }
.pg-company-teams .members-list th, .pg-company-teams .members-list td { padding: 0.75rem; text-align: left; border-bottom: 1px solid var(--border-glow); }
.pg-company-teams .members-list th { background: rgba(15,23,42,0.02); font-weight: 600; }
.pg-company-teams .edit-password-btn { background: var(--warning-orange); color: #0f172a; border: none; padding: 4px 12px; border-radius: 20px; cursor: pointer; font-size: 0.75rem; }
.pg-company-teams .edit-password-btn:hover { background: #d97706; }
.pg-company-teams .password-modal .modal-content { max-width: 400px; }
.pg-company-teams .form-group { margin-bottom: 1.25rem; }
.pg-company-teams .form-label { display: block; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.25rem; text-transform: uppercase; color: var(--text-muted); }
.pg-company-teams .form-input { width: 100%; padding: 0.75rem 1rem; background: rgba(15,23,42,0.05); border: 1.5px solid var(--border-glow); border-radius: 12px; font-size: 0.875rem; color: var(--text-primary); }
.pg-company-teams .modal-footer { display: flex; justify-content: flex-end; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--border-glow); }
.pg-company-teams .members-table-container { background: var(--bg-card); border: 1px solid var(--border-glow); border-radius: 20px; overflow: hidden; backdrop-filter: blur(10px); }
.pg-company-teams .table-header { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-glow); display: flex; justify-content: space-between; align-items: center; }
.pg-company-teams .table-header h2 { font-size: 1.125rem; font-weight: 600; color: var(--text-primary); }
.pg-company-teams .members-table { width: 100%; border-collapse: collapse; }
.pg-company-teams .members-table th { text-align: left; padding: 1rem 1.5rem; background: rgba(15,23,42,0.02); font-weight: 600; font-size: 0.8rem; color: var(--text-muted); border-bottom: 1px solid var(--border-glow); text-transform: uppercase; letter-spacing: 0.3px; }
.pg-company-teams .members-table td { padding: 1rem 1.5rem; border-bottom: 1px solid var(--border-glow); font-size: 0.875rem; vertical-align: middle; color: var(--text-secondary); }
.pg-company-teams .members-table tr:hover { background: rgba(15,23,42,0.02); }
.pg-company-teams .member-info { display: flex; align-items: center; gap: 0.75rem; }
.pg-company-teams .member-avatar { width: 40px; height: 40px; background: var(--gradient-primary); color: var(--bg-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 1rem; }
.pg-company-teams .status-badge { padding: 0.375rem 0.75rem; border-radius: 100px; font-size: 0.75rem; font-weight: 600; display: inline-block; }
.pg-company-teams .status-active { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-company-teams .status-inactive { background: rgba(239, 68, 68, 0.2); color: var(--danger-red); }
.pg-company-teams .empty-state { text-align: center; padding: 3rem; background: var(--bg-card); border-radius: 20px; border: 1px solid var(--border-glow); color: var(--text-muted); }
.pg-company-teams .empty-state span { font-size: 3.5rem; display: block; margin-bottom: 1rem; opacity: 0.5; }
.pg-company-teams .empty-state h3 { font-size: 1.25rem; margin-bottom: 0.5rem; }
.pg-company-teams .sidebar { background: rgba(255,255,255,0.95) !important; border-right: 1px solid var(--border-glow) !important; backdrop-filter: blur(10px); }
.pg-company-teams .sidebar-logo { background: var(--gradient-primary) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; border-bottom-color: var(--border-glow) !important; }
.pg-company-teams .nav-item a { color: var(--text-secondary) !important; }
.pg-company-teams .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-company-teams .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@keyframes pg-company-teams-slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pg-company-teams-fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media  (max-width: 1024px)  { .pg-company-teams .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-company-teams .sidebar { transform: translateX(-100%); position: fixed; z-index: 1000; transition: transform 0.3s; }
.pg-company-teams .sidebar.open { transform: translateX(0); }
.pg-company-teams .main { margin-left: 0; padding: 1rem; width: 100%; }
.pg-company-teams .menu-toggle { display: block; }
.pg-company-teams .stats-grid { grid-template-columns: 1fr; }
.pg-company-teams .search-box { flex-direction: column; align-items: stretch; }
.pg-company-teams .members-table { min-width: 800px; }
.pg-company-teams .members-table-container { overflow-x: auto; }
.pg-company-teams .modal-content { width: 95%; padding: 1.5rem; } }
.pg-company-teams .side-nav-close { position: absolute; top: 20px; right: 20px; font-size: 20px; background: none; border: none; color: #0f172a; cursor: pointer; display: none; }
@media  (max-width: 768px)  { .pg-company-teams .side-nav-close { display: block; } }
.pg-company-teams.ld-dark-mode .tab:hover { color: #f1f5f9 !important; }
.pg-company-teams.ld-dark-mode .edit-password-btn { color: #f1f5f9 !important; }
.pg-company-teams.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-company-teams.ld-dark-mode .side-nav-close { color: #f1f5f9 !important; }


/* ============ company_training.php (pg-company-training) ============ */
.pg-company-training {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
        }
.pg-company-training, .pg-company-training * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-company-training, .pg-company-training { max-width: 100%; overflow-x: hidden; }
.pg-company-training {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-company-training .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-company-training-gridMove 20s linear infinite;
        }
@keyframes pg-company-training-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-company-training .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-company-training .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-company-training-float 15s infinite linear;
        }
@keyframes pg-company-training-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-company-training h1, .pg-company-training h2, .pg-company-training h3, .pg-company-training h4, .pg-company-training h5, .pg-company-training h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-company-training a { color: inherit; text-decoration: none; }
.pg-company-training .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-company-training .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-company-training .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-company-training .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-company-training .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-company-training .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-company-training .header-actions {
            display: flex;
            gap: 12px;
        }
.pg-company-training .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-company-training .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-company-training .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-company-training .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-company-training .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-training .btn-danger {
            background: var(--danger-red);
            color: #0f172a;
        }
.pg-company-training .btn-danger:hover {
            background: #dc2626;
            transform: translateY(-2px);
        }
.pg-company-training .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-company-training-slideDown 0.3s ease-out;
        }
.pg-company-training .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-company-training .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-company-training .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-company-training .compose-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            margin-bottom: 32px;
            backdrop-filter: blur(10px);
        }
.pg-company-training .compose-card h2 {
            font-size: 1.25rem;
            margin-bottom: 20px;
            color: var(--text-primary);
        }
.pg-company-training .form-group {
            margin-bottom: 20px;
        }
.pg-company-training .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
        }
.pg-company-training .form-input, .pg-company-training .form-select, .pg-company-training .form-textarea {
            width: 100%;
            padding: 12px 16px;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.9375rem;
            color: var(--text-primary);
            font-family: "Inter", sans-serif;
        }
.pg-company-training .form-input:focus, .pg-company-training .form-select:focus, .pg-company-training .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-company-training .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-company-training .form-textarea {
            min-height: 100px;
            resize: vertical;
        }
.pg-company-training .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
.pg-company-training small {
            color: var(--text-muted);
            font-size: 0.75rem;
        }
.pg-company-training .training-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
.pg-company-training .training-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 20px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }
.pg-company-training .training-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-company-training .training-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
        }
.pg-company-training .training-icon {
            width: 50px;
            height: 50px;
            background: rgba(29,78,216, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: var(--accent-pink);
        }
.pg-company-training .training-info {
            flex: 1;
        }
.pg-company-training .training-category {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--accent-pink);
        }
.pg-company-training .training-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 4px;
            color: var(--text-primary);
        }
.pg-company-training .training-meta {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-company-training .training-description {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 16px;
            line-height: 1.6;
        }
.pg-company-training .training-type {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 4px 12px;
            background: rgba(15,23,42,0.05);
            border-radius: 100px;
            font-size: 0.75rem;
            margin-bottom: 16px;
            color: var(--text-secondary);
        }
.pg-company-training .training-actions {
            display: flex;
            gap: 12px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border-glow);
        }
.pg-company-training .btn-view {
            flex: 1;
            padding: 10px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border: none;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            background-size: 200% auto;
        }
.pg-company-training .btn-view:hover {
            background-position: right center;
        }
.pg-company-training .btn-icon {
            padding: 10px 16px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 8px;
            cursor: pointer;
            font-size: 0.875rem;
            transition: all 0.2s;
            color: var(--text-secondary);
            text-decoration: none;
        }
.pg-company-training .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-company-training .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
        }
.pg-company-training .empty-state i {
            font-size: 3rem;
            margin-bottom: 16px;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-company-training .empty-state h3 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
.pg-company-training .empty-state p {
            color: var(--text-muted);
        }
@keyframes pg-company-training-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-company-training .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-company-training .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-company-training .nav-item a { color: var(--text-secondary) !important; }
.pg-company-training .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-company-training .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 1024px)  { .pg-company-training .training-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-company-training .sidebar {
                transform: translateX(-100%);
                z-index: 1000;
            }
.pg-company-training .sidebar.open { transform: translateX(0); }
.pg-company-training .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-company-training .training-grid { grid-template-columns: 1fr; }
.pg-company-training .form-row { grid-template-columns: 1fr; }
.pg-company-training .menu-toggle { display: block; }
.pg-company-training .page-title h1 { font-size: 2rem; } }
.pg-company-training.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-company-training.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ convert_points.php (pg-convert-points) ============ */
.pg-convert-points {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-convert-points, .pg-convert-points * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-convert-points, .pg-convert-points { max-width: 100%; overflow-x: hidden; }
.pg-convert-points {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-convert-points .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-convert-points-gridMove 20s linear infinite;
        }
@keyframes pg-convert-points-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-convert-points .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-convert-points .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-convert-points-float 15s infinite linear;
        }
@keyframes pg-convert-points-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-convert-points h1, .pg-convert-points h2, .pg-convert-points h3, .pg-convert-points h4, .pg-convert-points h5, .pg-convert-points h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-convert-points a { color: inherit; text-decoration: none; }
.pg-convert-points .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-convert-points .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-convert-points .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-convert-points .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-convert-points .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-convert-points .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-convert-points .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-convert-points .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-convert-points .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-convert-points .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-convert-points .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-convert-points .btn-secondary {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            cursor: pointer;
        }
.pg-convert-points .btn-secondary:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-convert-points .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            gap: 12px;
            animation: pg-convert-points-slideDown 0.3s ease-out;
        }
.pg-convert-points .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-convert-points .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-convert-points .points-summary {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-convert-points .points-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            padding: 1.5rem;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            text-align: center;
            transition: all 0.3s ease;
        }
.pg-convert-points .points-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-convert-points .points-value {
            font-size: 2.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 4px;
        }
.pg-convert-points .points-label {
            color: var(--text-muted);
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-convert-points .rewards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1.5rem;
        }
.pg-convert-points .reward-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
        }
.pg-convert-points .reward-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-convert-points .reward-name {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--text-primary);
        }
.pg-convert-points .reward-description {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 16px;
            line-height: 1.6;
            flex: 1;
        }
.pg-convert-points .reward-points {
            color: var(--warning-orange);
            font-weight: 700;
            font-size: 1.25rem;
            margin: 12px 0 4px;
        }
.pg-convert-points .reward-amount {
            font-size: 0.875rem;
            color: var(--text-muted);
            margin-bottom: 16px;
        }
.pg-convert-points .btn-claim {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border: none;
            padding: 12px 16px;
            border-radius: 100px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.875rem;
            width: 100%;
            transition: all 0.3s ease;
            background-size: 200% auto;
            margin-top: auto;
        }
.pg-convert-points .btn-claim:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-convert-points .btn-claim:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
.pg-convert-points .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-convert-points .modal.show { display: flex; }
.pg-convert-points .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-convert-points .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-convert-points .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-convert-points .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-convert-points .modal-close:hover { color: var(--accent-pink); }
.pg-convert-points .form-group { margin-bottom: 1.25rem; }
.pg-convert-points .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-convert-points .form-input {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
            font-family: "Inter", sans-serif;
        }
.pg-convert-points .form-input:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-convert-points textarea.form-input {
            min-height: 100px;
            resize: vertical;
        }
.pg-convert-points .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-convert-points .empty-state {
            grid-column: 1 / -1;
            text-align: center;
            padding: 3rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            color: var(--text-muted);
        }
.pg-convert-points .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
@keyframes pg-convert-points-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-convert-points .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-convert-points .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-convert-points .nav-item a { color: var(--text-secondary) !important; }
.pg-convert-points .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-convert-points .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-convert-points .sidebar { transform: translateX(-100%); }
.pg-convert-points .sidebar.open { transform: translateX(0); }
.pg-convert-points .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-convert-points .menu-toggle { display: block; }
.pg-convert-points .points-summary { grid-template-columns: 1fr; }
.pg-convert-points .rewards-grid { grid-template-columns: 1fr; }
.pg-convert-points .page-title h1 { font-size: 2rem; } }
.pg-convert-points.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ dashboard.php (pg-dashboard) ============ */
.pg-dashboard {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --gradient-bg: radial-gradient(circle at 30% 30%, rgba(29,78,216, 0.15), transparent 70%);
            --success-green: #10b981;
            --danger-red: #ef4444;
        }
.pg-dashboard, .pg-dashboard * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-dashboard, .pg-dashboard {
            overflow-x: hidden;
            width: 100%;
            max-width: 100%;
        }
.pg-dashboard {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-dashboard .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-dashboard-gridMove 20s linear infinite;
        }
@keyframes pg-dashboard-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-dashboard .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-dashboard .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-dashboard-float 15s infinite linear;
        }
@keyframes pg-dashboard-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-dashboard h1, .pg-dashboard h2, .pg-dashboard h3, .pg-dashboard h4, .pg-dashboard h5, .pg-dashboard h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-dashboard a { color: inherit; text-decoration: none; }
.pg-dashboard .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-dashboard .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-dashboard .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
            position: relative;
        }
.pg-dashboard .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
            animation: pg-dashboard-titleGlow 3s ease-in-out infinite;
        }
@keyframes pg-dashboard-titleGlow {
            0%, 100% { filter: drop-shadow(0 0 10px rgba(29,78,216, 0.3)); }
            50% { filter: drop-shadow(0 0 20px rgba(29,78,216, 0.6)); }
        }
.pg-dashboard .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-dashboard .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-dashboard .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-dashboard .notifications { position: relative; }
.pg-dashboard .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-dashboard .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-dashboard .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-dashboard .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-dashboard .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-dashboard .user-info { display: none; }
@media  (min-width: 768px)  { .pg-dashboard .user-info { display: block; }
.pg-dashboard .user-name { font-weight: 600; font-size: 14px; }
.pg-dashboard .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-dashboard .leader-btn {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 0.5rem 1.25rem;
            border-radius: 2rem;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.875rem;
            transition: all 0.3s ease;
            background-size: 200% auto;
            border: none;
            cursor: pointer;
            display: inline-block;
        }
.pg-dashboard .leader-btn:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-dashboard .leader-btn.pending {
            background: var(--bg-card);
            color: var(--text-muted);
            border: 1px solid var(--border-glow);
            cursor: not-allowed;
            box-shadow: none;
        }
.pg-dashboard .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-dashboard .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-dashboard .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-dashboard .stat-card:hover::before {
            left: 100%;
        }
.pg-dashboard .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-dashboard .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-dashboard .stat-value {
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
            word-break: normal;
            overflow-wrap: anywhere;
            white-space: normal;
            font-size: clamp(1rem, 4.5vw, 2.2rem);
        }
@media  (max-width: 480px)  { .pg-dashboard .stat-value {
                font-size: clamp(1rem, 6vw, 1.6rem);
            } }
.pg-dashboard .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 0.25rem;
        }
.pg-dashboard .target-progress-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-dashboard .target-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            border-left: 4px solid;
            transition: all 0.3s ease;
        }
.pg-dashboard .target-card.sales { border-left-color: var(--primary-purple); }
.pg-dashboard .target-card.autoship { border-left-color: var(--accent-pink); }
.pg-dashboard .target-card.joined { border-left-color: #10b981; }
.pg-dashboard .target-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-dashboard .target-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
            flex-wrap: wrap;
            gap: 0.5rem;
        }
.pg-dashboard .target-title { font-size: 0.875rem; font-weight: 600; color: var(--text-secondary); }
.pg-dashboard .target-values { font-size: 0.875rem; font-weight: 500; color: var(--text-primary); }
.pg-dashboard .progress-bar {
            margin: 1rem 0;
            height: 6px;
            background: rgba(15,23,42,0.1);
            border-radius: 3px;
            overflow: hidden;
        }
.pg-dashboard .progress-fill {
            height: 100%;
            border-radius: 3px;
            transition: width 0.3s;
        }
.pg-dashboard .progress-fill.sales { background: var(--primary-purple); }
.pg-dashboard .progress-fill.autoship { background: var(--accent-pink); }
.pg-dashboard .progress-fill.joined { background: #10b981; }
.pg-dashboard .target-percent {
            text-align: right;
            font-size: 0.75rem;
            font-weight: 600;
            margin-top: 0.5rem;
        }
.pg-dashboard .target-percent.sales { color: var(--primary-purple); }
.pg-dashboard .target-percent.autoship { color: var(--accent-pink); }
.pg-dashboard .target-percent.joined { color: #10b981; }
.pg-dashboard .personal-target-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-dashboard .personal-target-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            border-left: 4px solid var(--accent-pink);
            transition: all 0.3s ease;
        }
.pg-dashboard .personal-target-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-dashboard .personal-target-title { color: var(--accent-pink); }
.pg-dashboard .personal-target-percent { color: var(--accent-pink); }
.pg-dashboard .no-target-message {
            background: var(--bg-card);
            padding: 1.5rem;
            border-radius: 20px;
            text-align: center;
            color: var(--text-muted);
            border: 1px solid var(--border-glow);
            margin-bottom: 1.5rem;
        }
.pg-dashboard .dashboard-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 1.5rem;
        }
.pg-dashboard .dashboard-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-dashboard .dashboard-card:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-dashboard .card-header {
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--border-glow);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.pg-dashboard .card-header h3 { font-size: 1rem; font-weight: 600; color: var(--text-primary); }
.pg-dashboard .card-header a { color: var(--text-muted); text-decoration: none; font-size: 0.75rem; transition: color 0.2s; }
.pg-dashboard .card-header a:hover { color: var(--accent-pink); }
.pg-dashboard .card-content { padding: 1rem 1.5rem; }
.pg-dashboard .rank-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.75rem 0;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-dashboard .rank-item:last-child { border-bottom: none; }
.pg-dashboard .rank-number {
            font-weight: 700;
            color: var(--accent-pink);
        }
.pg-dashboard .empty-state {
            text-align: center;
            padding: 2rem;
            color: var(--text-muted);
        }
.pg-dashboard .empty-state i { font-size: 2.5rem; margin-bottom: 0.75rem; opacity: 0.5; }
.pg-dashboard .quick-actions {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.75rem;
            margin-top: 1rem;
        }
.pg-dashboard .quick-action {
            background: rgba(15,23,42,0.02);
            border: 1px solid var(--border-glow);
            padding: 1rem;
            border-radius: 16px;
            text-align: center;
            text-decoration: none;
            color: var(--text-primary);
            transition: all 0.3s ease;
        }
.pg-dashboard .quick-action:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
            transform: translateY(-3px);
        }
.pg-dashboard .quick-action small { font-size: 0.7rem; color: var(--text-muted); display: block; margin-top: 4px; }
.pg-dashboard .invite-section {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            backdrop-filter: blur(10px);
        }
.pg-dashboard .invite-section h3 { margin-bottom: 0.5rem; }
.pg-dashboard .invite-section p { color: var(--text-secondary); margin-bottom: 1rem; }
.pg-dashboard .invite-input-group {
            display: flex;
            gap: 0.75rem;
            flex-wrap: wrap;
        }
.pg-dashboard .invite-input {
            flex: 1;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1px solid var(--border-glow);
            border-radius: 12px;
            color: var(--text-primary);
            font-family: inherit;
        }
.pg-dashboard .invite-input:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-dashboard .btn {
            padding: 0.75rem 1.5rem;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-dashboard .btn:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-dashboard .btn-outline {
            background: transparent;
            border: 1px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-dashboard .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-dashboard .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-dashboard-slideDown 0.3s ease-out;
        }
.pg-dashboard .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: #10b981;
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-dashboard .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: #ef4444;
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-dashboard .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
@keyframes pg-dashboard-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@media  (max-width: 1024px)  { .pg-dashboard .dashboard-grid { grid-template-columns: 1fr; }
.pg-dashboard .target-progress-grid, .pg-dashboard .personal-target-grid { grid-template-columns: 1fr; } }
@media  (max-width: 768px)  { .pg-dashboard .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-dashboard .menu-toggle { display: block; }
.pg-dashboard .stats-grid { grid-template-columns: 1fr; }
.pg-dashboard .quick-actions { grid-template-columns: 1fr; } }
.pg-dashboard .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-dashboard .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-dashboard .nav-item a { color: var(--text-secondary) !important; }
.pg-dashboard .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-dashboard .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
.pg-dashboard.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-dashboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ digital_advertiser_dashboard.php (pg-digital-advertiser-dashboard) ============ */
.pg-digital-advertiser-dashboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);}
.pg-digital-advertiser-dashboard, .pg-digital-advertiser-dashboard *, .pg-digital-advertiser-dashboard, .pg-digital-advertiser-dashboard *::before, .pg-digital-advertiser-dashboard, .pg-digital-advertiser-dashboard *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-digital-advertiser-dashboard, .pg-digital-advertiser-dashboard {overflow-x:hidden;background:var(--bg);color:#0f172a;font-family:"Inter",sans-serif;min-height:100vh;}
.pg-digital-advertiser-dashboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-digital-advertiser-dashboard .sidebar {position:fixed;left:0;top:0;bottom:0;width:260px;background:rgba(255,255,255,.97);border-right:1px solid var(--border);z-index:100;display:flex;flex-direction:column;overflow-y:auto;}
.pg-digital-advertiser-dashboard .sidebar-brand {padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;}
.pg-digital-advertiser-dashboard .brand-icon {width:36px;height:36px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0f172a;font-size:.875rem;}
.pg-digital-advertiser-dashboard .brand-name {font-family:"Space Grotesk",sans-serif;font-weight:800;font-size:1rem;color:#0f172a;}
.pg-digital-advertiser-dashboard .brand-badge {font-size:.65rem;background:rgba(29,78,216,.2);color:#38bdf8;padding:2px 7px;border-radius:100px;border:1px solid rgba(29,78,216,.3);}
.pg-digital-advertiser-dashboard .sidebar-user {padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;}
.pg-digital-advertiser-dashboard .user-av {width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0f172a;font-size:.875rem;flex-shrink:0;}
.pg-digital-advertiser-dashboard .user-name {font-size:.825rem;font-weight:700;color:#0f172a;}
.pg-digital-advertiser-dashboard .user-title {font-size:.7rem;color:rgba(15,23,42,.4);}
.pg-digital-advertiser-dashboard .nav-section {padding:.75rem 1rem .25rem;font-size:.65rem;font-weight:700;color:rgba(15,23,42,.25);text-transform:uppercase;letter-spacing:.08em;}
.pg-digital-advertiser-dashboard .nav-item {display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;color:rgba(15,23,42,.6);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:10px;margin:.15rem .5rem;transition:all .18s;}
.pg-digital-advertiser-dashboard .nav-item:hover {background:rgba(29,78,216,.12);color:#0f172a;}
.pg-digital-advertiser-dashboard .nav-item.active {background:var(--grad);color:#0f172a;font-weight:700;}
.pg-digital-advertiser-dashboard .nav-item i {width:18px;text-align:center;font-size:.85rem;}
.pg-digital-advertiser-dashboard .nav-item.danger {color:rgba(239,68,68,.7);}
.pg-digital-advertiser-dashboard .nav-item.danger:hover {background:rgba(239,68,68,.1);color:#ef4444;}
.pg-digital-advertiser-dashboard .sidebar-bottom {margin-top:auto;padding:.75rem .5rem;border-top:1px solid var(--border);}
.pg-digital-advertiser-dashboard .main {margin-left:260px;padding:2rem;min-height:100vh;position:relative;z-index:1;}
.pg-digital-advertiser-dashboard h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;}
.pg-digital-advertiser-dashboard .sub {color:rgba(15,23,42,.45);font-size:.875rem;margin-bottom:1.75rem;}
.pg-digital-advertiser-dashboard .stats-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.75rem;}
.pg-digital-advertiser-dashboard .stat-card {background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.25rem;text-align:center;transition:all .2s;}
.pg-digital-advertiser-dashboard .stat-card:hover {transform:translateY(-2px);border-color:rgba(56,189,248,.3);}
.pg-digital-advertiser-dashboard .stat-num {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;}
.pg-digital-advertiser-dashboard .stat-lbl {font-size:.72rem;color:rgba(15,23,42,.4);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;}
.pg-digital-advertiser-dashboard .card {background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.25rem;margin-bottom:1.25rem;}
.pg-digital-advertiser-dashboard .card-title {font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1rem;color:#0f172a;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}
.pg-digital-advertiser-dashboard .two-col {display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}
.pg-digital-advertiser-dashboard .target-item {padding:.875rem;background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.15);border-radius:14px;margin-bottom:.625rem;}
.pg-digital-advertiser-dashboard .target-name {font-weight:700;font-size:.875rem;color:#0f172a;margin-bottom:.375rem;}
.pg-digital-advertiser-dashboard .target-meta {font-size:.75rem;color:rgba(15,23,42,.4);margin-bottom:.625rem;}
.pg-digital-advertiser-dashboard .progress-track {height:6px;background:rgba(15,23,42,.08);border-radius:100px;overflow:hidden;}
.pg-digital-advertiser-dashboard .progress-fill {height:100%;background:var(--grad);border-radius:100px;}
.pg-digital-advertiser-dashboard .table-wrap {overflow-x:auto;border-radius:14px;}
.pg-digital-advertiser-dashboard table {width:100%;border-collapse:collapse;font-size:.82rem;}
.pg-digital-advertiser-dashboard th {padding:.625rem .875rem;text-align:left;font-size:.7rem;font-weight:700;color:rgba(15,23,42,.4);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(29,78,216,.15);}
.pg-digital-advertiser-dashboard td {padding:.75rem .875rem;border-bottom:1px solid rgba(15,23,42,.04);color:rgba(15,23,42,.75);}
.pg-digital-advertiser-dashboard tr:last-child td {border-bottom:none;}
.pg-digital-advertiser-dashboard tr:hover td {background:rgba(15,23,42,.02);}
.pg-digital-advertiser-dashboard .stage {padding:2px 8px;border-radius:100px;font-size:.68rem;font-weight:700;white-space:nowrap;}
.pg-digital-advertiser-dashboard .stage-new {background:rgba(29,78,216,.2);color:#38bdf8;}
.pg-digital-advertiser-dashboard .stage-contacted {background:rgba(14,165,233,.15);color:#0ea5e9;}
.pg-digital-advertiser-dashboard .stage-joined, .pg-digital-advertiser-dashboard .stage-converted {background:rgba(16,185,129,.15);color:#10b981;}
.pg-digital-advertiser-dashboard .stage-follow_up {background:rgba(245,158,11,.15);color:#f59e0b;}
.pg-digital-advertiser-dashboard .stage-not_interested {background:rgba(239,68,68,.12);color:#ef4444;}
.pg-digital-advertiser-dashboard .lb-row {display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:12px;margin-bottom:.375rem;transition:background .15s;}
.pg-digital-advertiser-dashboard .lb-row:hover {background:rgba(15,23,42,.03);}
.pg-digital-advertiser-dashboard .lb-rank {width:24px;font-weight:800;font-size:.8rem;text-align:center;flex-shrink:0;}
.pg-digital-advertiser-dashboard .lb-name {flex:1;font-size:.85rem;font-weight:600;}
.pg-digital-advertiser-dashboard .lb-count {font-family:"Space Grotesk",sans-serif;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.pg-digital-advertiser-dashboard .lb-you {background:rgba(29,78,216,.1);border:1px solid rgba(29,78,216,.2);border-radius:12px;}
.pg-digital-advertiser-dashboard .btn {display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:100px;font-weight:700;font-size:.825rem;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:all .18s;}
.pg-digital-advertiser-dashboard .btn-primary {background:var(--grad);color:#0f172a;}
.pg-digital-advertiser-dashboard .btn-primary:hover {opacity:.88;transform:translateY(-1px);}
.pg-digital-advertiser-dashboard .btn-outline {background:rgba(15,23,42,.06);border:1px solid var(--border);color:rgba(15,23,42,.7);}
.pg-digital-advertiser-dashboard .btn-outline:hover {background:rgba(29,78,216,.1);border-color:rgba(56,189,248,.3);color:#0f172a;}
.pg-digital-advertiser-dashboard .btn-green {background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);color:#10b981;}
.pg-digital-advertiser-dashboard .btn-green:hover {background:rgba(16,185,129,.3);}
.pg-digital-advertiser-dashboard .menu-toggle {display:none;background:none;border:none;color:#0f172a;font-size:1.25rem;cursor:pointer;margin-right:.75rem;}
@media (max-width:768px) { .pg-digital-advertiser-dashboard .sidebar {transform:translateX(-100%);transition:transform .3s;}
.pg-digital-advertiser-dashboard .sidebar.open {transform:translateX(0);}
.pg-digital-advertiser-dashboard .main {margin-left:0;padding:calc(52px + .875rem) .875rem 5rem;}
.pg-digital-advertiser-dashboard .two-col {grid-template-columns:1fr;}
.pg-digital-advertiser-dashboard .stats-grid {grid-template-columns:repeat(2,1fr);}
.pg-digital-advertiser-dashboard h1 {font-size:1.5rem;}
.pg-digital-advertiser-dashboard .menu-toggle {display:block;}
.pg-digital-advertiser-dashboard .mobile-topbar {display:flex;align-items:center;padding:.875rem;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:90;} }
@media (min-width:769px) { .pg-digital-advertiser-dashboard .mobile-topbar {display:none;} }
.pg-digital-advertiser-dashboard.ld-dark-mode html, .pg-digital-advertiser-dashboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .brand-icon { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .brand-name { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .user-av { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .user-name { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .user-title { color: rgba(255,255,255,.4) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .nav-item { color: rgba(255,255,255,.6) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .nav-item:hover { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .nav-item.active { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .sub { color: rgba(255,255,255,.45) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .stat-lbl { color: rgba(255,255,255,.4) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .card-title { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .target-name { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .target-meta { color: rgba(255,255,255,.4) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode th { color: rgba(255,255,255,.4) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode td { color: rgba(255,255,255,.75) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .btn-outline { color: rgba(255,255,255,.7) !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode .btn-outline:hover { color: #f1f5f9 !important; }
.pg-digital-advertiser-dashboard.ld-dark-mode 
.menu-toggle { color: #f1f5f9 !important; }


/* ============ edit_task.php (pg-edit-task) ============ */
.pg-edit-task, .pg-edit-task * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-edit-task {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-edit-task .app {
            display: flex;
            min-height: 100vh;
        }
.pg-edit-task .sidebar {
            width: 280px;
            background: white;
            border-right: 1px solid #eaeaea;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
            padding: 32px 24px;
            transition: transform 0.3s ease;
            z-index: 1000;
        }
.pg-edit-task .sidebar-logo {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-bottom: 40px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-edit-task .sidebar-logo span {
            background: #f0f0f0;
            padding: 4px 12px;
            border-radius: 40px;
            margin-left: 8px;
            font-size: 14px;
        }
.pg-edit-task .nav-menu {
            list-style: none;
        }
.pg-edit-task .nav-item {
            margin-bottom: 8px;
            position: relative;
        }
.pg-edit-task .nav-item a {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            color: #4a4a4a;
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.2s;
            gap: 12px;
            font-weight: 500;
        }
.pg-edit-task .nav-item a:hover {
            background: #f5f5f5;
            color: #0f172a;
        }
.pg-edit-task .nav-item.active a {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-edit-task .nav-icon {
            font-size: 20px;
        }
.pg-edit-task .nav-badge {
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            margin-left: auto;
            min-width: 20px;
            text-align: center;
            font-weight: 600;
        }
.pg-edit-task .main {
            flex: 1;
            margin-left: 280px;
            padding: 32px;
            transition: margin-left 0.3s;
        }
.pg-edit-task .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-edit-task .page-title h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-edit-task .page-title p {
            color: #666;
            font-size: 15px;
        }
.pg-edit-task .menu-toggle {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #0f172a;
            display: none;
            margin-right: 16px;
        }
.pg-edit-task .user-menu {
            display: flex;
            align-items: center;
            gap: 24px;
        }
.pg-edit-task .leader-btn {
            background: linear-gradient(135deg, #f59e0b, #fbbf24);
            color: #0f172a;
            padding: 8px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.2);
        }
.pg-edit-task .leader-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.3);
            background: linear-gradient(135deg, #fbbf24, #f59e0b);
        }
.pg-edit-task .leader-btn i {
            font-size: 16px;
        }
.pg-edit-task .notifications {
            position: relative;
            cursor: pointer;
        }
.pg-edit-task .notification-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
        }
.pg-edit-task .user-profile {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 100px;
            background: #f5f5f5;
            text-decoration: none;
            color: inherit;
        }
.pg-edit-task .user-avatar {
            width: 36px;
            height: 36px;
            background: #e2e8f0;
            color: #0f172a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-edit-task .user-info {
            display: none;
        }
@media  (min-width: 768px)  { .pg-edit-task .user-info {
                display: block;
            }
.pg-edit-task .user-name {
                font-weight: 600;
                font-size: 14px;
            }
.pg-edit-task .user-role {
                font-size: 12px;
                color: #666;
            } }
.pg-edit-task .edit-container {
            max-width: 700px;
            margin: 0 auto;
        }
.pg-edit-task .edit-card {
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 40px;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        }
.pg-edit-task .card-header {
            margin-bottom: 32px;
        }
.pg-edit-task .card-header h2 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-edit-task .card-header p {
            color: #666;
            font-size: 14px;
        }
.pg-edit-task .form-group {
            margin-bottom: 24px;
        }
.pg-edit-task .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-edit-task .form-input, .pg-edit-task .form-select, .pg-edit-task .form-textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
            font-family: "Inter", sans-serif;
        }
.pg-edit-task .form-input:focus, .pg-edit-task .form-select:focus, .pg-edit-task .form-textarea:focus {
            outline: none;
            border-color: #e2e8f0;
        }
.pg-edit-task .form-textarea {
            min-height: 120px;
            resize: vertical;
        }
.pg-edit-task .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }
.pg-edit-task .form-actions {
            display: flex;
            gap: 16px;
            margin-top: 32px;
            padding-top: 24px;
            border-top: 1px solid #eaeaea;
        }
.pg-edit-task .btn {
            padding: 14px 28px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 15px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
.pg-edit-task .btn-primary {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-edit-task .btn-primary:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
        }
.pg-edit-task .btn-secondary {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
        }
.pg-edit-task .btn-secondary:hover {
            background: #f5f5f5;
        }
.pg-edit-task .alert {
            padding: 16px 20px;
            border-radius: 12px;
            margin-bottom: 24px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-edit-task-slideDown 0.3s ease-out;
        }
.pg-edit-task .alert-success {
            background: #ecfdf5;
            color: #065f46;
            border: 1px solid #a7f3d0;
        }
.pg-edit-task .alert-error {
            background: #fef2f2;
            color: #991b1b;
            border: 1px solid #fecaca;
        }
.pg-edit-task .alert-close {
            background: none;
            border: none;
            font-size: 18px;
            cursor: pointer;
            color: inherit;
            opacity: 0.5;
        }
.pg-edit-task .alert-close:hover {
            opacity: 1;
        }
@keyframes pg-edit-task-slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@media  (max-width: 768px)  { .pg-edit-task .sidebar {
                transform: translateX(-100%);
                z-index: 1000;
                transition: transform 0.3s;
            }
.pg-edit-task .sidebar.open {
                transform: translateX(0);
            }
.pg-edit-task .main {
                margin-left: 0;
                padding: 20px;
            }
.pg-edit-task .form-row {
                grid-template-columns: 1fr;
            }
.pg-edit-task .form-actions {
                flex-direction: column;
            }
.pg-edit-task .edit-card {
                padding: 24px;
            }
.pg-edit-task .menu-toggle {
                display: block;
            } }
.pg-edit-task.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .nav-item a { color: #cbd5e1 !important; }
.pg-edit-task.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .nav-badge { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-edit-task.ld-dark-mode .menu-toggle { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .leader-btn { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .user-role { color: #cbd5e1 !important; }
.pg-edit-task.ld-dark-mode .card-header p { color: #cbd5e1 !important; }
.pg-edit-task.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .btn-secondary { color: #f1f5f9 !important; }
.pg-edit-task {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-edit-task, .pg-edit-task {overflow-x:hidden;}
.pg-edit-task {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-edit-task::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-edit-task .app, .pg-edit-task .main, .pg-edit-task .admin-main, .pg-edit-task .admin-container, .pg-edit-task .page-wrap, .pg-edit-task .ld-page-wrap {position:relative;z-index:1;}
.pg-edit-task .edit-card, .pg-edit-task .card, .pg-edit-task .section-card, .pg-edit-task .settings-section, .pg-edit-task .stat-card, .pg-edit-task .info-card, .pg-edit-task .content-card, .pg-edit-task .panel, .pg-edit-task .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-edit-task .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-edit-task .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-edit-task .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-edit-task .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-edit-task .nav-item.active a, .pg-edit-task .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-edit-task .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-edit-task .page-title h1 {color:#0f172a!important;}
.pg-edit-task .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-edit-task .form-input, .pg-edit-task .form-select, .pg-edit-task .form-textarea, .pg-edit-task input[type=text], .pg-edit-task input[type=email], .pg-edit-task input[type=password], .pg-edit-task input[type=number], .pg-edit-task input[type=date], .pg-edit-task input[type=time], .pg-edit-task input[type=tel], .pg-edit-task textarea, .pg-edit-task select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-edit-task .form-input::placeholder, .pg-edit-task .form-textarea::placeholder, .pg-edit-task input::placeholder, .pg-edit-task textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-edit-task .form-input:focus, .pg-edit-task .form-textarea:focus, .pg-edit-task input:focus, .pg-edit-task textarea:focus, .pg-edit-task select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-edit-task select option {background:#f1f5f9;color:#0f172a;}
.pg-edit-task .form-label, .pg-edit-task label {color:rgba(15,23,42,.7)!important;}
.pg-edit-task .btn-primary, .pg-edit-task button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-edit-task .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-edit-task .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-edit-task .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-edit-task .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-edit-task table {border-collapse:collapse;}
.pg-edit-task th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-edit-task td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-edit-task tr:last-child td {border-bottom:none!important;}
.pg-edit-task tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-edit-task .badge-success, .pg-edit-task .status-active, .pg-edit-task .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-edit-task .badge-danger, .pg-edit-task .status-expired, .pg-edit-task .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-edit-task .badge-warning, .pg-edit-task .status-pending, .pg-edit-task .status-Pending, .pg-edit-task .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-edit-task .badge-primary, .pg-edit-task .badge-info, .pg-edit-task .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-edit-task .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-edit-task .alert-error, .pg-edit-task .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-edit-task .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-edit-task h1, .pg-edit-task h2, .pg-edit-task h3, .pg-edit-task h4, .pg-edit-task h5, .pg-edit-task h6 {color:#0f172a;}
.pg-edit-task h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-edit-task .modal-content, .pg-edit-task .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-edit-task .modal-header, .pg-edit-task .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-edit-task .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-edit-task a {color:#38bdf8;}
.pg-edit-task a:hover {color:#0f172a;}
.pg-edit-task .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-edit-task .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-edit-task .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-edit-task .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-edit-task hr {border-color:rgba(29,78,216,.2)!important;}
.pg-edit-task .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-edit-task .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-edit-task .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-edit-task ::-webkit-scrollbar {width:6px;height:6px;}
.pg-edit-task ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-edit-task ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-edit-task.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode 
.edit-card, .pg-edit-task.ld-dark-mode .card, .pg-edit-task.ld-dark-mode .section-card, .pg-edit-task.ld-dark-mode .settings-section, .pg-edit-task.ld-dark-mode .stat-card, .pg-edit-task.ld-dark-mode .info-card, .pg-edit-task.ld-dark-mode .content-card, .pg-edit-task.ld-dark-mode .panel, .pg-edit-task.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-edit-task.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .nav-item.active a, .pg-edit-task.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-edit-task.ld-dark-mode 
.form-input, .pg-edit-task.ld-dark-mode .form-select, .pg-edit-task.ld-dark-mode .form-textarea, .pg-edit-task.ld-dark-mode input[type=text], .pg-edit-task.ld-dark-mode input[type=email], .pg-edit-task.ld-dark-mode input[type=password], .pg-edit-task.ld-dark-mode input[type=number], .pg-edit-task.ld-dark-mode input[type=date], .pg-edit-task.ld-dark-mode input[type=time], .pg-edit-task.ld-dark-mode input[type=tel], .pg-edit-task.ld-dark-mode textarea, .pg-edit-task.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .form-input::placeholder, .pg-edit-task.ld-dark-mode .form-textarea::placeholder, .pg-edit-task.ld-dark-mode input::placeholder, .pg-edit-task.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-edit-task.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .form-label, .pg-edit-task.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-edit-task.ld-dark-mode 
.btn-primary, .pg-edit-task.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-edit-task.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-edit-task.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-edit-task.ld-dark-mode 
h1, .pg-edit-task.ld-dark-mode h2, .pg-edit-task.ld-dark-mode h3, .pg-edit-task.ld-dark-mode h4, .pg-edit-task.ld-dark-mode h5, .pg-edit-task.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode 
.modal-content, .pg-edit-task.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .modal-header, .pg-edit-task.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-edit-task.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-edit-task.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ events.php (pg-events) ============ */
.pg-events {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
            --facebook-blue: #1877f2;
            --twitter-blue: #1da1f2;
            --whatsapp-green: #25d366;
            --instagram-pink: #e4405f;
        }
.pg-events, .pg-events * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-events, .pg-events { max-width: 100%; overflow-x: hidden; }
.pg-events {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-events .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-events-gridMove 20s linear infinite;
        }
@keyframes pg-events-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-events .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-events .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-events-float 15s infinite linear;
        }
@keyframes pg-events-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-events h1, .pg-events h2, .pg-events h3, .pg-events h4, .pg-events h5, .pg-events h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-events a { color: inherit; text-decoration: none; }
.pg-events .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-events .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-events .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-events .header-actions {
            display: flex;
            gap: 12px;
        }
.pg-events .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-events .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-events .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-events .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-events .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-events .btn.disabled, .pg-events .btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            pointer-events: none;
        }
.pg-events .tooltip-container {
            position: relative;
            display: inline-block;
        }
.pg-events .tooltip-container .tooltip-text {
            visibility: hidden;
            width: 220px;
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            color: #0f172a;
            text-align: center;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 12px;
            position: absolute;
            z-index: 1000;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.2s;
            pointer-events: none;
        }
.pg-events .tooltip-container:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
.pg-events .tooltip-text a {
            color: var(--accent-pink);
            text-decoration: underline;
        }
.pg-events .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-events-slideDown 0.3s ease-out;
        }
.pg-events .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-events .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-events .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-events .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-events .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-events .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-events .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-events .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-events .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 0.25rem;
        }
.pg-events .tabs-container {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            background: var(--bg-card);
            padding: 6px;
            border-radius: 40px;
            border: 1px solid var(--border-glow);
            width: fit-content;
        }
.pg-events .tab-btn {
            padding: 10px 24px;
            border-radius: 40px;
            cursor: pointer;
            font-weight: 600;
            border: none;
            background: transparent;
            color: var(--text-secondary);
            font-size: 14px;
            transition: all 0.2s;
        }
.pg-events .tab-btn:hover { background: rgba(29,78,216,0.1); color: #0f172a; }
.pg-events .tab-btn.active { background: var(--gradient-primary); color: var(--bg-dark); }
.pg-events .tab-pane { display: none; }
.pg-events .tab-pane.active { display: block; }
.pg-events .view-toggle {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
        }
.pg-events .view-btn {
            padding: 8px 16px;
            border-radius: 100px;
            border: 1px solid var(--border-glow);
            background: transparent;
            color: var(--text-secondary);
            cursor: pointer;
            font-size: 14px;
            transition: all 0.2s;
        }
.pg-events .view-btn:hover {
            background: rgba(29,78,216, 0.1);
        }
.pg-events .view-btn.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-events .events-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
            gap: 20px;
        }
.pg-events .event-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            animation: pg-events-fadeIn 0.3s ease-out;
        }
.pg-events .event-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-events .event-card.past {
            opacity: 0.6;
        }
.pg-events .event-date-banner {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 16px;
            text-align: center;
        }
.pg-events .event-card.past .event-date-banner {
            background: var(--text-muted);
        }
.pg-events .event-date-banner .day {
            font-size: 36px;
            font-weight: 700;
            line-height: 1;
            margin-bottom: 4px;
        }
.pg-events .event-date-banner .month {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            opacity: 0.8;
        }
.pg-events .event-content {
            padding: 20px;
        }
.pg-events .event-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 8px;
        }
.pg-events .event-title {
            font-size: 1.25rem;
            font-weight: 600;
        }
.pg-events .event-type {
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
        }
.pg-events .type-training { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-events .type-opportunity { background: rgba(245, 158, 11, 0.2); color: var(--warning-orange); }
.pg-events .type-team_meeting { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-events .type-product_presentation { background: rgba(56,189,248, 0.2); color: var(--accent-pink); }
.pg-events .event-description {
            color: var(--text-secondary);
            font-size: 14px;
            margin: 12px 0;
            line-height: 1.6;
        }
.pg-events .event-details {
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            padding: 16px;
            margin: 16px 0;
        }
.pg-events .detail-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 8px;
            font-size: 14px;
            color: var(--text-secondary);
        }
.pg-events .detail-icon {
            width: 20px;
            color: var(--accent-pink);
        }
.pg-events .meeting-link {
            color: var(--accent-pink);
            font-weight: 600;
            text-decoration: none;
        }
.pg-events .meeting-link:hover {
            text-decoration: underline;
        }
.pg-events .event-stats {
            display: flex;
            gap: 16px;
            margin: 16px 0;
            padding: 12px 0;
            border-top: 1px solid var(--border-glow);
            border-bottom: 1px solid var(--border-glow);
        }
.pg-events .stat {
            flex: 1;
            text-align: center;
        }
.pg-events .stat-number {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--text-primary);
        }
.pg-events .stat-label {
            font-size: 12px;
            color: var(--text-muted);
        }
.pg-events .rsvp-buttons {
            display: flex;
            gap: 8px;
            margin: 16px 0;
        }
.pg-events .btn-rsvp {
            flex: 1;
            padding: 10px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 8px;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-secondary);
            transition: all 0.2s;
        }
.pg-events .btn-rsvp:hover {
            background: rgba(29,78,216, 0.1);
        }
.pg-events .btn-rsvp.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-events .btn-rsvp.attending.active {
            background: var(--success-green);
        }
.pg-events .btn-rsvp.maybe.active {
            background: var(--warning-orange);
        }
.pg-events .btn-rsvp.not-attending.active {
            background: var(--danger-red);
        }
.pg-events .event-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border-glow);
            font-size: 13px;
            color: var(--text-muted);
        }
.pg-events .btn-delete {
            padding: 6px 12px;
            background: rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(239, 68, 68, 0.3);
            border-radius: 8px;
            color: var(--danger-red);
            cursor: pointer;
            font-size: 13px;
        }
.pg-events .btn-delete:hover {
            background: rgba(239, 68, 68, 0.2);
        }
.pg-events .btn-delete.disabled {
            opacity: 0.3;
            cursor: not-allowed;
            pointer-events: none;
        }
.pg-events .calendar-view {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            backdrop-filter: blur(10px);
            display: none;
        }
.pg-events .calendar-view.show {
            display: block;
        }
.pg-events .calendar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
.pg-events .calendar-month {
            font-size: 1.25rem;
            font-weight: 600;
        }
.pg-events .calendar-weekdays {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            text-align: center;
            font-weight: 600;
            margin-bottom: 8px;
            color: var(--text-muted);
        }
.pg-events .calendar-days {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            gap: 4px;
        }
.pg-events .calendar-day {
            aspect-ratio: 1;
            padding: 8px;
            border: 1px solid var(--border-glow);
            border-radius: 8px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s;
            color: var(--text-secondary);
        }
.pg-events .calendar-day:hover {
            background: rgba(29,78,216, 0.1);
        }
.pg-events .calendar-day.has-event {
            background: rgba(29,78,216, 0.2);
            border-color: var(--accent-pink);
            font-weight: 600;
        }
.pg-events .calendar-day.empty {
            background: transparent;
            border-color: transparent;
            cursor: default;
        }
.pg-events .calendar-day.empty:hover {
            background: transparent;
        }
.pg-events .event-indicator {
            width: 6px;
            height: 6px;
            background: var(--accent-pink);
            border-radius: 50%;
            margin-top: 4px;
        }
.pg-events .day-event-item {
            padding: 16px;
            border-bottom: 1px solid var(--border-glow);
            cursor: pointer;
            transition: background 0.2s;
        }
.pg-events .day-event-item:hover {
            background: rgba(29,78,216, 0.1);
        }
.pg-events .event-time {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-events .event-type-badge {
            display: inline-block;
            padding: 2px 8px;
            border-radius: 100px;
            font-size: 11px;
            margin-top: 4px;
        }
.pg-events .social-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 20px;
        }
.pg-events .social-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s;
        }
.pg-events .social-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
        }
.pg-events .social-media {
            height: 200px;
            background: rgba(0,0,0,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
        }
.pg-events .social-media img, .pg-events .social-media video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
.pg-events .social-content {
            padding: 20px;
        }
.pg-events .social-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 8px;
        }
.pg-events .social-description {
            color: var(--text-secondary);
            font-size: 14px;
            margin-bottom: 16px;
        }
.pg-events .social-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 16px;
        }
.pg-events .share-btn {
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 13px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            transition: all 0.2s;
            border: none;
            cursor: pointer;
        }
.pg-events .share-facebook { background: var(--facebook-blue); color: #0f172a; }
.pg-events .share-twitter { background: var(--twitter-blue); color: #0f172a; }
.pg-events .share-whatsapp { background: var(--whatsapp-green); color: #0f172a; }
.pg-events .share-instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #0f172a; }
.pg-events .share-link { background: var(--primary-purple); color: #0f172a; }
.pg-events .download-btn { background: var(--success-green); color: #0f172a; }
.pg-events .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-events .modal.show { display: flex; }
.pg-events .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 600px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-events .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-events .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-events .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-events .modal-close:hover { color: var(--accent-pink); }
.pg-events .form-group { margin-bottom: 1.25rem; }
.pg-events .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-events .form-input, .pg-events .form-select, .pg-events .form-textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-events .form-input:focus, .pg-events .form-select:focus, .pg-events .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-events .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-events .form-textarea {
            min-height: 100px;
            resize: vertical;
        }
.pg-events .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
.pg-events .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-events .empty-state {
            text-align: center;
            padding: 3rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            color: var(--text-muted);
        }
.pg-events .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
@keyframes pg-events-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@keyframes pg-events-fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-events .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 1024px)  { .pg-events .stats-grid { grid-template-columns: repeat(2, 1fr); }
.pg-events .events-grid { grid-template-columns: 1fr; } }
@media  (max-width: 768px)  { .pg-events .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-events .menu-toggle { display: block; }
.pg-events .stats-grid { grid-template-columns: 1fr; }
.pg-events .form-row { grid-template-columns: 1fr; }
.pg-events .rsvp-buttons { flex-wrap: wrap; }
.pg-events .page-title h1 { font-size: 2rem; } }
.pg-events { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-events .ld-main, .pg-events @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-events.ld-dark-mode .tooltip-container .tooltip-text { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .tab-btn:hover { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .share-facebook { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .share-twitter { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .share-whatsapp { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .share-instagram { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .share-link { color: #f1f5f9 !important; }
.pg-events.ld-dark-mode .download-btn { color: #f1f5f9 !important; }


/* ============ forgot-password.php (pg-forgot-password) ============ */
.pg-forgot-password {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-forgot-password, .pg-forgot-password {overflow-x:hidden;}
.pg-forgot-password {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-forgot-password::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-forgot-password .app, .pg-forgot-password .main, .pg-forgot-password .admin-main, .pg-forgot-password .admin-container, .pg-forgot-password .page-wrap, .pg-forgot-password .ld-page-wrap {position:relative;z-index:1;}
.pg-forgot-password .edit-card, .pg-forgot-password .card, .pg-forgot-password .section-card, .pg-forgot-password .settings-section, .pg-forgot-password .stat-card, .pg-forgot-password .info-card, .pg-forgot-password .content-card, .pg-forgot-password .panel, .pg-forgot-password .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-forgot-password .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-forgot-password .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-forgot-password .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-forgot-password .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-forgot-password .nav-item.active a, .pg-forgot-password .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-forgot-password .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-forgot-password .page-title h1 {color:#0f172a!important;}
.pg-forgot-password .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-forgot-password .form-input, .pg-forgot-password .form-select, .pg-forgot-password .form-textarea, .pg-forgot-password input[type=text], .pg-forgot-password input[type=email], .pg-forgot-password input[type=password], .pg-forgot-password input[type=number], .pg-forgot-password input[type=date], .pg-forgot-password input[type=time], .pg-forgot-password input[type=tel], .pg-forgot-password textarea, .pg-forgot-password select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-forgot-password .form-input::placeholder, .pg-forgot-password .form-textarea::placeholder, .pg-forgot-password input::placeholder, .pg-forgot-password textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-forgot-password .form-input:focus, .pg-forgot-password .form-textarea:focus, .pg-forgot-password input:focus, .pg-forgot-password textarea:focus, .pg-forgot-password select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-forgot-password select option {background:#f1f5f9;color:#0f172a;}
.pg-forgot-password .form-label, .pg-forgot-password label {color:rgba(15,23,42,.7)!important;}
.pg-forgot-password .btn-primary, .pg-forgot-password button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-forgot-password .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-forgot-password .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-forgot-password .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-forgot-password .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-forgot-password table {border-collapse:collapse;}
.pg-forgot-password th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-forgot-password td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-forgot-password tr:last-child td {border-bottom:none!important;}
.pg-forgot-password tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-forgot-password .badge-success, .pg-forgot-password .status-active, .pg-forgot-password .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-forgot-password .badge-danger, .pg-forgot-password .status-expired, .pg-forgot-password .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-forgot-password .badge-warning, .pg-forgot-password .status-pending, .pg-forgot-password .status-Pending, .pg-forgot-password .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-forgot-password .badge-primary, .pg-forgot-password .badge-info, .pg-forgot-password .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-forgot-password .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-forgot-password .alert-error, .pg-forgot-password .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-forgot-password .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-forgot-password h1, .pg-forgot-password h2, .pg-forgot-password h3, .pg-forgot-password h4, .pg-forgot-password h5, .pg-forgot-password h6 {color:#0f172a;}
.pg-forgot-password h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-forgot-password .modal-content, .pg-forgot-password .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-forgot-password .modal-header, .pg-forgot-password .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-forgot-password .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-forgot-password a {color:#38bdf8;}
.pg-forgot-password a:hover {color:#0f172a;}
.pg-forgot-password .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-forgot-password .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-forgot-password .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-forgot-password .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-forgot-password hr {border-color:rgba(29,78,216,.2)!important;}
.pg-forgot-password .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-forgot-password .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-forgot-password .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-forgot-password ::-webkit-scrollbar {width:6px;height:6px;}
.pg-forgot-password ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-forgot-password ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-forgot-password.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode 
.edit-card, .pg-forgot-password.ld-dark-mode .card, .pg-forgot-password.ld-dark-mode .section-card, .pg-forgot-password.ld-dark-mode .settings-section, .pg-forgot-password.ld-dark-mode .stat-card, .pg-forgot-password.ld-dark-mode .info-card, .pg-forgot-password.ld-dark-mode .content-card, .pg-forgot-password.ld-dark-mode .panel, .pg-forgot-password.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-forgot-password.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .nav-item.active a, .pg-forgot-password.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-forgot-password.ld-dark-mode 
.form-input, .pg-forgot-password.ld-dark-mode .form-select, .pg-forgot-password.ld-dark-mode .form-textarea, .pg-forgot-password.ld-dark-mode input[type=text], .pg-forgot-password.ld-dark-mode input[type=email], .pg-forgot-password.ld-dark-mode input[type=password], .pg-forgot-password.ld-dark-mode input[type=number], .pg-forgot-password.ld-dark-mode input[type=date], .pg-forgot-password.ld-dark-mode input[type=time], .pg-forgot-password.ld-dark-mode input[type=tel], .pg-forgot-password.ld-dark-mode textarea, .pg-forgot-password.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .form-input::placeholder, .pg-forgot-password.ld-dark-mode .form-textarea::placeholder, .pg-forgot-password.ld-dark-mode input::placeholder, .pg-forgot-password.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-forgot-password.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .form-label, .pg-forgot-password.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-forgot-password.ld-dark-mode 
.btn-primary, .pg-forgot-password.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-forgot-password.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-forgot-password.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-forgot-password.ld-dark-mode 
h1, .pg-forgot-password.ld-dark-mode h2, .pg-forgot-password.ld-dark-mode h3, .pg-forgot-password.ld-dark-mode h4, .pg-forgot-password.ld-dark-mode h5, .pg-forgot-password.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode 
.modal-content, .pg-forgot-password.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .modal-header, .pg-forgot-password.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-forgot-password.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }
.pg-forgot-password, .pg-forgot-password * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-forgot-password {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-forgot-password .forgot-container {
            max-width: 450px;
            width: 100%;
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            overflow: hidden;
        }
.pg-forgot-password .forgot-header {
            background: #e2e8f0;
            color: #0f172a;
            padding: 40px 30px;
            text-align: center;
        }
.pg-forgot-password .forgot-header h1 {
            font-size: 28px;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
        }
.pg-forgot-password .forgot-header h1 span {
            opacity: 0.8;
        }
.pg-forgot-password .forgot-header p {
            opacity: 0.8;
            font-size: 15px;
        }
.pg-forgot-password .forgot-form {
            padding: 40px 30px;
        }
.pg-forgot-password .form-group {
            margin-bottom: 24px;
        }
.pg-forgot-password .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-forgot-password .form-input {
            width: 100%;
            padding: 14px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
            font-family: "Inter", sans-serif;
        }
.pg-forgot-password .form-input:focus {
            outline: none;
            border-color: #e2e8f0;
            box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.1);
        }
.pg-forgot-password .btn {
            width: 100%;
            padding: 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            border: none;
            transition: all 0.2s;
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-forgot-password .btn:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);
        }
.pg-forgot-password .btn-secondary {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
            margin-top: 10px;
        }
.pg-forgot-password .btn-secondary:hover {
            background: #f5f5f5;
            transform: none;
            box-shadow: none;
        }
.pg-forgot-password .alert {
            padding: 16px 20px;
            border-radius: 12px;
            margin-bottom: 24px;
            font-size: 14px;
            animation: pg-forgot-password-slideDown 0.3s ease-out;
        }
.pg-forgot-password .alert-error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #fecaca;
        }
.pg-forgot-password .alert-success {
            background: #ecfdf5;
            color: #065f46;
            border: 1px solid #a7f3d0;
        }
.pg-forgot-password .back-to-login {
            margin-top: 24px;
            text-align: center;
        }
.pg-forgot-password .back-to-login a {
            color: #666;
            text-decoration: none;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: color 0.2s;
        }
.pg-forgot-password .back-to-login a:hover {
            color: #0f172a;
        }
.pg-forgot-password .info-note {
            font-size: 13px;
            color: #666;
            margin-top: 20px;
            padding: 16px;
            background: #f5f5f5;
            border-radius: 12px;
            text-align: center;
            border: 1.5px solid rgba(29,78,216,.25);
        }
.pg-forgot-password .info-note strong {
            color: #0f172a;
        }
@keyframes pg-forgot-password-slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.pg-forgot-password.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .forgot-header { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .btn-secondary { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .back-to-login a { color: #cbd5e1 !important; }
.pg-forgot-password.ld-dark-mode .back-to-login a:hover { color: #f1f5f9 !important; }
.pg-forgot-password.ld-dark-mode .info-note { color: #cbd5e1 !important; }
.pg-forgot-password.ld-dark-mode .info-note strong { color: #f1f5f9 !important; }


/* ============ index.php (pg-index) ============ */
.pg-index {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --warning-orange: #f59e0b;
        }
.pg-index, .pg-index * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-index {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            overflow-x: hidden;
            position: relative;
        }
.pg-index .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-index-gridMove 20s linear infinite;
        }
@keyframes pg-index-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-index .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-index .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-index-float 15s infinite linear;
        }
@keyframes pg-index-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-index h1, .pg-index h2, .pg-index h3, .pg-index h4, .pg-index h5, .pg-index h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-index a {
            color: inherit;
            text-decoration: none;
        }
.pg-index .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            position: relative;
            z-index: 10;
        }
.pg-index .navbar {
            padding: 24px 0;
            border-bottom: 1px solid var(--border-glow);
            background: rgba(255,255,255,0.8);
            backdrop-filter: blur(10px);
            position: relative;
            z-index: 100;
        }
.pg-index .nav-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.pg-index .logo {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-decoration: none;
        }
.pg-index .nav-links {
            display: flex;
            gap: 32px;
            align-items: center;
        }
.pg-index .nav-links a {
            text-decoration: none;
            color: var(--text-secondary);
            font-weight: 500;
            font-size: 15px;
            transition: color 0.2s;
        }
.pg-index .nav-links a:hover {
            color: var(--accent-pink);
        }
.pg-index .nav-buttons {
            display: flex;
            gap: 12px;
        }
.pg-index .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
.pg-index .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-index .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-index .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-index .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-index .btn-secondary {
            background: var(--success-green);
            color: #0f172a;
        }
.pg-index .btn-secondary:hover {
            background: #059669;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(16, 185, 129, 0.3);
        }
.pg-index .btn-large {
            padding: 16px 32px;
            font-size: 16px;
        }
.pg-index .hero {
            padding: 80px 0 60px;
            position: relative;
        }
.pg-index .hero-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }
.pg-index .hero-left h1 {
            font-size: 56px;
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -2px;
            margin-bottom: 24px;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-index .hero-left p {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 32px;
            max-width: 500px;
        }
.pg-index .hero-stats {
            display: flex;
            gap: 40px;
            margin: 40px 0;
        }
.pg-index .stat-item h3 {
            font-size: 32px;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-index .stat-item p {
            font-size: 14px;
            color: var(--text-muted);
            margin: 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-index .hero-buttons {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }
.pg-index .hero-right {
            position: relative;
        }
.pg-index .hero-image {
            background: var(--bg-card);
            border-radius: 24px;
            padding: 40px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.3);
        }
.pg-index .dashboard-preview {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
.pg-index .preview-card {
            background: rgba(15,23,42,0.03);
            padding: 20px;
            border-radius: 16px;
            border: 1px solid var(--border-glow);
        }
.pg-index .preview-card .label {
            font-size: 12px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
        }
.pg-index .preview-card .value {
            font-size: 28px;
            font-weight: 700;
            color: var(--text-primary);
        }
.pg-index .preview-card .trend {
            font-size: 12px;
            color: var(--success-green);
            margin-top: 4px;
        }
.pg-index .trust-bar {
            padding: 40px 0;
            border-top: 1px solid var(--border-glow);
            border-bottom: 1px solid var(--border-glow);
            background: var(--bg-card);
            backdrop-filter: blur(10px);
        }
.pg-index .trust-logos {
            display: flex;
            justify-content: space-between;
            align-items: center;
            opacity: 0.7;
        }
.pg-index .trust-logos span {
            font-size: 18px;
            font-weight: 600;
            color: var(--text-secondary);
            letter-spacing: -0.5px;
        }
.pg-index .features {
            padding: 80px 0;
        }
.pg-index .section-header {
            text-align: center;
            max-width: 600px;
            margin: 0 auto 60px;
        }
.pg-index .section-header h2 {
            font-size: 40px;
            font-weight: 700;
            letter-spacing: -1px;
            margin-bottom: 16px;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-index .section-header p {
            font-size: 18px;
            color: var(--text-secondary);
        }
.pg-index .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
.pg-index .feature-card {
            background: var(--bg-card);
            padding: 40px 30px;
            border-radius: 24px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-index .feature-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 40px -12px rgba(29,78,216, 0.3);
            background: rgba(15,23,42,0.05);
        }
.pg-index .feature-icon {
            font-size: 40px;
            margin-bottom: 24px;
            color: var(--accent-pink);
        }
.pg-index .feature-card h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--text-primary);
        }
.pg-index .feature-card p {
            color: var(--text-secondary);
            font-size: 15px;
            line-height: 1.6;
        }
.pg-index .how-it-works {
            padding: 80px 0;
            background: var(--bg-card);
            backdrop-filter: blur(10px);
            border-top: 1px solid var(--border-glow);
            border-bottom: 1px solid var(--border-glow);
        }
.pg-index .steps {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-top: 40px;
        }
.pg-index .step {
            text-align: center;
            position: relative;
        }
.pg-index .step-number {
            width: 60px;
            height: 60px;
            background: var(--gradient-primary);
            border: 2px solid var(--border-glow);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            font-size: 24px;
            font-weight: 700;
            color: var(--bg-dark);
        }
.pg-index .step h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 12px;
        }
.pg-index .step p {
            color: var(--text-secondary);
            font-size: 15px;
            max-width: 250px;
            margin: 0 auto;
        }
.pg-index .testimonials {
            padding: 80px 0;
        }
.pg-index .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }
.pg-index .testimonial-card {
            background: var(--bg-card);
            padding: 40px;
            border-radius: 24px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-index .testimonial-card p {
            font-size: 18px;
            line-height: 1.6;
            color: var(--text-primary);
            margin: 20px 0;
            font-style: italic;
        }
.pg-index .testimonial-author {
            display: flex;
            align-items: center;
            gap: 16px;
        }
.pg-index .author-avatar {
            width: 50px;
            height: 50px;
            background: var(--gradient-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            color: var(--bg-dark);
        }
.pg-index .author-info h4 {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-index .author-info p {
            font-size: 14px;
            color: var(--text-muted);
            margin: 0;
            font-style: normal;
        }
.pg-index .cta-section {
            padding: 80px 0;
            background: var(--bg-dark);
            border-top: 1px solid var(--border-glow);
            border-bottom: 1px solid var(--border-glow);
        }
.pg-index .cta-content {
            text-align: center;
            max-width: 600px;
            margin: 0 auto;
        }
.pg-index .cta-content h2 {
            font-size: 40px;
            font-weight: 700;
            letter-spacing: -1px;
            margin-bottom: 20px;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-index .cta-content p {
            font-size: 18px;
            color: var(--text-secondary);
            margin-bottom: 40px;
        }
.pg-index .cta-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
        }
.pg-index .btn-white {
            background: white;
            color: var(--bg-dark);
        }
.pg-index .btn-white:hover {
            background: #f5f5f5;
        }
.pg-index .btn-outline-white {
            background: transparent;
            border: 2px solid white;
            color: #0f172a;
        }
.pg-index .btn-outline-white:hover {
            background: rgba(15,23,42,0.1);
        }
.pg-index .footer {
            padding: 60px 0 30px;
            background: var(--bg-card);
            backdrop-filter: blur(10px);
            border-top: 1px solid var(--border-glow);
        }
.pg-index .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }
.pg-index .footer-about p {
            color: var(--text-secondary);
            margin: 20px 0;
            font-size: 14px;
            max-width: 300px;
        }
.pg-index .social-links {
            display: flex;
            gap: 16px;
        }
.pg-index .social-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 20px;
            transition: color 0.2s;
        }
.pg-index .social-links a:hover {
            color: var(--accent-pink);
        }
.pg-index .footer-links h4 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 20px;
        }
.pg-index .footer-links ul {
            list-style: none;
        }
.pg-index .footer-links li {
            margin-bottom: 12px;
        }
.pg-index .footer-links a {
            color: var(--text-secondary);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.2s;
        }
.pg-index .footer-links a:hover {
            color: var(--accent-pink);
        }
.pg-index .footer-bottom {
            text-align: center;
            padding-top: 30px;
            border-top: 1px solid var(--border-glow);
            color: var(--text-muted);
            font-size: 14px;
        }
@media  (max-width: 1024px)  { .pg-index .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
            }
.pg-index .hero-left p {
                margin: 0 auto 32px;
            }
.pg-index .hero-stats {
                justify-content: center;
            }
.pg-index .hero-buttons {
                justify-content: center;
            }
.pg-index .features-grid {
                grid-template-columns: repeat(2, 1fr);
            } }
@media  (max-width: 768px)  { .pg-index .nav-content {
                flex-direction: column;
                gap: 20px;
            }
.pg-index .nav-links {
                flex-direction: column;
                width: 100%;
            }
.pg-index .nav-buttons {
                width: 100%;
                flex-direction: column;
            }
.pg-index .hero-left h1 {
                font-size: 40px;
            }
.pg-index .features-grid {
                grid-template-columns: 1fr;
            }
.pg-index .steps {
                grid-template-columns: 1fr;
            }
.pg-index .testimonial-grid {
                grid-template-columns: 1fr;
            }
.pg-index .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
.pg-index .cta-buttons {
                flex-direction: column;
            }
.pg-index .hero-stats {
                flex-direction: column;
                gap: 20px;
            } }
@keyframes pg-index-fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
.pg-index .fade-in {
            animation: pg-index-fadeIn 0.6s ease-out;
        }
.pg-index.ld-dark-mode .btn-secondary { color: #f1f5f9 !important; }
.pg-index.ld-dark-mode .btn-outline-white { color: #f1f5f9 !important; }


/* ============ join.php (pg-join) ============ */
.pg-join {
                font-family: "Inter", sans-serif;
                background: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100vh;
                margin: 0;
                padding: 20px;
            }
.pg-join .error-container {
                max-width: 400px;
                background: rgba(15,23,42,.04);
                border-radius: 24px;
                padding: 40px;
                text-align: center;
                box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            }
.pg-join .error-icon {
                font-size: 64px;
                margin-bottom: 20px;
            }
.pg-join h1 {
                font-size: 24px;
                margin-bottom: 12px;
            }
.pg-join p {
                color: #666;
                margin-bottom: 24px;
            }
.pg-join .btn {
                display: inline-block;
                padding: 12px 24px;
                background: #e2e8f0;
                color: #0f172a;
                text-decoration: none;
                border-radius: 100px;
                font-weight: 600;
            }
.pg-join.ld-dark-mode p { color: #cbd5e1 !important; }
.pg-join.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-join {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-join, .pg-join {overflow-x:hidden;}
.pg-join {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-join::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-join .app, .pg-join .main, .pg-join .admin-main, .pg-join .admin-container, .pg-join .page-wrap, .pg-join .ld-page-wrap {position:relative;z-index:1;}
.pg-join .edit-card, .pg-join .card, .pg-join .section-card, .pg-join .settings-section, .pg-join .stat-card, .pg-join .info-card, .pg-join .content-card, .pg-join .panel, .pg-join .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-join .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-join .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-join .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-join .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-join .nav-item.active a, .pg-join .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-join .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-join .page-title h1 {color:#0f172a!important;}
.pg-join .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-join .form-input, .pg-join .form-select, .pg-join .form-textarea, .pg-join input[type=text], .pg-join input[type=email], .pg-join input[type=password], .pg-join input[type=number], .pg-join input[type=date], .pg-join input[type=time], .pg-join input[type=tel], .pg-join textarea, .pg-join select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-join .form-input::placeholder, .pg-join .form-textarea::placeholder, .pg-join input::placeholder, .pg-join textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-join .form-input:focus, .pg-join .form-textarea:focus, .pg-join input:focus, .pg-join textarea:focus, .pg-join select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-join select option {background:#f1f5f9;color:#0f172a;}
.pg-join .form-label, .pg-join label {color:rgba(15,23,42,.7)!important;}
.pg-join .btn-primary, .pg-join button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-join .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join table {border-collapse:collapse;}
.pg-join th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-join td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-join tr:last-child td {border-bottom:none!important;}
.pg-join tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-join .badge-success, .pg-join .status-active, .pg-join .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-join .badge-danger, .pg-join .status-expired, .pg-join .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-join .badge-warning, .pg-join .status-pending, .pg-join .status-Pending, .pg-join .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-join .badge-primary, .pg-join .badge-info, .pg-join .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-join .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-join .alert-error, .pg-join .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-join .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-join h1, .pg-join h2, .pg-join h3, .pg-join h4, .pg-join h5, .pg-join h6 {color:#0f172a;}
.pg-join h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-join .modal-content, .pg-join .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-join .modal-header, .pg-join .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-join .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-join a {color:#38bdf8;}
.pg-join a:hover {color:#0f172a;}
.pg-join .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-join .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-join .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-join .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-join hr {border-color:rgba(29,78,216,.2)!important;}
.pg-join .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-join .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-join .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-join ::-webkit-scrollbar {width:6px;height:6px;}
.pg-join ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-join ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-join.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode 
.edit-card, .pg-join.ld-dark-mode .card, .pg-join.ld-dark-mode .section-card, .pg-join.ld-dark-mode .settings-section, .pg-join.ld-dark-mode .stat-card, .pg-join.ld-dark-mode .info-card, .pg-join.ld-dark-mode .content-card, .pg-join.ld-dark-mode .panel, .pg-join.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-join.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .nav-item.active a, .pg-join.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-join.ld-dark-mode 
.form-input, .pg-join.ld-dark-mode .form-select, .pg-join.ld-dark-mode .form-textarea, .pg-join.ld-dark-mode input[type=text], .pg-join.ld-dark-mode input[type=email], .pg-join.ld-dark-mode input[type=password], .pg-join.ld-dark-mode input[type=number], .pg-join.ld-dark-mode input[type=date], .pg-join.ld-dark-mode input[type=time], .pg-join.ld-dark-mode input[type=tel], .pg-join.ld-dark-mode textarea, .pg-join.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .form-input::placeholder, .pg-join.ld-dark-mode .form-textarea::placeholder, .pg-join.ld-dark-mode input::placeholder, .pg-join.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-join.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .form-label, .pg-join.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-join.ld-dark-mode 
.btn-primary, .pg-join.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-join.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-join.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-join.ld-dark-mode 
h1, .pg-join.ld-dark-mode h2, .pg-join.ld-dark-mode h3, .pg-join.ld-dark-mode h4, .pg-join.ld-dark-mode h5, .pg-join.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode 
.modal-content, .pg-join.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .modal-header, .pg-join.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-join.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-join.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }
.pg-join {
                font-family: "Inter", sans-serif;
                background: #ffffff;
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100vh;
                margin: 0;
                padding: 20px;
            }
.pg-join .error-container {
                max-width: 400px;
                background: rgba(15,23,42,.04);
                border-radius: 24px;
                padding: 40px;
                text-align: center;
                box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            }
.pg-join .error-icon {
                font-size: 64px;
                margin-bottom: 20px;
            }
.pg-join h1 {
                font-size: 24px;
                margin-bottom: 12px;
            }
.pg-join p {
                color: #666;
                margin-bottom: 24px;
            }
.pg-join .btn {
                display: inline-block;
                padding: 12px 24px;
                background: #e2e8f0;
                color: #0f172a;
                text-decoration: none;
                border-radius: 100px;
                font-weight: 600;
            }
.pg-join.ld-dark-mode p { color: #cbd5e1 !important; }
.pg-join.ld-dark-mode .btn { color: #f1f5f9 !important; }


/* ============ join_company.php (pg-join-company) ============ */
.pg-join-company, .pg-join-company * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-join-company {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
.pg-join-company .container {
            max-width: 400px;
            width: 100%;
            background: white;
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
            padding: 40px;
            text-align: center;
        }
.pg-join-company .error {
            background: #fee2e2;
            color: #991b1b;
            border: 1px solid #fecaca;
            padding: 16px;
            border-radius: 12px;
            margin-bottom: 20px;
        }
.pg-join-company .btn {
            display: inline-block;
            padding: 12px 24px;
            background: #e2e8f0;
            color: #0f172a;
            text-decoration: none;
            border-radius: 100px;
            font-weight: 600;
            margin-top: 20px;
        }
.pg-join-company .btn:hover {
            background: #e2e8f0;
        }
.pg-join-company.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-join-company {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-join-company, .pg-join-company {overflow-x:hidden;}
.pg-join-company {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-join-company::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-join-company .app, .pg-join-company .main, .pg-join-company .admin-main, .pg-join-company .admin-container, .pg-join-company .page-wrap, .pg-join-company .ld-page-wrap {position:relative;z-index:1;}
.pg-join-company .edit-card, .pg-join-company .card, .pg-join-company .section-card, .pg-join-company .settings-section, .pg-join-company .stat-card, .pg-join-company .info-card, .pg-join-company .content-card, .pg-join-company .panel, .pg-join-company .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-join-company .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-join-company .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-join-company .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-join-company .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-join-company .nav-item.active a, .pg-join-company .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-join-company .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-join-company .page-title h1 {color:#0f172a!important;}
.pg-join-company .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-join-company .form-input, .pg-join-company .form-select, .pg-join-company .form-textarea, .pg-join-company input[type=text], .pg-join-company input[type=email], .pg-join-company input[type=password], .pg-join-company input[type=number], .pg-join-company input[type=date], .pg-join-company input[type=time], .pg-join-company input[type=tel], .pg-join-company textarea, .pg-join-company select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-join-company .form-input::placeholder, .pg-join-company .form-textarea::placeholder, .pg-join-company input::placeholder, .pg-join-company textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-join-company .form-input:focus, .pg-join-company .form-textarea:focus, .pg-join-company input:focus, .pg-join-company textarea:focus, .pg-join-company select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-join-company select option {background:#f1f5f9;color:#0f172a;}
.pg-join-company .form-label, .pg-join-company label {color:rgba(15,23,42,.7)!important;}
.pg-join-company .btn-primary, .pg-join-company button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join-company .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-join-company .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join-company .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join-company .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-join-company table {border-collapse:collapse;}
.pg-join-company th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-join-company td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-join-company tr:last-child td {border-bottom:none!important;}
.pg-join-company tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-join-company .badge-success, .pg-join-company .status-active, .pg-join-company .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-join-company .badge-danger, .pg-join-company .status-expired, .pg-join-company .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-join-company .badge-warning, .pg-join-company .status-pending, .pg-join-company .status-Pending, .pg-join-company .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-join-company .badge-primary, .pg-join-company .badge-info, .pg-join-company .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-join-company .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-join-company .alert-error, .pg-join-company .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-join-company .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-join-company h1, .pg-join-company h2, .pg-join-company h3, .pg-join-company h4, .pg-join-company h5, .pg-join-company h6 {color:#0f172a;}
.pg-join-company h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-join-company .modal-content, .pg-join-company .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-join-company .modal-header, .pg-join-company .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-join-company .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-join-company a {color:#38bdf8;}
.pg-join-company a:hover {color:#0f172a;}
.pg-join-company .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-join-company .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-join-company .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-join-company .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-join-company hr {border-color:rgba(29,78,216,.2)!important;}
.pg-join-company .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-join-company .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-join-company .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-join-company ::-webkit-scrollbar {width:6px;height:6px;}
.pg-join-company ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-join-company ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-join-company.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode 
.edit-card, .pg-join-company.ld-dark-mode .card, .pg-join-company.ld-dark-mode .section-card, .pg-join-company.ld-dark-mode .settings-section, .pg-join-company.ld-dark-mode .stat-card, .pg-join-company.ld-dark-mode .info-card, .pg-join-company.ld-dark-mode .content-card, .pg-join-company.ld-dark-mode .panel, .pg-join-company.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-join-company.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .nav-item.active a, .pg-join-company.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-join-company.ld-dark-mode 
.form-input, .pg-join-company.ld-dark-mode .form-select, .pg-join-company.ld-dark-mode .form-textarea, .pg-join-company.ld-dark-mode input[type=text], .pg-join-company.ld-dark-mode input[type=email], .pg-join-company.ld-dark-mode input[type=password], .pg-join-company.ld-dark-mode input[type=number], .pg-join-company.ld-dark-mode input[type=date], .pg-join-company.ld-dark-mode input[type=time], .pg-join-company.ld-dark-mode input[type=tel], .pg-join-company.ld-dark-mode textarea, .pg-join-company.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .form-input::placeholder, .pg-join-company.ld-dark-mode .form-textarea::placeholder, .pg-join-company.ld-dark-mode input::placeholder, .pg-join-company.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-join-company.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .form-label, .pg-join-company.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-join-company.ld-dark-mode 
.btn-primary, .pg-join-company.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-join-company.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-join-company.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-join-company.ld-dark-mode 
h1, .pg-join-company.ld-dark-mode h2, .pg-join-company.ld-dark-mode h3, .pg-join-company.ld-dark-mode h4, .pg-join-company.ld-dark-mode h5, .pg-join-company.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode 
.modal-content, .pg-join-company.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .modal-header, .pg-join-company.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-join-company.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-join-company.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ leaderboard.php (pg-leaderboard) ============ */
.pg-leaderboard, .pg-leaderboard * { margin:0; padding:0; box-sizing:border-box; }
.pg-leaderboard { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; }
.pg-leaderboard .admin-container { display:flex; min-height:100vh; }
.pg-leaderboard .admin-sidebar { width:280px; background:#e2e8f0; color:#0f172a; padding:32px 24px; position:fixed; height:100vh; overflow-y:auto; display:flex; flex-direction:column; }
.pg-leaderboard .admin-logo { font-size:24px; font-weight:700; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #e2e8f0; }
.pg-leaderboard .admin-logo span { color:#ef4444; font-size:12px; margin-left:8px; background:#e2e8f0; padding:4px 8px; border-radius:100px; }
.pg-leaderboard .admin-nav { list-style:none; flex:1; }
.pg-leaderboard .admin-nav li { margin-bottom:8px; }
.pg-leaderboard .admin-nav a { display:flex; align-items:center; padding:12px 16px; color:#999; text-decoration:none; border-radius:8px; transition:all 0.2s; gap:12px; }
.pg-leaderboard .admin-nav a:hover, .pg-leaderboard .admin-nav a.active { background:#e2e8f0; color:#0f172a; }
.pg-leaderboard .admin-nav a.active { border-left:3px solid #ef4444; }
.pg-leaderboard .back-to-app { margin-top:20px; padding-top:20px; border-top:1px solid #e2e8f0; }
.pg-leaderboard .back-to-app a { display:flex; align-items:center; gap:12px; color:#ef4444; text-decoration:none; padding:12px 16px; border-radius:8px; }
.pg-leaderboard .back-to-app a:hover { background:#e2e8f0; }
.pg-leaderboard .admin-main { flex:1; margin-left:280px; padding:32px; width:100%; overflow-x:auto; }
.pg-leaderboard .sidebar-logo span { background:#f0f0f0; padding:4px 12px; border-radius:40px; margin-left:8px; font-size:14px; }
.pg-leaderboard .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; flex-wrap:wrap; gap:16px; }
.pg-leaderboard .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-leaderboard .page-title p { color:#666; font-size:15px; }
.pg-leaderboard .tabs { display:flex; gap:12px; margin-bottom:24px; border-bottom:2px solid #eaeaea; padding-bottom:8px; flex-wrap:wrap; }
.pg-leaderboard .tab { padding:10px 24px; border-radius:100px; text-decoration:none; color:#666; font-weight:500; transition:all 0.2s; }
.pg-leaderboard .tab:hover { background:#f5f5f5; color:#0f172a; }
.pg-leaderboard .tab.active { background:#e2e8f0; color:#0f172a; }
.pg-leaderboard .stats-card { background: rgba(15,23,42,.04); border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); padding:24px; margin-bottom:32px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; }
.pg-leaderboard .my-rank h3, .pg-leaderboard .my-score h3 { font-size:14px; color:#666; margin-bottom:4px; text-transform:uppercase; }
.pg-leaderboard .my-rank .rank-number { font-size:36px; font-weight:700; color:#f59e0b; }
.pg-leaderboard .my-score .score-number { font-size:36px; font-weight:700; }
.pg-leaderboard .leaderboard-table { width:100%; background:white; border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); border-collapse:collapse; overflow:auto; display:block; }
.pg-leaderboard .leaderboard-table thead, .pg-leaderboard .leaderboard-table tbody { display:table; width:100%; }
.pg-leaderboard .leaderboard-table th, .pg-leaderboard .leaderboard-table td { padding:16px 24px; text-align:left; border-bottom:1px solid #eaeaea; }
.pg-leaderboard .leaderboard-table th { background:#fafafa; font-weight:600; font-size:13px; color:#666; }
.pg-leaderboard .leaderboard-table td { font-size:14px; }
.pg-leaderboard .rank-badge { display:inline-block; width:32px; height:32px; background:#f0f0f0; border-radius:50%; text-align:center; line-height:32px; font-weight:600; color:#666; }
.pg-leaderboard .rank-1 { background:#fbbf24; color:#0f172a; }
.pg-leaderboard .rank-2 { background:#94a3b8; color:#0f172a; }
.pg-leaderboard .rank-3 { background:#b45309; color:#0f172a; }
.pg-leaderboard .current-user { background:#fef3c7; }
.pg-leaderboard .empty-state { text-align:center; padding:60px 20px; background:white; border-radius:20px; border: 1.5px solid rgba(29,78,216,.25); }
.pg-leaderboard .empty-state span { font-size:48px; display:block; margin-bottom:16px; }
@media  (max-width:768px)  { .pg-leaderboard .admin-sidebar, .pg-leaderboard .admin-sidebar.open, .pg-leaderboard .admin-main, .pg-leaderboard .main { margin-left:0; padding:16px; }
.pg-leaderboard .leaderboard-table { display:block; overflow-x:auto; }
.pg-leaderboard .tabs { flex-direction:column; }
.pg-leaderboard .tab { text-align:center; } }
.pg-leaderboard { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-leaderboard .ld-main, .pg-leaderboard @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-leaderboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .admin-sidebar { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .admin-nav a { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .admin-nav a:hover, .pg-leaderboard.ld-dark-mode .admin-nav a.active { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .tab { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .tab:hover { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .tab.active { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .my-rank h3, .pg-leaderboard.ld-dark-mode .my-score h3 { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .leaderboard-table th { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .rank-badge { color: #cbd5e1 !important; }
.pg-leaderboard.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-leaderboard {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-leaderboard, .pg-leaderboard {overflow-x:hidden;}
.pg-leaderboard {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-leaderboard::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-leaderboard .app, .pg-leaderboard .main, .pg-leaderboard .admin-main, .pg-leaderboard .admin-container, .pg-leaderboard .page-wrap, .pg-leaderboard .ld-page-wrap {position:relative;z-index:1;}
.pg-leaderboard .edit-card, .pg-leaderboard .card, .pg-leaderboard .section-card, .pg-leaderboard .settings-section, .pg-leaderboard .stat-card, .pg-leaderboard .info-card, .pg-leaderboard .content-card, .pg-leaderboard .panel, .pg-leaderboard .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-leaderboard .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-leaderboard .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-leaderboard .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-leaderboard .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-leaderboard .nav-item.active a, .pg-leaderboard .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-leaderboard .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-leaderboard .page-title h1 {color:#0f172a!important;}
.pg-leaderboard .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-leaderboard .form-input, .pg-leaderboard .form-select, .pg-leaderboard .form-textarea, .pg-leaderboard input[type=text], .pg-leaderboard input[type=email], .pg-leaderboard input[type=password], .pg-leaderboard input[type=number], .pg-leaderboard input[type=date], .pg-leaderboard input[type=time], .pg-leaderboard input[type=tel], .pg-leaderboard textarea, .pg-leaderboard select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-leaderboard .form-input::placeholder, .pg-leaderboard .form-textarea::placeholder, .pg-leaderboard input::placeholder, .pg-leaderboard textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-leaderboard .form-input:focus, .pg-leaderboard .form-textarea:focus, .pg-leaderboard input:focus, .pg-leaderboard textarea:focus, .pg-leaderboard select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-leaderboard select option {background:#f1f5f9;color:#0f172a;}
.pg-leaderboard .form-label, .pg-leaderboard label {color:rgba(15,23,42,.7)!important;}
.pg-leaderboard .btn-primary, .pg-leaderboard button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-leaderboard .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-leaderboard .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-leaderboard .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-leaderboard .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-leaderboard table {border-collapse:collapse;}
.pg-leaderboard th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-leaderboard td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-leaderboard tr:last-child td {border-bottom:none!important;}
.pg-leaderboard tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-leaderboard .badge-success, .pg-leaderboard .status-active, .pg-leaderboard .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-leaderboard .badge-danger, .pg-leaderboard .status-expired, .pg-leaderboard .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-leaderboard .badge-warning, .pg-leaderboard .status-pending, .pg-leaderboard .status-Pending, .pg-leaderboard .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-leaderboard .badge-primary, .pg-leaderboard .badge-info, .pg-leaderboard .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-leaderboard .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-leaderboard .alert-error, .pg-leaderboard .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-leaderboard .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-leaderboard h1, .pg-leaderboard h2, .pg-leaderboard h3, .pg-leaderboard h4, .pg-leaderboard h5, .pg-leaderboard h6 {color:#0f172a;}
.pg-leaderboard h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-leaderboard .modal-content, .pg-leaderboard .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-leaderboard .modal-header, .pg-leaderboard .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-leaderboard .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-leaderboard a {color:#38bdf8;}
.pg-leaderboard a:hover {color:#0f172a;}
.pg-leaderboard .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-leaderboard .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-leaderboard .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-leaderboard .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-leaderboard hr {border-color:rgba(29,78,216,.2)!important;}
.pg-leaderboard .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-leaderboard .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-leaderboard .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-leaderboard ::-webkit-scrollbar {width:6px;height:6px;}
.pg-leaderboard ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-leaderboard ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-leaderboard.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode 
.edit-card, .pg-leaderboard.ld-dark-mode .card, .pg-leaderboard.ld-dark-mode .section-card, .pg-leaderboard.ld-dark-mode .settings-section, .pg-leaderboard.ld-dark-mode .stat-card, .pg-leaderboard.ld-dark-mode .info-card, .pg-leaderboard.ld-dark-mode .content-card, .pg-leaderboard.ld-dark-mode .panel, .pg-leaderboard.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-leaderboard.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .nav-item.active a, .pg-leaderboard.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-leaderboard.ld-dark-mode 
.form-input, .pg-leaderboard.ld-dark-mode .form-select, .pg-leaderboard.ld-dark-mode .form-textarea, .pg-leaderboard.ld-dark-mode input[type=text], .pg-leaderboard.ld-dark-mode input[type=email], .pg-leaderboard.ld-dark-mode input[type=password], .pg-leaderboard.ld-dark-mode input[type=number], .pg-leaderboard.ld-dark-mode input[type=date], .pg-leaderboard.ld-dark-mode input[type=time], .pg-leaderboard.ld-dark-mode input[type=tel], .pg-leaderboard.ld-dark-mode textarea, .pg-leaderboard.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .form-input::placeholder, .pg-leaderboard.ld-dark-mode .form-textarea::placeholder, .pg-leaderboard.ld-dark-mode input::placeholder, .pg-leaderboard.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-leaderboard.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .form-label, .pg-leaderboard.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-leaderboard.ld-dark-mode 
.btn-primary, .pg-leaderboard.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-leaderboard.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-leaderboard.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-leaderboard.ld-dark-mode 
h1, .pg-leaderboard.ld-dark-mode h2, .pg-leaderboard.ld-dark-mode h3, .pg-leaderboard.ld-dark-mode h4, .pg-leaderboard.ld-dark-mode h5, .pg-leaderboard.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode 
.modal-content, .pg-leaderboard.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .modal-header, .pg-leaderboard.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-leaderboard.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-leaderboard.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ leaderboard_country.php (pg-leaderboard-country) ============ */
.pg-leaderboard-country {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-leaderboard-country, .pg-leaderboard-country * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-leaderboard-country, .pg-leaderboard-country { max-width: 100%; overflow-x: hidden; }
.pg-leaderboard-country {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-leaderboard-country .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-leaderboard-country-gridMove 20s linear infinite;
        }
@keyframes pg-leaderboard-country-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-leaderboard-country .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-leaderboard-country .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-leaderboard-country-float 15s infinite linear;
        }
@keyframes pg-leaderboard-country-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-leaderboard-country h1, .pg-leaderboard-country h2, .pg-leaderboard-country h3, .pg-leaderboard-country h4, .pg-leaderboard-country h5, .pg-leaderboard-country h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-leaderboard-country a { color: inherit; text-decoration: none; }
.pg-leaderboard-country .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-leaderboard-country .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-leaderboard-country .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-leaderboard-country .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-leaderboard-country .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-leaderboard-country .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-leaderboard-country .btn {
            padding: 8px 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.8125rem;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
.pg-leaderboard-country .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-leaderboard-country .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-leaderboard-country .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-leaderboard-country .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-leaderboard-country .filter-bar {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            align-items: flex-end;
            flex-wrap: wrap;
            background: var(--bg-card);
            padding: 16px;
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .filter-group {
            flex: 1;
            min-width: 150px;
        }
.pg-leaderboard-country .filter-label {
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--text-muted);
            margin-bottom: 4px;
        }
.pg-leaderboard-country .filter-select {
            width: 100%;
            padding: 8px 12px;
            background: rgba(15,23,42,0.05);
            border: 1px solid var(--border-glow);
            border-radius: 8px;
            font-size: 0.8125rem;
            color: var(--text-primary);
        }
.pg-leaderboard-country .filter-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-leaderboard-country .my-rank-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .my-rank-info {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
        }
.pg-leaderboard-country .my-rank-item {
            text-align: center;
        }
.pg-leaderboard-country .my-rank-value {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-leaderboard-country .my-rank-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
        }
.pg-leaderboard-country .country-header {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            text-align: center;
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .country-header h2 {
            font-size: 1.5rem;
            margin-bottom: 0.25rem;
        }
.pg-leaderboard-country .country-header p {
            color: var(--text-muted);
        }
.pg-leaderboard-country .leaderboard-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .leaderboard-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-leaderboard-country .leaderboard-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-leaderboard-country .leaderboard-table tr:last-child td {
            border-bottom: none;
        }
.pg-leaderboard-country .rank-badge {
            display: inline-block;
            width: 32px;
            height: 32px;
            background: rgba(15,23,42,0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 32px;
            font-weight: 600;
            font-size: 0.8125rem;
        }
.pg-leaderboard-country .rank-1 { background: #fbbf24; color: #0f172a; }
.pg-leaderboard-country .rank-2 { background: #94a3b8; color: #0f172a; }
.pg-leaderboard-country .rank-3 { background: #b45309; color: #0f172a; }
.pg-leaderboard-country .current-user-row {
            background: rgba(29,78,216, 0.15);
        }
.pg-leaderboard-country .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-leaderboard-country .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-leaderboard-country .empty-state p {
            color: var(--text-muted);
        }
.pg-leaderboard-country .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-country .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-leaderboard-country .nav-item a { color: var(--text-secondary) !important; }
.pg-leaderboard-country .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-leaderboard-country .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-leaderboard-country .sidebar { transform: translateX(-100%); }
.pg-leaderboard-country .sidebar.open { transform: translateX(0); }
.pg-leaderboard-country .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-leaderboard-country .menu-toggle { display: block; }
.pg-leaderboard-country .filter-bar { flex-direction: column; align-items: stretch; }
.pg-leaderboard-country .leaderboard-table { display: block; overflow-x: auto; }
.pg-leaderboard-country .my-rank-card { flex-direction: column; text-align: center; }
.pg-leaderboard-country .my-rank-info { justify-content: center; }
.pg-leaderboard-country .page-title h1 { font-size: 2rem; } }
.pg-leaderboard-country.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-leaderboard-country.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-leaderboard-country.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-leaderboard-country.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ leaderboard_global.php (pg-leaderboard-global) ============ */
.pg-leaderboard-global {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-leaderboard-global, .pg-leaderboard-global * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-leaderboard-global, .pg-leaderboard-global { max-width: 100%; overflow-x: hidden; }
.pg-leaderboard-global {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-leaderboard-global .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-leaderboard-global-gridMove 20s linear infinite;
        }
@keyframes pg-leaderboard-global-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-leaderboard-global .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-leaderboard-global .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-leaderboard-global-float 15s infinite linear;
        }
@keyframes pg-leaderboard-global-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-leaderboard-global h1, .pg-leaderboard-global h2, .pg-leaderboard-global h3, .pg-leaderboard-global h4, .pg-leaderboard-global h5, .pg-leaderboard-global h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-leaderboard-global a { color: inherit; text-decoration: none; }
.pg-leaderboard-global .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-leaderboard-global .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-leaderboard-global .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-leaderboard-global .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-leaderboard-global .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-leaderboard-global .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-leaderboard-global .btn {
            padding: 8px 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.8125rem;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
.pg-leaderboard-global .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-leaderboard-global .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-leaderboard-global .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-leaderboard-global .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-leaderboard-global .filter-bar {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            align-items: flex-end;
            flex-wrap: wrap;
            background: var(--bg-card);
            padding: 16px;
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-global .filter-group {
            flex: 1;
            min-width: 150px;
        }
.pg-leaderboard-global .filter-label {
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--text-muted);
            margin-bottom: 4px;
        }
.pg-leaderboard-global .filter-select {
            width: 100%;
            padding: 8px 12px;
            background: rgba(15,23,42,0.05);
            border: 1px solid var(--border-glow);
            border-radius: 8px;
            font-size: 0.8125rem;
            color: var(--text-primary);
        }
.pg-leaderboard-global .filter-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-leaderboard-global .my-rank-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-global .my-rank-info {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
        }
.pg-leaderboard-global .my-rank-item {
            text-align: center;
        }
.pg-leaderboard-global .my-rank-value {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-leaderboard-global .my-rank-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
        }
.pg-leaderboard-global .leaderboard-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-global .leaderboard-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-leaderboard-global .leaderboard-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-leaderboard-global .leaderboard-table tr:last-child td {
            border-bottom: none;
        }
.pg-leaderboard-global .rank-badge {
            display: inline-block;
            width: 32px;
            height: 32px;
            background: rgba(15,23,42,0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 32px;
            font-weight: 600;
            font-size: 0.8125rem;
        }
.pg-leaderboard-global .rank-1 { background: #fbbf24; color: #0f172a; }
.pg-leaderboard-global .rank-2 { background: #94a3b8; color: #0f172a; }
.pg-leaderboard-global .rank-3 { background: #b45309; color: #0f172a; }
.pg-leaderboard-global .current-user-row {
            background: rgba(29,78,216, 0.15);
        }
.pg-leaderboard-global .note {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 8px;
            text-align: center;
        }
.pg-leaderboard-global .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-global .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-leaderboard-global .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-leaderboard-global .empty-state p {
            color: var(--text-muted);
        }
.pg-leaderboard-global .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-leaderboard-global .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-leaderboard-global .nav-item a { color: var(--text-secondary) !important; }
.pg-leaderboard-global .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-leaderboard-global .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-leaderboard-global .sidebar { transform: translateX(-100%); }
.pg-leaderboard-global .sidebar.open { transform: translateX(0); }
.pg-leaderboard-global .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-leaderboard-global .menu-toggle { display: block; }
.pg-leaderboard-global .filter-bar { flex-direction: column; align-items: stretch; }
.pg-leaderboard-global .leaderboard-table { display: block; overflow-x: auto; }
.pg-leaderboard-global .my-rank-card { flex-direction: column; text-align: center; }
.pg-leaderboard-global .my-rank-info { justify-content: center; }
.pg-leaderboard-global .page-title h1 { font-size: 2rem; } }
.pg-leaderboard-global.ld-dark-mode .rank-1 { color: #f1f5f9 !important; }
.pg-leaderboard-global.ld-dark-mode .rank-2 { color: #f1f5f9 !important; }
.pg-leaderboard-global.ld-dark-mode .rank-3 { color: #f1f5f9 !important; }
.pg-leaderboard-global.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ leaders_academy.php (pg-leaders-academy) ============ */
.pg-leaders-academy {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--ink:#0f172a;--muted:rgba(15,23,42,.55);--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);}
.pg-leaders-academy, .pg-leaders-academy *, .pg-leaders-academy, .pg-leaders-academy *::before, .pg-leaders-academy, .pg-leaders-academy *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-leaders-academy {font-family:"Inter",sans-serif;background:var(--bg);color:var(--ink);}
.pg-leaders-academy h1, .pg-leaders-academy h2, .pg-leaders-academy h3 {font-family:"Space Grotesk",sans-serif;}
.pg-leaders-academy .wrap {max-width:900px;margin:0 auto;padding:32px 20px 100px;}
.pg-leaders-academy .top {display:flex;align-items:center;gap:14px;margin-bottom:28px;}
.pg-leaders-academy .top a {color:var(--muted);text-decoration:none;font-size:14px;}
.pg-leaders-academy .hero {background:linear-gradient(135deg,#171b26,#1f2436);color:#fff;border-radius:24px;padding:36px 32px;margin-bottom:28px;position:relative;overflow:hidden;}
.pg-leaders-academy .hero h1 {font-size:1.6rem;margin-bottom:8px;}
.pg-leaders-academy .hero p {color:rgba(255,255,255,.7);font-size:15px;max-width:52ch;}
.pg-leaders-academy .alert {padding:12px 18px;border-radius:12px;margin-bottom:20px;font-size:14px;}
.pg-leaders-academy .alert-ok {background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;}
.pg-leaders-academy .alert-err {background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}
.pg-leaders-academy .card {background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;margin-bottom:20px;}
.pg-leaders-academy .card h2 {font-size:1.15rem;margin-bottom:6px;}
.pg-leaders-academy .card .sub {color:var(--muted);font-size:14px;margin-bottom:18px;}
.pg-leaders-academy .date-row {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.pg-leaders-academy .date-row:last-child {border-bottom:none;}
.pg-leaders-academy .date-row .info b {display:block;font-size:15px;}
.pg-leaders-academy .date-row .info span {font-size:13px;color:var(--muted);}
.pg-leaders-academy .btn {padding:10px 20px;border-radius:100px;font-weight:700;font-size:13.5px;cursor:pointer;border:none;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.pg-leaders-academy .btn-primary {background:var(--grad);color:#fff;}
.pg-leaders-academy .btn-joined {background:#ecfdf5;color:#065f46;}
.pg-leaders-academy .progress-track {display:flex;gap:5px;margin:18px 0 22px;flex-wrap:wrap;}
.pg-leaders-academy .progress-track span {width:20px;height:20px;border-radius:6px;background:rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--muted);}
.pg-leaders-academy .progress-track span.done {background:linear-gradient(135deg,#38bdf8,#1d4ed8);color:#fff;}
.pg-leaders-academy .progress-track span.today {outline:2px solid #1d4ed8;outline-offset:2px;}
.pg-leaders-academy .day-card {border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:14px;}
.pg-leaders-academy .day-card .daylabel {font-size:12px;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.pg-leaders-academy .day-card h3 {font-size:1.1rem;margin-bottom:6px;}
.pg-leaders-academy .day-card p {color:var(--muted);font-size:14px;margin-bottom:14px;}
.pg-leaders-academy .day-card.locked {opacity:.45;}
.pg-leaders-academy textarea {width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:rgba(15,23,42,.03);font-family:inherit;font-size:14px;margin-bottom:10px;resize:vertical;}
.pg-leaders-academy .empty {text-align:center;padding:40px 20px;color:var(--muted);}


/* ============ login.php (pg-login) ============ */
.pg-login {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
        }
.pg-login, .pg-login * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-login {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            position: relative;
            overflow-x: hidden;
        }
.pg-login .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-login-gridMove 20s linear infinite;
        }
@keyframes pg-login-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-login .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-login .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-login-float 15s infinite linear;
        }
@keyframes pg-login-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-login h1, .pg-login h2, .pg-login h3 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
        }
.pg-login .split-screen {
            display: flex;
            max-width: 1200px;
            width: 100%;
            min-height: 600px;
            background: rgba(15,23,42,0.02);
            backdrop-filter: blur(10px);
            border: 1px solid var(--border-glow);
            border-radius: 32px;
            overflow: hidden;
            position: relative;
            z-index: 10;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }
.pg-login .left-panel {
            flex: 1;
            background: linear-gradient(160deg, rgba(29,78,216, 0.1), rgba(15,23,42,0.9));
            padding: 60px 48px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
.pg-login .left-panel::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(29,78,216, 0.15) 0%, transparent 70%);
            animation: pg-login-rotate 30s linear infinite;
        }
@keyframes pg-login-rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
.pg-login .left-panel h1 {
            font-size: 3.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
            animation: pg-login-titleGlow 3s ease-in-out infinite;
        }
@keyframes pg-login-titleGlow {
            0%, 100% { filter: drop-shadow(0 0 10px rgba(29,78,216, 0.3)); }
            50% { filter: drop-shadow(0 0 20px rgba(29,78,216, 0.6)); }
        }
.pg-login .left-panel p {
            color: var(--text-secondary);
            max-width: 400px;
            font-size: 1.1rem;
            line-height: 1.6;
            position: relative;
            z-index: 2;
        }
.pg-login .color-blocks {
            display: grid;
            grid-template-columns: repeat(2, 80px);
            gap: 15px;
            margin-top: 40px;
            position: relative;
            z-index: 2;
        }
.pg-login .block {
            height: 80px;
            border-radius: 12px;
            transition: transform 0.3s ease;
        }
.pg-login .block:hover { transform: scale(1.05); }
.pg-login .block-1 { background: var(--primary-purple); }
.pg-login .block-2 { background: var(--accent-pink); }
.pg-login .block-3 { background: rgba(15,23,42,0.1); border: 1px solid var(--border-glow); }
.pg-login .block-4 { background: linear-gradient(135deg, var(--primary-purple), var(--accent-pink)); }
.pg-login .right-panel {
            flex: 1;
            padding: 60px 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(15,23,42,0.02);
            backdrop-filter: blur(10px);
        }
.pg-login .login-card {
            width: 100%;
            max-width: 420px;
        }
.pg-login .brand {
            text-align: center;
            margin-bottom: 32px;
        }
.pg-login .brand h2 {
            font-size: 2rem;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 8px;
        }
.pg-login .brand .badge {
            display: inline-block;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            font-size: 0.75rem;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 40px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }
.pg-login .alert {
            padding: 14px 18px;
            border-radius: 16px;
            margin-bottom: 24px;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            gap: 12px;
            animation: pg-login-slideDown 0.3s ease-out;
            border: 1px solid transparent;
        }
.pg-login .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: #10b981;
            border-color: rgba(16, 185, 129, 0.3);
        }
.pg-login .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: #ef4444;
            border-color: rgba(239, 68, 68, 0.3);
        }
.pg-login .alert-info {
            background: rgba(245, 158, 11, 0.1);
            color: #f59e0b;
            border-color: rgba(245, 158, 11, 0.3);
        }
@keyframes pg-login-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-login .form-group { margin-bottom: 24px; }
.pg-login .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
            margin-bottom: 8px;
        }
.pg-login .input-wrapper {
            position: relative;
        }
.pg-login .input-icon {
            position: absolute;
            left: 16px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--text-muted);
            font-size: 1rem;
            pointer-events: none;
        }
.pg-login .form-input {
            width: 100%;
            padding: 14px 16px 14px 48px;
            background: rgba(15,23,42,0.03);
            border: 1.5px solid var(--border-glow);
            border-radius: 16px;
            font-size: 0.9375rem;
            transition: all 0.3s ease;
            font-family: "Inter", sans-serif;
            color: var(--text-primary);
        }
.pg-login .form-input:focus {
            outline: none;
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
            background: rgba(15,23,42,0.05);
        }
.pg-login .form-input::placeholder { color: var(--text-muted); }
.pg-login .password-toggle {
            position: absolute;
            right: 16px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: var(--text-muted);
            font-size: 1rem;
            cursor: pointer;
            padding: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s;
        }
.pg-login .password-toggle:hover { color: var(--accent-pink); }
.pg-login .form-hint {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 6px;
            margin-left: 4px;
        }
.pg-login .form-options {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 20px 0 28px;
        }
.pg-login .checkbox {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }
.pg-login .checkbox input {
            width: 18px;
            height: 18px;
            accent-color: var(--primary-purple);
            cursor: pointer;
        }
.pg-login .checkbox span {
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-login .forgot-link {
            color: var(--accent-pink);
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
            transition: color 0.2s;
        }
.pg-login .forgot-link:hover { color: var(--primary-purple); text-decoration: underline; }
.pg-login .btn {
            width: 100%;
            padding: 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 1rem;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-login .btn:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(29,78,216, 0.3);
        }
.pg-login .btn:active { transform: translateY(0); }
.pg-login .divider {
            display: flex;
            align-items: center;
            text-align: center;
            margin: 28px 0 20px;
        }
.pg-login .divider::before, .pg-login .divider::after {
            content: "";
            flex: 1;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-login .divider span {
            padding: 0 12px;
            color: var(--text-muted);
            font-size: 0.75rem;
            font-weight: 500;
            text-transform: uppercase;
        }
.pg-login .register-links {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
.pg-login .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
            box-shadow: none;
            text-align: center;
            text-decoration: none;
            display: block;
        }
.pg-login .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
.pg-login .btn-company {
            background: var(--gradient-primary);
            color: var(--bg-dark);
        }
.pg-login .btn-company:hover {
            background-position: right center;
        }
.pg-login .footer-note {
            margin-top: 24px;
            text-align: center;
            font-size: 0.8125rem;
            color: var(--text-muted);
        }
.pg-login .footer-note a {
            color: var(--accent-pink);
            text-decoration: none;
            font-weight: 500;
        }
.pg-login .footer-note a:hover { text-decoration: underline; }
@media  (max-width: 900px)  { .pg-login .split-screen { flex-direction: column; max-width: 500px; }
.pg-login .left-panel { padding: 40px 32px; text-align: center; }
.pg-login .left-panel p { max-width: 100%; }
.pg-login .color-blocks { justify-content: center; margin-left: auto; margin-right: auto; }
.pg-login .right-panel { padding: 40px 32px; } }
@media  (max-width: 480px)  { .pg-login { padding: 16px; align-items: flex-start; }
.pg-login .split-screen { border-radius: 24px; }
.pg-login .left-panel h1 { font-size: 2.5rem; }
.pg-login .left-panel { padding: 32px 20px; }
.pg-login .right-panel { padding: 32px 20px; } }


/* ============ lounge.php (pg-lounge) ============ */
.pg-lounge {
    --bg:#ffffff; --surface:rgba(15,23,42,.03); --border:rgba(29,78,216,.18);
    --purple:#1d4ed8; --pink:#38bdf8; --grad:linear-gradient(135deg,#38bdf8,#1d4ed8);
    --text:#0f172a; --text2:rgba(15,23,42,.65); --text3:rgba(15,23,42,.4);
    --green:#10b981; --red:#ef4444; --card:rgba(15,23,42,.03);
    --nav-w:280px;
}
.pg-lounge, .pg-lounge *, .pg-lounge, .pg-lounge *::before, .pg-lounge, .pg-lounge *::after { box-sizing:border-box; margin:0; padding:0; }
.pg-lounge, .pg-lounge {
    overflow-x:hidden;
    max-width:100%;
}
.pg-lounge {
    font-family:"Inter",sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.5;
}
.pg-lounge .grid-bg {
    position:fixed; inset:0;
    background-image:
        linear-gradient(rgba(29,78,216,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(29,78,216,.03) 1px,transparent 1px);
    background-size:50px 50px;
    pointer-events:none; z-index:0;
}
.pg-lounge .ld-page-wrap {
    display:flex;
    min-height:100vh;
    position:relative;
    z-index:1;
    overflow:hidden;
}
.pg-lounge .lounge-main {
    flex:1;
    min-width:0;                 
    width:0;                     
    margin-left:var(--nav-w);
    padding:2rem 2rem 2rem;
    overflow-x:hidden;
}
.pg-lounge .lounge-header {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    gap:.875rem;
    margin-bottom:1.75rem;
}
.pg-lounge .lounge-title {
    font-family:"Space Grotesk",sans-serif;
    font-size:clamp(1.25rem, 2.5vw, 2rem);
    font-weight:800;
    background:var(--grad);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    word-break:break-word;
}
.pg-lounge .lounge-subtitle { color:var(--text3); font-size:.875rem; margin-top:3px; }
.pg-lounge .lounge-topbar { display:flex; align-items:center; }
.pg-lounge .user-chip {
    display:flex; align-items:center; gap:.625rem;
    background:var(--surface); border:1px solid var(--border);
    border-radius:100px; padding:.5rem 1rem;
    text-decoration:none; color:var(--text2); font-size:.875rem;
    white-space:nowrap; transition:border-color .18s; max-width:220px;
    overflow:hidden; text-overflow:ellipsis;
}
.pg-lounge .user-chip:hover { border-color:var(--pink); }
.pg-lounge .user-chip-avatar {
    width:28px; height:28px; border-radius:50%; background:var(--grad);
    display:flex; align-items:center; justify-content:center;
    font-size:.78rem; font-weight:700; color:#0f172a; flex-shrink:0;
}
.pg-lounge .lounge-body {
    display:grid;
    grid-template-columns:minmax(0,1fr) 272px;
    gap:1.5rem;
    align-items:start;
    width:100%;
    overflow:hidden;
}
.pg-lounge .feed-col { min-width:0; overflow:hidden; }
.pg-lounge .sidebar-col { min-width:0; overflow:hidden; }
.pg-lounge .compose-box {
    background:var(--card); border:1px solid var(--border);
    border-radius:18px; padding:1.1rem; margin-bottom:1.1rem;
    overflow:hidden;
}
.pg-lounge .compose-row { display:flex; align-items:center; gap:.75rem; min-width:0; }
.pg-lounge .compose-avatar {
    width:38px; height:38px; border-radius:50%; background:var(--grad);
    display:flex; align-items:center; justify-content:center;
    font-weight:700; color:#0f172a; font-size:.9rem; flex-shrink:0;
}
.pg-lounge .compose-input {
    flex:1; min-width:0;
    background:rgba(15,23,42,.06); border:1.5px solid var(--border);
    border-radius:100px; padding:.65rem 1rem;
    color:var(--text2); font-family:inherit; font-size:.875rem;
    cursor:pointer; transition:border-color .18s; text-align:left;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.pg-lounge .compose-input:hover { border-color:var(--pink); }
.pg-lounge .compose-actions {
    display:flex; gap:.25rem; flex-wrap:wrap;
    margin-top:.875rem; padding-top:.875rem; border-top:1px solid var(--border);
}
.pg-lounge .compose-btn {
    display:inline-flex; align-items:center; gap:.25rem;
    background:none; border:none; color:var(--text3);
    font-size:.75rem; font-family:inherit; cursor:pointer;
    padding:.3rem .55rem; border-radius:8px; transition:all .18s;
    white-space:nowrap;
}
.pg-lounge .compose-btn:hover { background:rgba(29,78,216,.12); color:var(--text); }
.pg-lounge .channel-bar {
    display:flex; gap:.35rem; margin-bottom:1rem;
    overflow-x:auto; overflow-y:hidden;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    width:100%;
}
.pg-lounge .channel-bar::-webkit-scrollbar { display:none; }
.pg-lounge .ch-pill {
    flex-shrink:0;
    padding:.35rem .75rem; border-radius:100px;
    font-size:.73rem; font-weight:600; color:var(--text3);
    border:1px solid var(--border); text-decoration:none;
    white-space:nowrap; transition:all .18s; background:none;
}
.pg-lounge .ch-pill:hover { border-color:var(--purple); color:var(--text); }
.pg-lounge .ch-pill.active { background:var(--grad); color:#0f172a; border-color:transparent; }
.pg-lounge .sort-tabs {
    display:flex; gap:.25rem; margin-bottom:1rem;
    background:var(--surface); border:1px solid var(--border);
    border-radius:12px; padding:.25rem; overflow:hidden;
}
.pg-lounge .sort-tab {
    flex:1; padding:.42rem .625rem; border-radius:9px;
    font-size:.75rem; font-weight:600; color:var(--text3);
    text-decoration:none; transition:all .18s;
    cursor:pointer; background:none; border:none;
    font-family:inherit; white-space:nowrap; text-align:center;
}
.pg-lounge .sort-tab:hover { color:var(--text); }
.pg-lounge .sort-tab.active { background:var(--grad); color:#0f172a; }
.pg-lounge .scope-switcher {
    display:flex; align-items:center; gap:.5rem;
    margin-bottom:1.1rem; flex-wrap:wrap;
}
.pg-lounge .scope-tab {
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.5rem 1.1rem; border-radius:100px;
    font-size:.8rem; font-weight:700;
    text-decoration:none; color:rgba(15,23,42,.5);
    border:1.5px solid rgba(29,78,216,.2);
    transition:all .2s; background:none;
}
.pg-lounge .scope-tab:hover { border-color:rgba(56,189,248,.35); color:rgba(15,23,42,.8); }
.pg-lounge .scope-tab.active {
    background:var(--grad); color:#0f172a;
    border-color:transparent; box-shadow:0 4px 16px rgba(29,78,216,.3);
}
.pg-lounge .scope-tab .scope-dot {
    width:7px; height:7px; border-radius:50%;
    background:currentColor; display:inline-block;
}
.pg-lounge .scope-label {
    font-size:.72rem; color:rgba(15,23,42,.35);
    margin-right:.25rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
}
.pg-lounge .post-card {
    background:var(--card); border:1px solid var(--border);
    border-radius:16px; padding:1rem;
    margin-bottom:.875rem;
    transition:border-color .22s, transform .22s;
    animation:pg-lounge-fadeUp .28s ease-out;
    overflow:hidden; min-width:0;
}
.pg-lounge .post-card:hover { border-color:rgba(56,189,248,.3); transform:translateY(-1px); }
.pg-lounge .post-card.pinned { border-color:rgba(29,78,216,.4); background:rgba(29,78,216,.05); }
@keyframes pg-lounge-fadeUp { from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;} }
.pg-lounge .post-meta {
    display:flex; align-items:center; gap:.6rem;
    margin-bottom:.7rem; flex-wrap:wrap; min-width:0;
}
.pg-lounge .post-avatar {
    width:38px; height:38px; border-radius:50%; background:var(--grad);
    display:flex; align-items:center; justify-content:center;
    font-weight:700; color:#0f172a; font-size:.875rem; flex-shrink:0;
}
.pg-lounge .post-author { font-weight:700; font-size:.875rem; }
.pg-lounge .post-role { font-size:.68rem; color:var(--text3); }
.pg-lounge .post-time { font-size:.66rem; color:var(--text3); margin-left:auto; white-space:nowrap; }
.pg-lounge .post-content {
    font-size:.875rem; line-height:1.65; color:var(--text2);
    margin-bottom:.7rem;
    white-space:pre-wrap;
    word-break:break-word;
    overflow-wrap:anywhere;
}
.pg-lounge .post-content a { color:var(--pink); text-decoration:underline; }
.pg-lounge .post-media { margin-bottom:.7rem; border-radius:10px; overflow:hidden; }
.pg-lounge .post-media img { width:100%; max-height:320px; object-fit:cover; display:block; }
.pg-lounge .post-actions {
    display:flex; padding-top:.6rem;
    border-top:1px solid var(--border);
}
.pg-lounge .post-action-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:.25rem;
    background:none; border:none; color:var(--text3);
    font-size:.75rem; font-family:inherit; cursor:pointer;
    padding:.4rem .35rem; border-radius:8px;
    transition:all .18s; flex:1; min-width:0;
}
.pg-lounge .post-action-btn:hover { background:rgba(29,78,216,.1); color:var(--text); }
.pg-lounge .post-action-btn.liked { color:var(--red); }
.pg-lounge .post-action-btn.saved { color:var(--pink); }
.pg-lounge .post-action-btn i { font-size:.8rem; flex-shrink:0; }
.pg-lounge .comments-section {
    margin-top:.7rem; border-top:1px solid var(--border);
    padding-top:.7rem; display:none;
}
.pg-lounge .comments-section.open { display:block; }
.pg-lounge .comment-item { display:flex; gap:.45rem; margin-bottom:.5rem; }
.pg-lounge .comment-avatar {
    width:26px; height:26px; border-radius:50%;
    background:rgba(29,78,216,.3);
    display:flex; align-items:center; justify-content:center;
    font-size:.68rem; font-weight:700; color:var(--pink); flex-shrink:0;
}
.pg-lounge .comment-body {
    flex:1; min-width:0;
    background:rgba(15,23,42,.04);
    border-radius:10px; padding:.4rem .75rem;
}
.pg-lounge .comment-name { font-size:.72rem; font-weight:700; margin-bottom:1px; }
.pg-lounge .comment-text { font-size:.78rem; color:var(--text2); line-height:1.5; word-break:break-word; }
.pg-lounge .comment-input-row { display:flex; gap:.4rem; margin-top:.45rem; min-width:0; }
.pg-lounge .comment-input {
    flex:1; min-width:0;
    background:rgba(15,23,42,.06); border:1px solid var(--border);
    border-radius:100px; padding:.4rem .875rem;
    color:var(--text); font-family:inherit; font-size:.78rem;
    outline:none; transition:border-color .18s;
}
.pg-lounge .comment-input:focus { border-color:var(--purple); }
.pg-lounge .comment-submit {
    flex-shrink:0;
    background:var(--grad); border:none; border-radius:100px;
    padding:.4rem .875rem; color:#0f172a; font-weight:700;
    font-size:.73rem; cursor:pointer; white-space:nowrap;
}
.pg-lounge .sidebar-card {
    background:var(--card); border:1px solid var(--border);
    border-radius:16px; padding:1rem; margin-bottom:1rem; overflow:hidden;
}
.pg-lounge .sidebar-card h3 {
    font-family:"Space Grotesk",sans-serif;
    font-size:.85rem; font-weight:700;
    margin-bottom:.875rem; color:var(--text2);
}
.pg-lounge .profile-mini { text-align:center; }
.pg-lounge .profile-mini-avatar {
    width:52px; height:52px; border-radius:50%; background:var(--grad);
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem; font-weight:700; color:#0f172a; margin:0 auto .6rem;
}
.pg-lounge .profile-mini-name { font-weight:700; font-size:.9rem; word-break:break-word; }
.pg-lounge .profile-mini-role { font-size:.7rem; color:var(--text3); }
.pg-lounge .profile-mini-stats {
    display:flex; justify-content:center; gap:1.25rem;
    margin-top:.7rem; padding-top:.7rem; border-top:1px solid var(--border);
}
.pg-lounge .profile-stat { text-align:center; }
.pg-lounge .profile-stat-num { font-weight:800; font-size:.975rem; }
.pg-lounge .profile-stat-label { font-size:.66rem; color:var(--text3); }
.pg-lounge .channel-list-item {
    display:flex; align-items:center; gap:.5rem;
    padding:.45rem 0; border-bottom:1px solid rgba(15,23,42,.04);
    text-decoration:none; color:var(--text2); transition:color .18s;
}
.pg-lounge .channel-list-item:hover { color:var(--text); }
.pg-lounge .channel-list-item:last-child { border-bottom:none; }
.pg-lounge .channel-icon {
    width:26px; height:26px; border-radius:7px;
    background:rgba(29,78,216,.15);
    display:flex; align-items:center; justify-content:center;
    font-size:.72rem; color:var(--pink); flex-shrink:0;
}
.pg-lounge .channel-name { font-size:.8rem; font-weight:600; word-break:break-word; }
.pg-lounge .feed-empty {
    text-align:center; padding:2.5rem 1rem;
    background:var(--card); border:1px solid var(--border); border-radius:16px;
    color:var(--text3);
}
.pg-lounge .feed-empty i { font-size:2.25rem; opacity:.3; margin-bottom:.75rem; display:block; }
.pg-lounge .feed-empty h3 { font-size:.875rem; color:var(--text2); }
.pg-lounge .load-more-btn {
    width:100%; padding:.75rem;
    background:var(--surface); border:1px solid var(--border);
    border-radius:12px; color:var(--text3);
    font-family:inherit; font-size:.825rem; cursor:pointer;
    transition:all .18s; margin-top:.375rem;
}
.pg-lounge .load-more-btn:hover { border-color:var(--purple); color:var(--text); }
.pg-lounge .post-card.platform-post {
    border-color:rgba(56,189,248,.5);
    background:linear-gradient(135deg,rgba(29,78,216,.08),rgba(56,189,248,.04));
}
.pg-lounge .platform-badge {
    display:inline-flex; align-items:center; gap:.3rem;
    background:var(--grad); color:#0f172a;
    font-size:.68rem; font-weight:800; padding:2px 8px;
    border-radius:100px; margin-left:.5rem;
    text-transform:uppercase; letter-spacing:.04em;
}
.pg-lounge .modal-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,.75);
    z-index:2000; display:flex; align-items:center; justify-content:center;
    padding:1rem;
    backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
}
@supports not (backdrop-filter:blur(4px)) { .modal-overlay { background:rgba(0,0,0,.88); } }
.pg-lounge .modal-box {
    background:#f1f5f9; border:1px solid var(--border);
    border-radius:24px; padding:1.75rem;
    width:100%; max-width:540px; max-height:90vh; overflow-y:auto;
}
.pg-lounge .modal-title {
    font-family:"Space Grotesk",sans-serif;
    font-size:1.15rem; font-weight:800;
    margin-bottom:1rem;
    display:flex; justify-content:space-between; align-items:center;
}
.pg-lounge .modal-close { background:none; border:none; color:var(--text3); font-size:1.15rem; cursor:pointer; }
.pg-lounge .modal-close:hover { color:var(--text); }
.pg-lounge .modal-channel-select {
    width:100%; background:rgba(15,23,42,.06);
    border:1px solid var(--border); border-radius:12px;
    padding:.65rem .9rem; color:var(--text); font-family:inherit;
    font-size:.875rem; margin-bottom:.875rem; outline:none;
    -webkit-appearance:none; appearance:none;
}
.pg-lounge .modal-channel-select:focus { border-color:var(--purple); }
.pg-lounge .modal-channel-select option { background:#f1f5f9; }
.pg-lounge .modal-textarea {
    width:100%; background:rgba(15,23,42,.06);
    border:1.5px solid var(--border); border-radius:14px;
    padding:.9rem; color:var(--text); font-family:inherit;
    font-size:.9rem; min-height:120px; resize:vertical;
    outline:none; line-height:1.6; transition:border-color .18s;
}
.pg-lounge .modal-textarea:focus { border-color:var(--purple); }
.pg-lounge .modal-textarea::placeholder { color:var(--text3); }
.pg-lounge .modal-footer {
    display:flex; justify-content:space-between; align-items:center;
    margin-top:.875rem; flex-wrap:wrap; gap:.5rem;
}
.pg-lounge .modal-char-count { font-size:.72rem; color:var(--text3); }
.pg-lounge .btn-post {
    background:var(--grad); border:none; border-radius:100px;
    padding:.65rem 1.75rem; color:#0f172a; font-weight:800;
    font-size:.875rem; cursor:pointer; transition:opacity .18s;
}
.pg-lounge .btn-post:hover { opacity:.85; }
.pg-lounge .btn-post:disabled { opacity:.4; cursor:default; }
@media  (prefers-reduced-motion:reduce)  { .pg-lounge, .pg-lounge *, .pg-lounge, .pg-lounge *::before, .pg-lounge, .pg-lounge *::after { animation:none !important; transition:none !important; } }
@media  (min-width:1600px)  { .pg-lounge .lounge-main { padding:2.5rem 3.5rem; }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr) 310px; gap:2rem; } }
@media  (min-width:1200px) and (max-width:1599px)  { .pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr) 280px; gap:1.5rem; } }
@media  (min-width:1024px) and (max-width:1199px)  { .pg-lounge .lounge-main { padding:1.75rem; }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr) 240px; gap:1.25rem; } }
@media  (min-width:769px) and (max-width:1023px)  { .pg-lounge .lounge-main { padding:1.5rem; }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr); }
.pg-lounge .sidebar-col { display:none; }
.pg-lounge .lounge-title { font-size:1.6rem; } }
@media  (min-width:481px) and (max-width:768px)  { .pg-lounge .lounge-main {
        margin-left:0 !important;
        padding:calc(52px + .875rem) 1rem calc(58px + .875rem) !important;
        width:100% !important;
        overflow-x:hidden !important;
    }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr); }
.pg-lounge .sidebar-col { display:none; }
.pg-lounge .lounge-topbar { display:none; }
.pg-lounge .lounge-title { font-size:1.5rem; }
.pg-lounge .post-card { border-radius:14px; padding:.9rem; }
.pg-lounge .compose-box { border-radius:14px; }
.pg-lounge .modal-overlay { align-items:flex-end; padding:0; }
.pg-lounge .modal-box { border-radius:22px 22px 0 0; max-height:86vh; width:100%; } }
@media  (min-width:360px) and (max-width:480px)  { .pg-lounge .lounge-main {
        margin-left:0 !important;
        padding:calc(52px + .75rem) .75rem calc(58px + .75rem) !important;
        width:100% !important;
        overflow-x:hidden !important;
    }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr); }
.pg-lounge .sidebar-col { display:none; }
.pg-lounge .lounge-topbar { display:none; }
.pg-lounge .lounge-header { margin-bottom:.875rem; }
.pg-lounge .lounge-title { font-size:1.25rem; }
.pg-lounge .lounge-subtitle { font-size:.75rem; }
.pg-lounge .compose-box { padding:.875rem; border-radius:14px; }
.pg-lounge .compose-avatar { width:34px; height:34px; font-size:.8rem; }
.pg-lounge .compose-input { font-size:.8rem; padding:.575rem .875rem; }
.pg-lounge .compose-btn { font-size:.7rem; padding:.275rem .45rem; }
.pg-lounge .ch-pill { font-size:.7rem; padding:.3rem .6rem; }
.pg-lounge .sort-tab { font-size:.7rem; padding:.375rem .5rem; }
.pg-lounge .post-card { padding:.875rem; border-radius:14px; margin-bottom:.75rem; }
.pg-lounge .post-avatar { width:34px; height:34px; font-size:.8rem; }
.pg-lounge .post-author { font-size:.8rem; }
.pg-lounge .post-content { font-size:.825rem; }
.pg-lounge .post-action-btn { font-size:.7rem; padding:.35rem .275rem; }
.pg-lounge .modal-overlay { align-items:flex-end; padding:0; }
.pg-lounge .modal-box { border-radius:22px 22px 0 0; max-height:88vh; width:100%; padding:1.1rem; }
.pg-lounge .modal-title { font-size:1rem; }
.pg-lounge .modal-textarea { min-height:110px; font-size:.875rem; } }
@media  (max-width:359px)  { .pg-lounge .lounge-main {
        margin-left:0 !important;
        padding:calc(52px + .625rem) .625rem calc(58px + .625rem) !important;
        width:100% !important;
        overflow-x:hidden !important;
    }
.pg-lounge .lounge-body { grid-template-columns:minmax(0,1fr); }
.pg-lounge .sidebar-col { display:none; }
.pg-lounge .lounge-topbar { display:none; }
.pg-lounge .lounge-title { font-size:1.1rem; }
.pg-lounge .lounge-subtitle { font-size:.72rem; }
.pg-lounge .compose-box { padding:.75rem; border-radius:12px; }
.pg-lounge .compose-avatar { width:30px; height:30px; font-size:.75rem; }
.pg-lounge .compose-input { font-size:.75rem; padding:.5rem .75rem; }
.pg-lounge .compose-btn { font-size:.65rem; padding:.25rem .4rem; }
.pg-lounge .compose-actions { gap:.2rem; }
.pg-lounge .ch-pill { font-size:.65rem; padding:.275rem .55rem; }
.pg-lounge .sort-tab { font-size:.65rem; padding:.325rem .45rem; }
.pg-lounge .post-card { padding:.75rem; border-radius:12px; margin-bottom:.625rem; }
.pg-lounge .post-avatar { width:30px; height:30px; font-size:.75rem; }
.pg-lounge .post-author { font-size:.775rem; }
.pg-lounge .post-content { font-size:.8rem; }
.pg-lounge .post-action-btn { font-size:.65rem; padding:.3rem .2rem; }
.pg-lounge .post-action-btn i { font-size:.7rem; }
.pg-lounge .modal-overlay { align-items:flex-end; padding:0; }
.pg-lounge .modal-box { border-radius:18px 18px 0 0; max-height:90vh; width:100%; padding:.875rem; }
.pg-lounge .modal-title { font-size:.9rem; } }
@media  (display-mode:standalone)  { .pg-lounge .lounge-main {
        padding-top:calc(52px + env(safe-area-inset-top,0px) + .875rem) !important;
        padding-bottom:calc(58px + env(safe-area-inset-bottom,0px) + .875rem) !important;
    } }
.pg-lounge.ld-dark-mode .user-chip-avatar { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .compose-avatar { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .ch-pill.active { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .sort-tab.active { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .scope-tab { color: rgba(255,255,255,.5) !important; }
.pg-lounge.ld-dark-mode .scope-tab:hover { color: rgba(255,255,255,.8) !important; }
.pg-lounge.ld-dark-mode .scope-tab.active { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .scope-label { color: rgba(255,255,255,.35) !important; }
.pg-lounge.ld-dark-mode .post-avatar { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .comment-submit { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .profile-mini-avatar { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .platform-badge { color: #f1f5f9 !important; }
.pg-lounge.ld-dark-mode .btn-post { color: #f1f5f9 !important; }


/* ============ messages.php (pg-messages) ============ */
.pg-messages {
    --bg: #ffffff;
    --surface: rgba(15,23,42,.03);
    --border: rgba(29,78,216,.18);
    --purple: #1d4ed8;
    --pink: #38bdf8;
    --grad: linear-gradient(135deg,#38bdf8,#1d4ed8);
    --text: #0f172a;
    --text2: rgba(15,23,42,.65);
    --text3: rgba(15,23,42,.4);
    --green: #10b981;
    --red: #ef4444;
    --bubble-me: linear-gradient(135deg,#7c3aed,#1d4ed8);
    --bubble-them: rgba(15,23,42,.07);
}
.pg-messages, .pg-messages *, .pg-messages, .pg-messages *::before, .pg-messages, .pg-messages *::after { box-sizing: border-box; margin: 0; padding: 0; }
.pg-messages, .pg-messages { height: 100%; overflow: hidden; }
.pg-messages {
    font-family: "Inter", sans-serif;
    background: var(--bg);
    color: var(--text);
    display: flex;
    flex-direction: column;
}
.pg-messages .app { display: flex; height: 100vh; overflow: hidden; }
.pg-messages .msg-shell {
    flex: 1;
    margin-left: var(--ld-dw, 260px);
    display: flex;
    height: 100vh;
    overflow: hidden;
    transition: margin-left .3s;
}
.pg-messages .contacts-panel {
    width: 300px;
    flex-shrink: 0;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: rgba(15,23,42,.015);
}
.pg-messages .contacts-head {
    padding: 1rem 1.125rem .75rem;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}
.pg-messages .contacts-head h2 {
    font-family: "Space Grotesk", sans-serif;
    font-size: 1.2rem; font-weight: 800;
    background: var(--grad);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.pg-messages .contacts-head p { font-size: .78rem; color: var(--text3); margin-top: 2px; }
.pg-messages .contacts-list { flex: 1; overflow-y: auto; padding: .5rem; }
.pg-messages .contacts-list::-webkit-scrollbar { width: 3px; }
.pg-messages .contacts-list::-webkit-scrollbar-thumb { background: rgba(29,78,216,.2); border-radius: 3px; }
.pg-messages .contact-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem .875rem;
    border-radius: 14px;
    cursor: pointer;
    transition: background .16s;
    text-decoration: none;
    color: inherit;
    margin-bottom: 2px;
}
.pg-messages .contact-item:hover { background: rgba(29,78,216,.1); }
.pg-messages .contact-item.active { background: rgba(29,78,216,.18); }
.pg-messages .contact-avatar {
    width: 42px; height: 42px;
    border-radius: 50%;
    background: var(--grad);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; font-weight: 700;
    color: #0f172a;
    flex-shrink: 0;
    position: relative;
}
.pg-messages .contact-info { flex: 1; min-width: 0; }
.pg-messages .contact-name { font-size: .9rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-messages .contact-role { font-size: .72rem; color: var(--text3); margin-top: 1px; }
.pg-messages .contact-unread {
    background: var(--purple);
    color: #0f172a;
    font-size: 10px; font-weight: 800;
    border-radius: 100px;
    padding: 2px 7px;
    min-width: 20px; text-align: center;
}
.pg-messages .no-contacts {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text3);
    font-size: .875rem;
}
.pg-messages .chat-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
}
.pg-messages .chat-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--text3);
    gap: 1rem;
    padding: 2rem;
    text-align: center;
}
.pg-messages .chat-empty i { font-size: 3rem; opacity: .3; }
.pg-messages .chat-empty h3 { font-size: 1.1rem; color: var(--text2); }
.pg-messages .chat-empty p { font-size: .875rem; max-width: 260px; line-height: 1.5; }
.pg-messages .chat-head {
    padding: .875rem 1.125rem;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: .875rem;
    flex-shrink: 0;
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(12px);
}
.pg-messages .chat-head-back {
    display: none;
    background: none; border: none;
    color: var(--text2); font-size: 1.1rem;
    cursor: pointer; padding: 4px 8px 4px 0;
    -webkit-tap-highlight-color: transparent;
}
.pg-messages .chat-head-avatar {
    width: 38px; height: 38px; border-radius: 50%;
    background: var(--grad);
    display: flex; align-items: center; justify-content: center;
    font-size: .9rem; font-weight: 700; color: #0f172a; flex-shrink: 0;
}
.pg-messages .chat-head-name { font-weight: 700; font-size: .975rem; }
.pg-messages .chat-head-role { font-size: .72rem; color: var(--text3); }
.pg-messages .chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    gap: .375rem;
}
.pg-messages .chat-messages::-webkit-scrollbar { width: 3px; }
.pg-messages .chat-messages::-webkit-scrollbar-thumb { background: rgba(29,78,216,.2); border-radius: 3px; }
.pg-messages .msg-date-divider {
    text-align: center;
    font-size: .7rem;
    color: var(--text3);
    margin: .75rem 0 .375rem;
}
.pg-messages .bubble-row {
    display: flex;
    margin-bottom: 2px;
}
.pg-messages .bubble-row.me { justify-content: flex-end; }
.pg-messages .bubble-row.them { justify-content: flex-start; }
.pg-messages .bubble {
    max-width: 72%;
    padding: .625rem .875rem;
    border-radius: 18px;
    font-size: .875rem;
    line-height: 1.45;
    word-break: break-word;
    position: relative;
}
.pg-messages .bubble-row.me .bubble {
    background: var(--bubble-me);
    color: #0f172a;
    border-bottom-right-radius: 5px;
}
.pg-messages .bubble-row.them .bubble {
    background: var(--bubble-them);
    color: var(--text);
    border-bottom-left-radius: 5px;
    border: 1px solid var(--border);
}
.pg-messages .bubble-time {
    font-size: .65rem;
    color: rgba(15,23,42,.4);
    margin-top: 3px;
    display: block;
    text-align: right;
}
.pg-messages .bubble-row.them .bubble-time { text-align: left; }
.pg-messages .bubble-row.me .bubble {
  position: relative;
}
.pg-messages .bubble-row.me:hover .bubble-delete {
  opacity: 1;
  pointer-events: auto;
}
.pg-messages .bubble-delete {
  position: absolute;
  top: -8px;
  left: -28px;
  width: 22px;
  height: 22px;
  background: rgba(239,68,68,.85);
  border: none;
  border-radius: 50%;
  color: #0f172a;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s;
  -webkit-tap-highlight-color: transparent;
}
@media  (max-width:768px)  { .pg-messages .bubble-delete { opacity: 1; pointer-events: auto; } }
.pg-messages .broadcast-badge {
    font-size: .65rem;
    color: var(--pink);
    opacity: .7;
    display: block;
    margin-bottom: 2px;
}
.pg-messages .chat-input-bar {
    padding: .75rem 1rem;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: flex-end;
    gap: .625rem;
    flex-shrink: 0;
    background: var(--bg);
}
.pg-messages .chat-input-wrap {
    flex: 1;
    background: rgba(15,23,42,.06);
    border: 1.5px solid var(--border);
    border-radius: 22px;
    display: flex;
    align-items: flex-end;
    padding: .5rem .875rem;
    gap: .5rem;
    transition: border-color .18s;
}
.pg-messages .chat-input-wrap:focus-within { border-color: var(--pink); }
.pg-messages .chat-textarea {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: var(--text);
    font-size: .9rem;
    font-family: inherit;
    resize: none;
    max-height: 120px;
    min-height: 22px;
    line-height: 1.4;
    overflow-y: auto;
}
.pg-messages .chat-textarea::placeholder { color: var(--text3); }
.pg-messages .send-btn {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: var(--grad);
    border: none; cursor: pointer;
    color: #0f172a; font-size: .9rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    transition: transform .16s, opacity .16s;
    -webkit-tap-highlight-color: transparent;
}
.pg-messages .send-btn:hover { transform: scale(1.08); }
.pg-messages .send-btn:active { transform: scale(.92); }
.pg-messages .send-btn:disabled { opacity: .4; cursor: default; transform: none; }
.pg-messages .broadcast-row {
    padding: .25rem 1rem .5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .75rem;
    color: var(--text3);
    flex-shrink: 0;
}
.pg-messages .broadcast-row label { display: flex; align-items: center; gap: .4rem; cursor: pointer; }
.pg-messages .broadcast-row input[type=checkbox] { accent-color: var(--purple); width: 14px; height: 14px; }
@media  (max-width: 768px)  { .pg-messages .msg-shell {
        margin-left: 0 !important;
        padding-top: var(--ld-th, 52px);
        padding-bottom: var(--ld-tbh, 58px);
    }
.pg-messages .contacts-panel {
        width: 100%;
        position: absolute;
        inset: 0;
        top: var(--ld-th, 52px);
        bottom: var(--ld-tbh, 58px);
        z-index: 10;
        transition: transform .28s cubic-bezier(.4,0,.2,1);
    }
.pg-messages .contacts-panel.hidden { transform: translateX(-100%); display: none; }
.pg-messages .chat-panel {
        position: absolute;
        inset: 0;
        top: var(--ld-th, 52px);
        bottom: var(--ld-tbh, 58px);
        z-index: 10;
        background: var(--bg);
        display: flex;
        flex-direction: column;
        height: auto; 
    }
.pg-messages .chat-panel.hidden { display: none; }
.pg-messages .chat-panel .chat-messages {
        flex: 1;
        overflow-y: auto;
        min-height: 0; 
        -webkit-overflow-scrolling: touch;
    }
.pg-messages .chat-panel .chat-input-bar {
        flex-shrink: 0;
        position: relative;
        z-index: 2;
    }
.pg-messages .chat-panel .broadcast-row {
        flex-shrink: 0;
    }
.pg-messages .chat-head-back { display: block; }
.pg-messages .bubble { max-width: 82%; } }
@media  (display-mode: standalone)  { .pg-messages .msg-shell {
        padding-top: calc(var(--ld-th,52px) + env(safe-area-inset-top,0px));
        padding-bottom: calc(var(--ld-tbh,58px) + env(safe-area-inset-bottom,0px));
    } }
.pg-messages.ld-dark-mode .contact-avatar { color: #f1f5f9 !important; }
.pg-messages.ld-dark-mode .contact-unread { color: #f1f5f9 !important; }
.pg-messages.ld-dark-mode .chat-head-avatar { color: #f1f5f9 !important; }
.pg-messages.ld-dark-mode .bubble-row.me .bubble { color: #f1f5f9 !important; }
.pg-messages.ld-dark-mode .bubble-time { color: rgba(255,255,255,.4) !important; }
.pg-messages.ld-dark-mode .bubble-delete { color: #f1f5f9 !important; }
.pg-messages.ld-dark-mode .send-btn { color: #f1f5f9 !important; }


/* ============ my_badges.php (pg-my-badges) ============ */
.pg-my-badges .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 16px;
            margin-bottom: 32px;
        }
.pg-my-badges .stat-card {
            background: rgba(15,23,42,.04);
            padding: 20px;
            border-radius: 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            text-align: center;
        }
.pg-my-badges .stat-value {
            font-size: 32px;
            font-weight: 700;
            color: #0f172a;
        }
.pg-my-badges .stat-label {
            color: #666;
            font-size: 12px;
            text-transform: uppercase;
            margin-top: 4px;
        }
.pg-my-badges .badges-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
.pg-my-badges .badge-card {
            background: rgba(15,23,42,.04);
            border-radius: 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 20px;
            transition: all 0.2s;
            display: flex;
            gap: 16px;
            align-items: flex-start;
        }
.pg-my-badges .badge-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }
.pg-my-badges .badge-icon {
            font-size: 48px;
            min-width: 60px;
            text-align: center;
        }
.pg-my-badges .badge-info {
            flex: 1;
        }
.pg-my-badges .badge-name {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-my-badges .badge-type {
            font-size: 11px;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
        }
.pg-my-badges .badge-description {
            font-size: 13px;
            color: #666;
            line-height: 1.5;
            margin-bottom: 12px;
        }
.pg-my-badges .badge-date {
            font-size: 11px;
            color: #888;
        }
.pg-my-badges .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: white;
            border-radius: 16px;
            border: 1.5px solid rgba(29,78,216,.25);
        }
.pg-my-badges .empty-state span {
            font-size: 48px;
            display: block;
            margin-bottom: 16px;
            opacity: 0.5;
        }
.pg-my-badges .empty-state h3 {
            font-size: 20px;
            margin-bottom: 8px;
        }
.pg-my-badges .empty-state p {
            color: #888;
        }
@media  (max-width: 768px)  { .pg-my-badges .badge-card {
                flex-direction: column;
                text-align: center;
                align-items: center;
            }
.pg-my-badges .badge-icon {
                margin-bottom: 12px;
            } }
.pg-my-badges.ld-dark-mode .stat-value { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-my-badges.ld-dark-mode .badge-type { color: #cbd5e1 !important; }
.pg-my-badges.ld-dark-mode .badge-description { color: #cbd5e1 !important; }
.pg-my-badges.ld-dark-mode .badge-date { color: #cbd5e1 !important; }
.pg-my-badges.ld-dark-mode .empty-state p { color: #cbd5e1 !important; }
.pg-my-badges {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-my-badges, .pg-my-badges {overflow-x:hidden;}
.pg-my-badges {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-my-badges::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-my-badges .app, .pg-my-badges .main, .pg-my-badges .admin-main, .pg-my-badges .admin-container, .pg-my-badges .page-wrap, .pg-my-badges .ld-page-wrap {position:relative;z-index:1;}
.pg-my-badges .edit-card, .pg-my-badges .card, .pg-my-badges .section-card, .pg-my-badges .settings-section, .pg-my-badges .stat-card, .pg-my-badges .info-card, .pg-my-badges .content-card, .pg-my-badges .panel, .pg-my-badges .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-my-badges .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-my-badges .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-my-badges .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-my-badges .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-my-badges .nav-item.active a, .pg-my-badges .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-my-badges .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-my-badges .page-title h1 {color:#0f172a!important;}
.pg-my-badges .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-my-badges .form-input, .pg-my-badges .form-select, .pg-my-badges .form-textarea, .pg-my-badges input[type=text], .pg-my-badges input[type=email], .pg-my-badges input[type=password], .pg-my-badges input[type=number], .pg-my-badges input[type=date], .pg-my-badges input[type=time], .pg-my-badges input[type=tel], .pg-my-badges textarea, .pg-my-badges select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-my-badges .form-input::placeholder, .pg-my-badges .form-textarea::placeholder, .pg-my-badges input::placeholder, .pg-my-badges textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-my-badges .form-input:focus, .pg-my-badges .form-textarea:focus, .pg-my-badges input:focus, .pg-my-badges textarea:focus, .pg-my-badges select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-my-badges select option {background:#f1f5f9;color:#0f172a;}
.pg-my-badges .form-label, .pg-my-badges label {color:rgba(15,23,42,.7)!important;}
.pg-my-badges .btn-primary, .pg-my-badges button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-badges .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-my-badges .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-badges .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-badges .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-badges table {border-collapse:collapse;}
.pg-my-badges th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-my-badges td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-my-badges tr:last-child td {border-bottom:none!important;}
.pg-my-badges tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-my-badges .badge-success, .pg-my-badges .status-active, .pg-my-badges .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-my-badges .badge-danger, .pg-my-badges .status-expired, .pg-my-badges .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-my-badges .badge-warning, .pg-my-badges .status-pending, .pg-my-badges .status-Pending, .pg-my-badges .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-my-badges .badge-primary, .pg-my-badges .badge-info, .pg-my-badges .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-my-badges .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-my-badges .alert-error, .pg-my-badges .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-my-badges .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-my-badges h1, .pg-my-badges h2, .pg-my-badges h3, .pg-my-badges h4, .pg-my-badges h5, .pg-my-badges h6 {color:#0f172a;}
.pg-my-badges h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-my-badges .modal-content, .pg-my-badges .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-my-badges .modal-header, .pg-my-badges .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-my-badges .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-my-badges a {color:#38bdf8;}
.pg-my-badges a:hover {color:#0f172a;}
.pg-my-badges .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-my-badges .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-my-badges .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-my-badges .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-my-badges hr {border-color:rgba(29,78,216,.2)!important;}
.pg-my-badges .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-my-badges .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-my-badges .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-my-badges ::-webkit-scrollbar {width:6px;height:6px;}
.pg-my-badges ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-my-badges ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-my-badges.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode 
.edit-card, .pg-my-badges.ld-dark-mode .card, .pg-my-badges.ld-dark-mode .section-card, .pg-my-badges.ld-dark-mode .settings-section, .pg-my-badges.ld-dark-mode .stat-card, .pg-my-badges.ld-dark-mode .info-card, .pg-my-badges.ld-dark-mode .content-card, .pg-my-badges.ld-dark-mode .panel, .pg-my-badges.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-my-badges.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .nav-item.active a, .pg-my-badges.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-my-badges.ld-dark-mode 
.form-input, .pg-my-badges.ld-dark-mode .form-select, .pg-my-badges.ld-dark-mode .form-textarea, .pg-my-badges.ld-dark-mode input[type=text], .pg-my-badges.ld-dark-mode input[type=email], .pg-my-badges.ld-dark-mode input[type=password], .pg-my-badges.ld-dark-mode input[type=number], .pg-my-badges.ld-dark-mode input[type=date], .pg-my-badges.ld-dark-mode input[type=time], .pg-my-badges.ld-dark-mode input[type=tel], .pg-my-badges.ld-dark-mode textarea, .pg-my-badges.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .form-input::placeholder, .pg-my-badges.ld-dark-mode .form-textarea::placeholder, .pg-my-badges.ld-dark-mode input::placeholder, .pg-my-badges.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-my-badges.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .form-label, .pg-my-badges.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-my-badges.ld-dark-mode 
.btn-primary, .pg-my-badges.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-my-badges.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-my-badges.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-my-badges.ld-dark-mode 
h1, .pg-my-badges.ld-dark-mode h2, .pg-my-badges.ld-dark-mode h3, .pg-my-badges.ld-dark-mode h4, .pg-my-badges.ld-dark-mode h5, .pg-my-badges.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode 
.modal-content, .pg-my-badges.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .modal-header, .pg-my-badges.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-my-badges.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-my-badges.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ my_rank.php (pg-my-rank) ============ */
.pg-my-rank {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-my-rank, .pg-my-rank * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-my-rank, .pg-my-rank { max-width: 100%; overflow-x: hidden; }
.pg-my-rank {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-my-rank .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-my-rank-gridMove 20s linear infinite;
        }
@keyframes pg-my-rank-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-my-rank .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-my-rank .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-my-rank-float 15s infinite linear;
        }
@keyframes pg-my-rank-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-my-rank h1, .pg-my-rank h2, .pg-my-rank h3, .pg-my-rank h4, .pg-my-rank h5, .pg-my-rank h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-my-rank a { color: inherit; text-decoration: none; }
.pg-my-rank .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-my-rank .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-my-rank .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-my-rank .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-my-rank .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-my-rank .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-my-rank .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-my-rank .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-my-rank .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-my-rank .btn-claim {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border: none;
            padding: 8px 16px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.75rem;
            cursor: pointer;
            transition: all 0.3s ease;
            background-size: 200% auto;
        }
.pg-my-rank .btn-claim:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-my-rank .btn-claim:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
.pg-my-rank .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            gap: 12px;
            animation: pg-my-rank-slideDown 0.3s ease-out;
        }
.pg-my-rank .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-my-rank .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-my-rank .current-rank {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 2rem;
            margin-bottom: 2rem;
            text-align: center;
            backdrop-filter: blur(10px);
        }
.pg-my-rank .current-rank h2 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }
.pg-my-rank .current-rank p {
            color: var(--text-secondary);
        }
.pg-my-rank .rank-progress {
            margin: 1.5rem 0;
        }
.pg-my-rank .progress-bar {
            height: 8px;
            background: rgba(15,23,42,0.1);
            border-radius: 4px;
            overflow: hidden;
            margin: 1rem 0;
        }
.pg-my-rank .progress-fill {
            height: 100%;
            background: var(--gradient-primary);
            width: 0%;
            transition: width 0.3s;
        }
.pg-my-rank .ranks-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-my-rank .ranks-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-my-rank .ranks-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-my-rank .ranks-table tr:last-child td {
            border-bottom: none;
        }
.pg-my-rank .status-claim {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-my-rank .status-pending {
            background: rgba(245, 158, 11, 0.2);
            color: var(--warning-orange);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-my-rank .status-not-reached {
            background: rgba(15,23,42,0.05);
            color: var(--text-muted);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
@keyframes pg-my-rank-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-my-rank .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-my-rank .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-my-rank .nav-item a { color: var(--text-secondary) !important; }
.pg-my-rank .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-my-rank .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-my-rank .sidebar { transform: translateX(-100%); }
.pg-my-rank .sidebar.open { transform: translateX(0); }
.pg-my-rank .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-my-rank .menu-toggle { display: block; }
.pg-my-rank .ranks-table { display: block; overflow-x: auto; }
.pg-my-rank .page-title h1 { font-size: 2rem; } }
.pg-my-rank.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ my_ranking.php (pg-my-ranking) ============ */
.pg-my-ranking .filter-bar {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            align-items: flex-end;
            flex-wrap: wrap;
            background: white;
            padding: 16px;
            border-radius: 12px;
            border: 1.5px solid rgba(29,78,216,.25);
        }
.pg-my-ranking .filter-group {
            flex: 1;
            min-width: 150px;
        }
.pg-my-ranking .filter-label {
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 4px;
        }
.pg-my-ranking .filter-select {
            width: 100%;
            padding: 8px 12px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 8px;
            font-size: 13px;
        }
.pg-my-ranking .btn {
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-my-ranking .btn-outline {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
        }
.pg-my-ranking .rank-card {
            background: rgba(15,23,42,.04);
            border-radius: 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 24px;
            margin-bottom: 24px;
            text-align: center;
        }
.pg-my-ranking .rank-number {
            font-size: 48px;
            font-weight: 700;
            color: #f59e0b;
        }
.pg-my-ranking .rank-label {
            font-size: 14px;
            color: #666;
            margin-bottom: 16px;
        }
.pg-my-ranking .score-breakdown {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
            margin-bottom: 24px;
        }
.pg-my-ranking .breakdown-card {
            background: rgba(15,23,42,.04);
            border-radius: 12px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 20px;
            text-align: center;
        }
.pg-my-ranking .breakdown-value {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 4px;
        }
.pg-my-ranking .breakdown-label {
            font-size: 12px;
            color: #666;
            text-transform: uppercase;
        }
.pg-my-ranking .progress-container {
            background: rgba(15,23,42,.04);
            border-radius: 12px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 20px;
            margin-top: 24px;
        }
.pg-my-ranking .progress-bar {
            height: 8px;
            background: #f0f0f0;
            border-radius: 4px;
            margin: 12px 0;
            overflow: hidden;
        }
.pg-my-ranking .progress-fill {
            height: 100%;
            background: #f59e0b;
            width: 0%;
            transition: width 0.3s;
        }
.pg-my-ranking .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin-bottom: 24px;
        }
.pg-my-ranking .stat-card {
            background: rgba(15,23,42,.04);
            padding: 20px;
            border-radius: 12px;
            border: 1.5px solid rgba(29,78,216,.25);
            text-align: center;
        }
.pg-my-ranking .stat-value {
            font-size: 28px;
            font-weight: 700;
            color: #0f172a;
        }
.pg-my-ranking .stat-label {
            font-size: 12px;
            color: #666;
            margin-top: 4px;
        }
@media  (max-width: 768px)  { .pg-my-ranking .score-breakdown {
                grid-template-columns: 1fr;
            }
.pg-my-ranking .filter-bar {
                flex-direction: column;
                align-items: stretch;
            }
.pg-my-ranking .stats-grid {
                grid-template-columns: 1fr;
            } }
.pg-my-ranking.ld-dark-mode .filter-label { color: #cbd5e1 !important; }
.pg-my-ranking.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .rank-label { color: #cbd5e1 !important; }
.pg-my-ranking.ld-dark-mode .breakdown-label { color: #cbd5e1 !important; }
.pg-my-ranking.ld-dark-mode .stat-value { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .stat-label { color: #cbd5e1 !important; }
.pg-my-ranking {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-my-ranking, .pg-my-ranking {overflow-x:hidden;}
.pg-my-ranking {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-my-ranking::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-my-ranking .app, .pg-my-ranking .main, .pg-my-ranking .admin-main, .pg-my-ranking .admin-container, .pg-my-ranking .page-wrap, .pg-my-ranking .ld-page-wrap {position:relative;z-index:1;}
.pg-my-ranking .edit-card, .pg-my-ranking .card, .pg-my-ranking .section-card, .pg-my-ranking .settings-section, .pg-my-ranking .stat-card, .pg-my-ranking .info-card, .pg-my-ranking .content-card, .pg-my-ranking .panel, .pg-my-ranking .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-my-ranking .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-my-ranking .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-my-ranking .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-my-ranking .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-my-ranking .nav-item.active a, .pg-my-ranking .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-my-ranking .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-my-ranking .page-title h1 {color:#0f172a!important;}
.pg-my-ranking .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-my-ranking .form-input, .pg-my-ranking .form-select, .pg-my-ranking .form-textarea, .pg-my-ranking input[type=text], .pg-my-ranking input[type=email], .pg-my-ranking input[type=password], .pg-my-ranking input[type=number], .pg-my-ranking input[type=date], .pg-my-ranking input[type=time], .pg-my-ranking input[type=tel], .pg-my-ranking textarea, .pg-my-ranking select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-my-ranking .form-input::placeholder, .pg-my-ranking .form-textarea::placeholder, .pg-my-ranking input::placeholder, .pg-my-ranking textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-my-ranking .form-input:focus, .pg-my-ranking .form-textarea:focus, .pg-my-ranking input:focus, .pg-my-ranking textarea:focus, .pg-my-ranking select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-my-ranking select option {background:#f1f5f9;color:#0f172a;}
.pg-my-ranking .form-label, .pg-my-ranking label {color:rgba(15,23,42,.7)!important;}
.pg-my-ranking .btn-primary, .pg-my-ranking button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-ranking .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-my-ranking .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-ranking .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-ranking .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-my-ranking table {border-collapse:collapse;}
.pg-my-ranking th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-my-ranking td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-my-ranking tr:last-child td {border-bottom:none!important;}
.pg-my-ranking tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-my-ranking .badge-success, .pg-my-ranking .status-active, .pg-my-ranking .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-my-ranking .badge-danger, .pg-my-ranking .status-expired, .pg-my-ranking .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-my-ranking .badge-warning, .pg-my-ranking .status-pending, .pg-my-ranking .status-Pending, .pg-my-ranking .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-my-ranking .badge-primary, .pg-my-ranking .badge-info, .pg-my-ranking .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-my-ranking .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-my-ranking .alert-error, .pg-my-ranking .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-my-ranking .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-my-ranking h1, .pg-my-ranking h2, .pg-my-ranking h3, .pg-my-ranking h4, .pg-my-ranking h5, .pg-my-ranking h6 {color:#0f172a;}
.pg-my-ranking h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-my-ranking .modal-content, .pg-my-ranking .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-my-ranking .modal-header, .pg-my-ranking .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-my-ranking .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-my-ranking a {color:#38bdf8;}
.pg-my-ranking a:hover {color:#0f172a;}
.pg-my-ranking .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-my-ranking .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-my-ranking .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-my-ranking .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-my-ranking hr {border-color:rgba(29,78,216,.2)!important;}
.pg-my-ranking .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-my-ranking .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-my-ranking .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-my-ranking ::-webkit-scrollbar {width:6px;height:6px;}
.pg-my-ranking ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-my-ranking ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-my-ranking.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode 
.edit-card, .pg-my-ranking.ld-dark-mode .card, .pg-my-ranking.ld-dark-mode .section-card, .pg-my-ranking.ld-dark-mode .settings-section, .pg-my-ranking.ld-dark-mode .stat-card, .pg-my-ranking.ld-dark-mode .info-card, .pg-my-ranking.ld-dark-mode .content-card, .pg-my-ranking.ld-dark-mode .panel, .pg-my-ranking.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-my-ranking.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .nav-item.active a, .pg-my-ranking.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-my-ranking.ld-dark-mode 
.form-input, .pg-my-ranking.ld-dark-mode .form-select, .pg-my-ranking.ld-dark-mode .form-textarea, .pg-my-ranking.ld-dark-mode input[type=text], .pg-my-ranking.ld-dark-mode input[type=email], .pg-my-ranking.ld-dark-mode input[type=password], .pg-my-ranking.ld-dark-mode input[type=number], .pg-my-ranking.ld-dark-mode input[type=date], .pg-my-ranking.ld-dark-mode input[type=time], .pg-my-ranking.ld-dark-mode input[type=tel], .pg-my-ranking.ld-dark-mode textarea, .pg-my-ranking.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .form-input::placeholder, .pg-my-ranking.ld-dark-mode .form-textarea::placeholder, .pg-my-ranking.ld-dark-mode input::placeholder, .pg-my-ranking.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-my-ranking.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .form-label, .pg-my-ranking.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-my-ranking.ld-dark-mode 
.btn-primary, .pg-my-ranking.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-my-ranking.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-my-ranking.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-my-ranking.ld-dark-mode 
h1, .pg-my-ranking.ld-dark-mode h2, .pg-my-ranking.ld-dark-mode h3, .pg-my-ranking.ld-dark-mode h4, .pg-my-ranking.ld-dark-mode h5, .pg-my-ranking.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode 
.modal-content, .pg-my-ranking.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .modal-header, .pg-my-ranking.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-my-ranking.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-my-ranking.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ notifications.php (pg-notifications) ============ */
.pg-notifications {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-notifications, .pg-notifications * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-notifications, .pg-notifications { max-width: 100%; overflow-x: hidden; }
.pg-notifications {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-notifications .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-notifications-gridMove 20s linear infinite;
        }
@keyframes pg-notifications-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-notifications .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-notifications .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-notifications-float 15s infinite linear;
        }
@keyframes pg-notifications-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-notifications h1, .pg-notifications h2, .pg-notifications h3, .pg-notifications h4, .pg-notifications h5, .pg-notifications h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-notifications a { color: inherit; text-decoration: none; }
.pg-notifications .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-notifications .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-notifications .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-notifications .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-notifications .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-notifications .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-notifications .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-notifications .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-notifications .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-notifications .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-notifications .user-info { display: none; }
@media  (min-width: 768px)  { .pg-notifications .user-info { display: block; }
.pg-notifications .user-name { font-weight: 600; font-size: 14px; }
.pg-notifications .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-notifications .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-notifications .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-notifications .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-notifications .filter-tabs {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--border-glow);
            flex-wrap: wrap;
        }
.pg-notifications .filter-tab {
            padding: 8px 16px;
            border-radius: 100px;
            text-decoration: none;
            color: var(--text-secondary);
            font-size: 14px;
            font-weight: 500;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            gap: 6px;
        }
.pg-notifications .filter-tab:hover {
            background: rgba(29,78,216, 0.1);
            color: var(--text-primary);
        }
.pg-notifications .filter-tab.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
        }
.pg-notifications .filter-tab .count {
            background: rgba(15,23,42,0.1);
            padding: 2px 6px;
            border-radius: 100px;
            font-size: 11px;
        }
.pg-notifications .filter-tab.active .count {
            background: rgba(0, 0, 0, 0.2);
        }
.pg-notifications .notifications-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
.pg-notifications .notification-card {
            display: flex;
            gap: 20px;
            padding: 24px;
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
            position: relative;
            animation: pg-notifications-fadeIn 0.3s ease-out;
            cursor: pointer;
            text-decoration: none;
            color: inherit;
        }
.pg-notifications .notification-card:hover {
            transform: translateY(-2px);
            border-color: var(--accent-pink);
            box-shadow: 0 15px 25px rgba(29,78,216, 0.15);
        }
.pg-notifications .notification-card.unread {
            border-left: 4px solid var(--accent-pink);
            background: rgba(29,78,216, 0.05);
        }
.pg-notifications .notification-icon {
            width: 48px;
            height: 48px;
            background: rgba(15,23,42,0.05);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            flex-shrink: 0;
            color: var(--accent-pink);
        }
.pg-notifications .notification-icon.announcement { background: rgba(245, 158, 11, 0.2); color: var(--warning-orange); }
.pg-notifications .notification-icon.training { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-notifications .notification-icon.task { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-notifications .notification-icon.member { background: rgba(56,189,248, 0.2); color: var(--accent-pink); }
.pg-notifications .notification-icon.event { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
.pg-notifications .notification-icon.target { background: rgba(239, 68, 68, 0.2); color: var(--danger-red); }
.pg-notifications .notification-icon.system { background: rgba(15,23,42,0.1); color: var(--text-muted); }
.pg-notifications .notification-content { flex: 1; }
.pg-notifications .notification-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
            flex-wrap: wrap;
            gap: 10px;
        }
.pg-notifications .notification-header h3 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-primary);
        }
.pg-notifications .notification-time {
            font-size: 0.75rem;
            color: var(--text-muted);
            background: rgba(15,23,42,0.05);
            padding: 4px 8px;
            border-radius: 100px;
        }
.pg-notifications .notification-card.unread .notification-time {
            background: rgba(29,78,216, 0.2);
            color: var(--text-primary);
        }
.pg-notifications .notification-message {
            color: var(--text-secondary);
            font-size: 0.875rem;
            line-height: 1.6;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
.pg-notifications .notification-footer {
            display: flex;
            gap: 16px;
            font-size: 0.75rem;
        }
.pg-notifications .notification-type {
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-notifications .notification-date {
            color: var(--text-muted);
        }
.pg-notifications .mark-read-btn {
            width: 36px;
            height: 36px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: transparent;
            border: 1px solid var(--border-glow);
            border-radius: 50%;
            color: var(--text-secondary);
            font-size: 18px;
            text-decoration: none;
            position: absolute;
            top: 24px;
            right: 24px;
            transition: all 0.2s;
            z-index: 10;
        }
.pg-notifications .mark-read-btn:hover {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-notifications .empty-state {
            text-align: center;
            padding: 80px 20px;
            background: var(--bg-card);
            border-radius: 24px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-notifications .empty-state i {
            font-size: 4rem;
            display: block;
            margin-bottom: 20px;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-notifications .empty-state h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
.pg-notifications .empty-state p {
            color: var(--text-muted);
            font-size: 1rem;
        }
@keyframes pg-notifications-fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-notifications .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-notifications .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-notifications .nav-item a { color: var(--text-secondary) !important; }
.pg-notifications .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-notifications .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-notifications .sidebar { transform: translateX(-100%); }
.pg-notifications .sidebar.open { transform: translateX(0); }
.pg-notifications .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-notifications .menu-toggle { display: block; }
.pg-notifications .notification-card { flex-direction: column; padding-right: 60px; }
.pg-notifications .mark-read-btn { top: 20px; right: 20px; }
.pg-notifications .filter-tabs { flex-wrap: wrap; }
.pg-notifications .page-title h1 { font-size: 2rem; } }
.pg-notifications.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ privacy.php (pg-privacy) ============ */
.pg-privacy {--bg:#ffffff;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--border:rgba(29,78,216,.2);--card:rgba(15,23,42,.03);}
.pg-privacy, .pg-privacy *, .pg-privacy, .pg-privacy *::before, .pg-privacy, .pg-privacy *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-privacy {font-family:"Inter",sans-serif;background:var(--bg);color:rgba(15,23,42,.85);line-height:1.7;}
.pg-privacy .wrap {max-width:720px;margin:0 auto;padding:3rem 1.5rem 5rem;}
.pg-privacy .back {display:inline-flex;align-items:center;gap:.4rem;color:rgba(15,23,42,.5);text-decoration:none;font-size:.85rem;margin-bottom:2rem;}
.pg-privacy h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;}
.pg-privacy .updated {color:rgba(15,23,42,.4);font-size:.8rem;margin-bottom:2.5rem;}
.pg-privacy h2 {font-family:"Space Grotesk",sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:2rem 0 .75rem;}
.pg-privacy p, .pg-privacy li {color:rgba(15,23,42,.7);font-size:.925rem;margin-bottom:.75rem;}
.pg-privacy ul {padding-left:1.25rem;margin-bottom:.75rem;}
.pg-privacy.ld-dark-mode body { color: rgba(255,255,255,.85) !important; }
.pg-privacy.ld-dark-mode .back { color: rgba(255,255,255,.5) !important; }
.pg-privacy.ld-dark-mode .updated { color: rgba(255,255,255,.4) !important; }
.pg-privacy.ld-dark-mode h2 { color: #f1f5f9 !important; }
.pg-privacy.ld-dark-mode p, .pg-privacy.ld-dark-mode li { color: rgba(255,255,255,.7) !important; }


/* ============ profile.php (pg-profile) ============ */
.pg-profile {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-profile, .pg-profile * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-profile, .pg-profile { max-width: 100%; overflow-x: hidden; }
.pg-profile {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-profile .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-profile-gridMove 20s linear infinite;
        }
@keyframes pg-profile-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-profile .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-profile .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-profile-float 15s infinite linear;
        }
@keyframes pg-profile-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-profile h1, .pg-profile h2, .pg-profile h3, .pg-profile h4, .pg-profile h5, .pg-profile h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-profile a { color: inherit; text-decoration: none; }
.pg-profile .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-profile .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-profile .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-profile .back-button {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--text-muted);
            text-decoration: none;
            font-size: 14px;
            transition: color 0.2s;
        }
.pg-profile .back-button:hover { color: var(--accent-pink); }
.pg-profile .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-profile-slideDown 0.3s ease-out;
        }
.pg-profile .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-profile .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-profile .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-profile .profile-container {
            max-width: 1000px;
            margin: 0 auto;
        }
.pg-profile .profile-header {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 32px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 32px;
            flex-wrap: wrap;
            backdrop-filter: blur(10px);
        }
.pg-profile .profile-avatar-large {
            width: 120px;
            height: 120px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px;
            font-weight: 600;
            border: 4px solid <?php echo $profile["primary_color"] ?? "var(--primary-purple)"; ?>;
        }
.pg-profile .profile-info { flex: 1; }
.pg-profile .profile-name {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-profile .profile-badges {
            display: flex;
            gap: 12px;
            margin-bottom: 12px;
            flex-wrap: wrap;
        }
.pg-profile .profile-badge {
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 500;
        }
.pg-profile .badge-rank {
            background: var(--gradient-primary);
            color: var(--bg-dark);
        }
.pg-profile .badge-type {
            background: rgba(15,23,42,0.05);
            color: var(--text-secondary);
        }
.pg-profile .profile-meta {
            display: flex;
            gap: 24px;
            color: var(--text-muted);
            font-size: 14px;
            flex-wrap: wrap;
        }
.pg-profile .meta-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-profile .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 24px;
        }
.pg-profile .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            padding: 24px;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            text-align: center;
            transition: all 0.3s ease;
        }
.pg-profile .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-profile .stat-value {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 4px;
        }
.pg-profile .stat-label {
            color: var(--text-muted);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-profile .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 8px;
        }
.pg-profile .progress-bar {
            height: 6px;
            background: rgba(15,23,42,0.1);
            border-radius: 3px;
            margin-top: 8px;
            overflow: hidden;
        }
.pg-profile .progress-fill {
            height: 100%;
            background: var(--success-green);
            border-radius: 3px;
            transition: width 0.3s;
        }
.pg-profile .profile-tabs {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            border-bottom: 1px solid var(--border-glow);
            padding-bottom: 8px;
            overflow-x: auto;
        }
.pg-profile .tab-btn {
            padding: 10px 20px;
            border: none;
            background: none;
            font-size: 15px;
            font-weight: 500;
            color: var(--text-secondary);
            cursor: pointer;
            border-radius: 8px;
            transition: all 0.2s;
            white-space: nowrap;
        }
.pg-profile .tab-btn:hover {
            background: rgba(29,78,216, 0.1);
            color: var(--text-primary);
        }
.pg-profile .tab-btn.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
        }
.pg-profile .tab-content {
            display: none;
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 32px;
            backdrop-filter: blur(10px);
            animation: pg-profile-fadeIn 0.3s ease-out;
        }
.pg-profile .tab-content.active { display: block; }
.pg-profile .tab-content h2 {
            font-size: 1.25rem;
            margin-bottom: 24px;
        }
.pg-profile .info-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
.pg-profile .info-group { margin-bottom: 20px; }
.pg-profile .info-label {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 4px;
        }
.pg-profile .info-value {
            font-size: 1rem;
            font-weight: 500;
            color: var(--text-primary);
        }
.pg-profile .badges-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 16px;
        }
.pg-profile .badge-card {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            background: rgba(15,23,42,0.03);
            border-radius: 16px;
            border: 1px solid var(--border-glow);
            transition: all 0.2s;
        }
.pg-profile .badge-card:hover {
            border-color: var(--accent-pink);
        }
.pg-profile .badge-icon-large {
            font-size: 2rem;
            color: var(--accent-pink);
        }
.pg-profile .badge-info h4 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-profile .badge-info p {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-profile .activity-timeline {
            position: relative;
            padding-left: 32px;
        }
.pg-profile .timeline-item {
            position: relative;
            padding-bottom: 24px;
            border-left: 2px solid var(--border-glow);
            padding-left: 24px;
        }
.pg-profile .timeline-item:last-child { border-left-color: transparent; }
.pg-profile .timeline-icon {
            position: absolute;
            left: -17px;
            width: 32px;
            height: 32px;
            background: var(--bg-dark);
            border: 2px solid var(--accent-pink);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            color: var(--accent-pink);
        }
.pg-profile .timeline-content {
            background: rgba(15,23,42,0.03);
            padding: 16px;
            border-radius: 12px;
        }
.pg-profile .timeline-title {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-profile .timeline-description {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 8px;
        }
.pg-profile .timeline-meta {
            display: flex;
            justify-content: space-between;
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-profile .points-badge {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 2px 8px;
            border-radius: 100px;
            font-size: 11px;
        }
.pg-profile .tasks-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
.pg-profile .task-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            border-left: 4px solid;
        }
.pg-profile .task-item.pending { border-left-color: var(--warning-orange); }
.pg-profile .task-item.completed { border-left-color: var(--success-green); }
.pg-profile .task-content { flex: 1; }
.pg-profile .task-title {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-profile .task-meta {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-profile .task-points {
            font-weight: 600;
            color: var(--accent-pink);
        }
.pg-profile .events-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
.pg-profile .event-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
        }
.pg-profile .event-date {
            min-width: 50px;
            text-align: center;
        }
.pg-profile .event-date .day {
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1;
        }
.pg-profile .event-date .month {
            font-size: 0.7rem;
            color: var(--text-muted);
            text-transform: uppercase;
        }
.pg-profile .event-content { flex: 1; }
.pg-profile .event-title {
            font-weight: 600;
            margin-bottom: 4px;
        }
.pg-profile .event-meta {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-profile .event-response {
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-profile .response-attending {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
        }
.pg-profile .profile-form {
            max-width: 500px;
        }
.pg-profile .form-group {
            margin-bottom: 20px;
        }
.pg-profile .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
        }
.pg-profile .form-input {
            width: 100%;
            padding: 12px 16px;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.9375rem;
            color: var(--text-primary);
            font-family: "Inter", sans-serif;
        }
.pg-profile .form-input:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-profile .btn {
            padding: 12px 24px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
        }
.pg-profile .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-profile .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-profile .logout-card {
            margin-top: 40px;
            padding: 24px;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-profile .danger-zone {
            background: rgba(239, 68, 68, 0.1);
            border-radius: 12px;
            border: 1px solid rgba(239, 68, 68, 0.3);
            padding: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-profile .danger-zone h4 {
            font-size: 1rem;
            color: var(--danger-red);
            margin-bottom: 4px;
        }
.pg-profile .danger-zone p {
            color: var(--danger-red);
            opacity: 0.8;
            font-size: 0.875rem;
        }
.pg-profile .btn-logout {
            background: var(--danger-red);
            color: #0f172a;
            padding: 12px 24px;
            border-radius: 100px;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.2s;
            border: none;
            cursor: pointer;
        }
.pg-profile .btn-logout:hover {
            background: #dc2626;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(239, 68, 68, 0.3);
        }
.pg-profile .empty-state {
            text-align: center;
            padding: 40px 20px;
            color: var(--text-muted);
        }
.pg-profile .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 16px;
            opacity: 0.5;
        }
.pg-profile .empty-state p { font-size: 1rem; }
@keyframes pg-profile-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
@keyframes pg-profile-fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-profile .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 1024px)  { .pg-profile .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-profile .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-profile .menu-toggle { display: block; }
.pg-profile .stats-grid { grid-template-columns: 1fr; }
.pg-profile .info-grid { grid-template-columns: 1fr; }
.pg-profile .badges-grid { grid-template-columns: 1fr; }
.pg-profile .profile-header { flex-direction: column; text-align: center; }
.pg-profile .profile-meta { justify-content: center; }
.pg-profile .danger-zone { flex-direction: column; text-align: center; }
.pg-profile .page-title h1 { font-size: 2rem; } }
.pg-profile { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-profile .ld-main, .pg-profile @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-profile.ld-dark-mode .btn-logout { color: #f1f5f9 !important; }


/* ============ prospects.php (pg-prospects) ============ */
.pg-prospects {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-prospects, .pg-prospects * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-prospects, .pg-prospects {
            max-width: 100%;
            overflow-x: hidden;
        }
.pg-prospects {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-prospects .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-prospects-gridMove 20s linear infinite;
        }
@keyframes pg-prospects-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-prospects .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-prospects .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-prospects-float 15s infinite linear;
        }
@keyframes pg-prospects-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-prospects h1, .pg-prospects h2, .pg-prospects h3, .pg-prospects h4, .pg-prospects h5, .pg-prospects h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-prospects a { color: inherit; text-decoration: none; }
.pg-prospects .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-prospects .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-prospects .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-prospects .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-prospects .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-prospects .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-prospects .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-prospects .notifications { position: relative; }
.pg-prospects .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-prospects .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-prospects .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-prospects .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-prospects .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-prospects .user-info { display: none; }
@media  (min-width: 768px)  { .pg-prospects .user-info { display: block; }
.pg-prospects .user-name { font-weight: 600; font-size: 14px; }
.pg-prospects .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-prospects .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-prospects .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-prospects .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-prospects .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-prospects .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-prospects .btn-success {
            background: var(--success-green);
            color: #0f172a;
        }
.pg-prospects .btn-success:hover {
            background: #059669;
            transform: translateY(-2px);
        }
.pg-prospects .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-prospects-slideDown 0.3s ease-out;
        }
.pg-prospects .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-prospects .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-prospects .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-prospects .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-prospects .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-prospects .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-prospects .stat-card:hover::before {
            left: 100%;
        }
.pg-prospects .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-prospects .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-prospects .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-prospects .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 0.25rem;
        }
.pg-prospects .stage-tabs {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            overflow-x: auto;
            padding-bottom: 8px;
            align-items: center;
        }
.pg-prospects .stage-tab {
            padding: 10px 18px;
            border-radius: 100px;
            border: 1px solid var(--border-glow);
            background: var(--bg-card);
            backdrop-filter: blur(10px);
            cursor: pointer;
            font-size: 13px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            text-decoration: none;
            color: var(--text-secondary);
        }
.pg-prospects .stage-tab:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-prospects .stage-tab.active {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-prospects .stage-tab .count {
            background: rgba(15,23,42,0.1);
            padding: 2px 8px;
            border-radius: 100px;
            font-size: 12px;
        }
.pg-prospects .stage-tab.active .count {
            background: rgba(0, 0, 0, 0.2);
        }
.pg-prospects .search-section {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-prospects .search-box {
            display: flex;
            gap: 0.75rem;
            align-items: center;
            flex-wrap: wrap;
        }
.pg-prospects .search-input {
            flex: 1;
            min-width: 250px;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-prospects .search-input:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-prospects .search-results {
            margin-top: 12px;
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-prospects .prospects-table-container {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }
.pg-prospects .table-header {
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--border-glow);
            background: rgba(15,23,42,0.02);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
.pg-prospects .table-header h2 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-primary);
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-prospects .stage-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            display: inline-block;
        }
.pg-prospects .prospects-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 800px;
        }
.pg-prospects .prospects-table th {
            text-align: left;
            padding: 1rem 1rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-glow);
            text-transform: uppercase;
        }
.pg-prospects .prospects-table td {
            padding: 1rem 1rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.8125rem;
            vertical-align: middle;
            color: var(--text-secondary);
        }
.pg-prospects .prospect-name {
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 4px;
        }
.pg-prospects .prospect-contact {
            font-size: 12px;
            color: var(--text-muted);
        }
.pg-prospects .follow-up-badge {
            display: inline-block;
            padding: 4px 8px;
            border-radius: 100px;
            font-size: 11px;
            font-weight: 600;
        }
.pg-prospects .follow-up-today {
            background: rgba(245, 158, 11, 0.2);
            color: var(--warning-orange);
        }
.pg-prospects .follow-up-overdue {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
        }
.pg-prospects .follow-up-future {
            background: rgba(29,78,216, 0.2);
            color: var(--accent-pink);
        }
.pg-prospects .owner-badge {
            font-size: 11px;
            color: var(--text-secondary);
            background: rgba(15,23,42,0.05);
            padding: 2px 8px;
            border-radius: 100px;
            display: inline-block;
        }
.pg-prospects .action-buttons {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
        }
.pg-prospects .btn-icon {
            padding: 6px 10px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 6px;
            cursor: pointer;
            font-size: 12px;
            transition: all 0.2s;
            text-decoration: none;
            color: var(--text-secondary);
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
.pg-prospects .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-prospects .btn-icon.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
.pg-prospects .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1300;
            align-items: center;
            justify-content: center;
        }
.pg-prospects .modal.show { display: flex; }
.pg-prospects .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-prospects .modal-content.large { max-width: 600px; }
.pg-prospects .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-prospects .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-prospects .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-prospects .modal-close:hover { color: var(--accent-pink); }
.pg-prospects .form-group { margin-bottom: 1.25rem; }
.pg-prospects .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-prospects .form-input, .pg-prospects .form-select, .pg-prospects .form-textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-prospects .form-input:focus, .pg-prospects .form-select:focus, .pg-prospects .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-prospects .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-prospects .form-textarea { min-height: 100px; resize: vertical; }
.pg-prospects .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
.pg-prospects .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-prospects .progress-bar {
            height: 6px;
            background: rgba(15,23,42,0.1);
            border-radius: 3px;
            overflow: hidden;
            margin: 16px 0;
        }
.pg-prospects .progress-fill {
            height: 100%;
            background: var(--accent-pink);
            border-radius: 3px;
            transition: width 0.3s;
        }
.pg-prospects .empty-state {
            text-align: center;
            padding: 3rem;
            color: var(--text-muted);
        }
.pg-prospects .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
.pg-prospects .tooltip-container {
            position: relative;
            display: inline-block;
        }
.pg-prospects .tooltip-text {
            visibility: hidden;
            width: 220px;
            background: var(--bg-dark);
            color: #0f172a;
            text-align: center;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 12px;
            position: absolute;
            z-index: 1000;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.2s;
            pointer-events: none;
            border: 1px solid var(--border-glow);
        }
.pg-prospects .tooltip-container:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
.pg-prospects .tooltip-text a {
            color: var(--accent-pink);
            text-decoration: underline;
        }
@keyframes pg-prospects-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-prospects .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-prospects .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-prospects .nav-item a { color: var(--text-secondary) !important; }
.pg-prospects .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-prospects .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 1024px)  { .pg-prospects .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-prospects .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-prospects .menu-toggle { display: block; }
.pg-prospects .stats-grid { grid-template-columns: 1fr; }
.pg-prospects .search-box { flex-direction: column; align-items: stretch; }
.pg-prospects .form-row { grid-template-columns: 1fr; }
.pg-prospects .prospects-table-container { overflow-x: auto; }
.pg-prospects .page-title h1 { font-size: 2rem; } }
.pg-prospects .ld-fab {
            display: none; 
            position: fixed;
            bottom: calc(var(--ld-tbh, 58px) + 16px);
            right: 16px;
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: linear-gradient(135deg, #38bdf8, #1d4ed8);
            color: #0f172a;
            border: none;
            font-size: 24px;
            font-weight: 700;
            cursor: pointer;
            z-index: 800;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 20px rgba(29,78,216,.5);
            transition: transform .18s, box-shadow .18s;
            -webkit-tap-highlight-color: transparent;
        }
.pg-prospects .ld-fab:active {
            transform: scale(.92);
            box-shadow: 0 2px 10px rgba(29,78,216,.4);
        }
@media  (max-width: 768px)  { .pg-prospects .ld-fab { display: flex; } }
.pg-prospects.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-prospects.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-prospects.ld-dark-mode .tooltip-text { color: #f1f5f9 !important; }
.pg-prospects.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-prospects.ld-dark-mode 
        .ld-fab { color: #f1f5f9 !important; }


/* ============ rank_claims.php (pg-rank-claims) ============ */
.pg-rank-claims {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-rank-claims, .pg-rank-claims * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-rank-claims, .pg-rank-claims { max-width: 100%; overflow-x: hidden; }
.pg-rank-claims {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-rank-claims .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-rank-claims-gridMove 20s linear infinite;
        }
@keyframes pg-rank-claims-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-rank-claims .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-rank-claims .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-rank-claims-float 15s infinite linear;
        }
@keyframes pg-rank-claims-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-rank-claims h1, .pg-rank-claims h2, .pg-rank-claims h3, .pg-rank-claims h4, .pg-rank-claims h5, .pg-rank-claims h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-rank-claims a { color: inherit; text-decoration: none; }
.pg-rank-claims .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-rank-claims .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-rank-claims .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-rank-claims .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-rank-claims .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-rank-claims .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-rank-claims .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-rank-claims .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-rank-claims .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-rank-claims .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-rank-claims .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-rank-claims .claims-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-rank-claims .claims-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-rank-claims .claims-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-rank-claims .claims-table tr:last-child td {
            border-bottom: none;
        }
.pg-rank-claims .status-Pending {
            background: rgba(245, 158, 11, 0.2);
            color: var(--warning-orange);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rank-claims .status-Approved {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rank-claims .status-Rejected {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rank-claims .status-Already-Claimed {
            background: rgba(15,23,42,0.05);
            color: var(--text-muted);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rank-claims .admin-note {
            font-size: 0.8125rem;
            color: var(--text-muted);
            max-width: 250px;
            word-break: break-word;
        }
.pg-rank-claims .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-rank-claims .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-rank-claims .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-rank-claims .empty-state p {
            color: var(--text-muted);
            margin-bottom: 1.5rem;
        }
.pg-rank-claims .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-rank-claims .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-rank-claims .nav-item a { color: var(--text-secondary) !important; }
.pg-rank-claims .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-rank-claims .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-rank-claims .sidebar { transform: translateX(-100%); }
.pg-rank-claims .sidebar.open { transform: translateX(0); }
.pg-rank-claims .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-rank-claims .menu-toggle { display: block; }
.pg-rank-claims .claims-table { display: block; overflow-x: auto; }
.pg-rank-claims .admin-note { max-width: 150px; }
.pg-rank-claims .page-title h1 { font-size: 2rem; } }
.pg-rank-claims.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ register.php (pg-register) ============ */
.pg-register, .pg-register * { margin:0; padding:0; box-sizing:border-box; }
.pg-register { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; line-height:1.5; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
.pg-register .register-container { max-width:500px; width:100%; background: rgba(15,23,42,.04); border-radius:24px; box-shadow:0 25px 50px -12px rgba(0,0,0,0.25); overflow:hidden; }
.pg-register .register-header { background: linear-gradient(135deg,rgba(29,78,216,.4),rgba(15,23,42,.8)); color:#0f172a; padding:40px 30px; text-align:center; }
.pg-register .register-header h1 { font-size:28px; margin-bottom:10px; }
.pg-register .register-header p { opacity:0.8; font-size:15px; }
.pg-register .upgrade-badge, .pg-register .invite-badge { background:#f59e0b; color:#0f172a; padding:8px 16px; border-radius:100px; font-size:14px; font-weight:600; display:inline-block; margin-top:15px; }
.pg-register .invite-badge { background:#10b981; }
.pg-register .register-form { padding:40px 30px; }
.pg-register .form-group { margin-bottom:20px; }
.pg-register .form-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; color:#0f172a; text-transform:uppercase; letter-spacing:0.5px; }
.pg-register .form-input, .pg-register .form-select { width:100%; padding:14px 16px; border: 1.5px solid rgba(29,78,216,.25); border-radius:12px; font-size:15px; transition:all 0.2s; font-family:"Inter",sans-serif; background: rgba(15,23,42,.06); }
.pg-register .form-input:focus, .pg-register .form-select:focus { outline:none; border-color:#e2e8f0; }
.pg-register .form-input[readonly] { background: rgba(15,23,42,.03); cursor: not-allowed; }
.pg-register .form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.pg-register .checkbox-group { margin:20px 0; }
.pg-register .checkbox { display:flex; align-items:center; gap:12px; cursor:pointer; }
.pg-register .checkbox input { width:18px; height:18px; cursor:pointer; }
.pg-register .checkbox span { font-size:14px; color:#666; }
.pg-register .checkbox a { color:#0f172a; font-weight:600; text-decoration:none; }
.pg-register .btn { width:100%; padding:16px; border-radius:100px; font-weight:600; font-size:16px; cursor:pointer; border:none; transition:all 0.2s; background:#e2e8f0; color:#0f172a; }
.pg-register .btn:hover { background:#e2e8f0; transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.1); }
.pg-register .btn-secondary { background:#f59e0b; }
.pg-register .btn-secondary:hover { background:#d97706; }
.pg-register .alert { padding:16px; border-radius:12px; margin-bottom:20px; font-size:14px; }
.pg-register .alert-error { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; }
.pg-register .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-register .info-note { background:#f0f0f0; padding:16px; border-radius:12px; margin:20px 0; font-size:14px; color:#666; }
.pg-register .login-link { margin-top:30px; text-align:center; padding-top:20px; border-top:1px solid #eaeaea; }
.pg-register .login-link p { color:#666; font-size:14px; }
.pg-register .login-link a { color:#0f172a; font-weight:600; text-decoration:none; }
@media  (max-width:600px)  { .pg-register .form-row { grid-template-columns:1fr; } }
.pg-register.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .register-header { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .upgrade-badge, .pg-register.ld-dark-mode .invite-badge { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .checkbox span { color: #cbd5e1 !important; }
.pg-register.ld-dark-mode .checkbox a { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .info-note { color: #cbd5e1 !important; }
.pg-register.ld-dark-mode .login-link p { color: #cbd5e1 !important; }
.pg-register.ld-dark-mode .login-link a { color: #f1f5f9 !important; }
.pg-register {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-register, .pg-register {overflow-x:hidden;}
.pg-register {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-register::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-register .app, .pg-register .main, .pg-register .admin-main, .pg-register .admin-container, .pg-register .page-wrap, .pg-register .ld-page-wrap {position:relative;z-index:1;}
.pg-register .edit-card, .pg-register .card, .pg-register .section-card, .pg-register .settings-section, .pg-register .stat-card, .pg-register .info-card, .pg-register .content-card, .pg-register .panel, .pg-register .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-register .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-register .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-register .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-register .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-register .nav-item.active a, .pg-register .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-register .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-register .page-title h1 {color:#0f172a!important;}
.pg-register .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-register .form-input, .pg-register .form-select, .pg-register .form-textarea, .pg-register input[type=text], .pg-register input[type=email], .pg-register input[type=password], .pg-register input[type=number], .pg-register input[type=date], .pg-register input[type=time], .pg-register input[type=tel], .pg-register textarea, .pg-register select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-register .form-input::placeholder, .pg-register .form-textarea::placeholder, .pg-register input::placeholder, .pg-register textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-register .form-input:focus, .pg-register .form-textarea:focus, .pg-register input:focus, .pg-register textarea:focus, .pg-register select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-register select option {background:#f1f5f9;color:#0f172a;}
.pg-register .form-label, .pg-register label {color:rgba(15,23,42,.7)!important;}
.pg-register .btn-primary, .pg-register button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-register .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-register .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-register .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-register .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-register table {border-collapse:collapse;}
.pg-register th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-register td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-register tr:last-child td {border-bottom:none!important;}
.pg-register tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-register .badge-success, .pg-register .status-active, .pg-register .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-register .badge-danger, .pg-register .status-expired, .pg-register .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-register .badge-warning, .pg-register .status-pending, .pg-register .status-Pending, .pg-register .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-register .badge-primary, .pg-register .badge-info, .pg-register .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-register .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-register .alert-error, .pg-register .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-register .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-register h1, .pg-register h2, .pg-register h3, .pg-register h4, .pg-register h5, .pg-register h6 {color:#0f172a;}
.pg-register h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-register .modal-content, .pg-register .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-register .modal-header, .pg-register .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-register .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-register a {color:#38bdf8;}
.pg-register a:hover {color:#0f172a;}
.pg-register .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-register .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-register .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-register .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-register hr {border-color:rgba(29,78,216,.2)!important;}
.pg-register .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-register .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-register .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-register ::-webkit-scrollbar {width:6px;height:6px;}
.pg-register ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-register ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-register.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode 
.edit-card, .pg-register.ld-dark-mode .card, .pg-register.ld-dark-mode .section-card, .pg-register.ld-dark-mode .settings-section, .pg-register.ld-dark-mode .stat-card, .pg-register.ld-dark-mode .info-card, .pg-register.ld-dark-mode .content-card, .pg-register.ld-dark-mode .panel, .pg-register.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-register.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .nav-item.active a, .pg-register.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-register.ld-dark-mode 
.form-input, .pg-register.ld-dark-mode .form-select, .pg-register.ld-dark-mode .form-textarea, .pg-register.ld-dark-mode input[type=text], .pg-register.ld-dark-mode input[type=email], .pg-register.ld-dark-mode input[type=password], .pg-register.ld-dark-mode input[type=number], .pg-register.ld-dark-mode input[type=date], .pg-register.ld-dark-mode input[type=time], .pg-register.ld-dark-mode input[type=tel], .pg-register.ld-dark-mode textarea, .pg-register.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .form-input::placeholder, .pg-register.ld-dark-mode .form-textarea::placeholder, .pg-register.ld-dark-mode input::placeholder, .pg-register.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-register.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .form-label, .pg-register.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-register.ld-dark-mode 
.btn-primary, .pg-register.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-register.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-register.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-register.ld-dark-mode 
h1, .pg-register.ld-dark-mode h2, .pg-register.ld-dark-mode h3, .pg-register.ld-dark-mode h4, .pg-register.ld-dark-mode h5, .pg-register.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode 
.modal-content, .pg-register.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .modal-header, .pg-register.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-register.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-register.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ reward_requests.php (pg-reward-requests) ============ */
.pg-reward-requests {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-reward-requests, .pg-reward-requests * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-reward-requests, .pg-reward-requests { max-width: 100%; overflow-x: hidden; }
.pg-reward-requests {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-reward-requests .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-reward-requests-gridMove 20s linear infinite;
        }
@keyframes pg-reward-requests-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-reward-requests .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-reward-requests .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-reward-requests-float 15s infinite linear;
        }
@keyframes pg-reward-requests-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-reward-requests h1, .pg-reward-requests h2, .pg-reward-requests h3, .pg-reward-requests h4, .pg-reward-requests h5, .pg-reward-requests h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-reward-requests a { color: inherit; text-decoration: none; }
.pg-reward-requests .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-reward-requests .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-reward-requests .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-reward-requests .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-reward-requests .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-reward-requests .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-reward-requests .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-reward-requests .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-reward-requests .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-reward-requests .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-reward-requests .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-reward-requests .requests-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-reward-requests .requests-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-reward-requests .requests-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-reward-requests .requests-table tr:last-child td {
            border-bottom: none;
        }
.pg-reward-requests .status-Pending {
            background: rgba(245, 158, 11, 0.2);
            color: var(--warning-orange);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-reward-requests .status-Approved {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-reward-requests .status-Rejected {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-reward-requests .admin-note {
            font-size: 0.8125rem;
            color: var(--text-muted);
            max-width: 250px;
            word-break: break-word;
        }
.pg-reward-requests .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-reward-requests .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-reward-requests .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-reward-requests .empty-state p {
            color: var(--text-muted);
            margin-bottom: 1.5rem;
        }
.pg-reward-requests .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-reward-requests .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-reward-requests .nav-item a { color: var(--text-secondary) !important; }
.pg-reward-requests .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-reward-requests .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-reward-requests .sidebar { transform: translateX(-100%); }
.pg-reward-requests .sidebar.open { transform: translateX(0); }
.pg-reward-requests .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-reward-requests .menu-toggle { display: block; }
.pg-reward-requests .requests-table { display: block; overflow-x: auto; }
.pg-reward-requests .admin-note { max-width: 150px; }
.pg-reward-requests .page-title h1 { font-size: 2rem; } }
.pg-reward-requests.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ reward_wallet_history.php (pg-reward-wallet-history) ============ */
.pg-reward-wallet-history {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-reward-wallet-history, .pg-reward-wallet-history * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-reward-wallet-history, .pg-reward-wallet-history { max-width: 100%; overflow-x: hidden; }
.pg-reward-wallet-history {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-reward-wallet-history .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-reward-wallet-history-gridMove 20s linear infinite;
        }
@keyframes pg-reward-wallet-history-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-reward-wallet-history .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-reward-wallet-history .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-reward-wallet-history-float 15s infinite linear;
        }
@keyframes pg-reward-wallet-history-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-reward-wallet-history h1, .pg-reward-wallet-history h2, .pg-reward-wallet-history h3, .pg-reward-wallet-history h4, .pg-reward-wallet-history h5, .pg-reward-wallet-history h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-reward-wallet-history a { color: inherit; text-decoration: none; }
.pg-reward-wallet-history .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-reward-wallet-history .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-reward-wallet-history .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-reward-wallet-history .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-reward-wallet-history .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-reward-wallet-history .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-reward-wallet-history .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-reward-wallet-history .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-reward-wallet-history .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-reward-wallet-history .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-reward-wallet-history .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-reward-wallet-history .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-reward-wallet-history .stat-value {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-reward-wallet-history .stat-label {
            color: var(--text-muted);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 4px;
        }
.pg-reward-wallet-history .transactions-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-reward-wallet-history .transactions-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-reward-wallet-history .transactions-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-reward-wallet-history .transactions-table tr:last-child td {
            border-bottom: none;
        }
.pg-reward-wallet-history .credit {
            color: var(--success-green);
            font-weight: 600;
        }
.pg-reward-wallet-history .debit {
            color: var(--danger-red);
            font-weight: 600;
        }
.pg-reward-wallet-history .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-reward-wallet-history .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-reward-wallet-history .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-reward-wallet-history .empty-state p {
            color: var(--text-muted);
        }
.pg-reward-wallet-history .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-reward-wallet-history .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-reward-wallet-history .nav-item a { color: var(--text-secondary) !important; }
.pg-reward-wallet-history .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-reward-wallet-history .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 768px)  { .pg-reward-wallet-history .sidebar { transform: translateX(-100%); }
.pg-reward-wallet-history .sidebar.open { transform: translateX(0); }
.pg-reward-wallet-history .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-reward-wallet-history .menu-toggle { display: block; }
.pg-reward-wallet-history .stats-grid { grid-template-columns: 1fr; }
.pg-reward-wallet-history .transactions-table { display: block; overflow-x: auto; }
.pg-reward-wallet-history .page-title h1 { font-size: 2rem; } }
.pg-reward-wallet-history.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ rewards.php (pg-rewards) ============ */
.pg-rewards {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-rewards, .pg-rewards * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-rewards, .pg-rewards { max-width: 100%; overflow-x: hidden; }
.pg-rewards {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-rewards .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-rewards-gridMove 20s linear infinite;
        }
@keyframes pg-rewards-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-rewards .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-rewards .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-rewards-float 15s infinite linear;
        }
@keyframes pg-rewards-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-rewards h1, .pg-rewards h2, .pg-rewards h3, .pg-rewards h4, .pg-rewards h5, .pg-rewards h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-rewards a { color: inherit; text-decoration: none; }
.pg-rewards .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-rewards .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-rewards .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-rewards .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-rewards .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-rewards .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-rewards .stats-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-rewards .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            padding: 1.5rem 1rem;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 0.3s ease;
        }
.pg-rewards .stat-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-rewards .stat-value {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-rewards .stat-label {
            color: var(--text-muted);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-top: 4px;
        }
.pg-rewards .rank-progress {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            padding: 24px;
            border-radius: 20px;
            backdrop-filter: blur(10px);
            margin-bottom: 24px;
        }
.pg-rewards .rank-progress h3 {
            font-size: 1.25rem;
            margin-bottom: 12px;
        }
.pg-rewards .rank-progress p {
            color: var(--text-secondary);
            margin-bottom: 8px;
        }
.pg-rewards .progress-bar {
            height: 8px;
            background: rgba(15,23,42,0.1);
            border-radius: 4px;
            margin: 16px 0 8px;
            overflow: hidden;
        }
.pg-rewards .progress-fill {
            height: 100%;
            background: var(--gradient-primary);
            width: 0%;
            transition: width 0.3s;
        }
.pg-rewards .quick-actions {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 12px;
            margin-bottom: 24px;
        }
.pg-rewards .btn {
            padding: 12px 24px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
            white-space: nowrap;
        }
.pg-rewards .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-rewards .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-rewards .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-rewards .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-rewards .table-wrapper {
            width: 100%;
            overflow-x: auto;
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            background: var(--bg-card);
            backdrop-filter: blur(10px);
        }
.pg-rewards .recent-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 600px;
        }
.pg-rewards .recent-table th {
            text-align: left;
            padding: 14px 16px;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-rewards .recent-table td {
            padding: 14px 16px;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
            white-space: nowrap;
        }
.pg-rewards .recent-table tr:last-child td {
            border-bottom: none;
        }
.pg-rewards .status-Pending {
            background: rgba(245, 158, 11, 0.2);
            color: var(--warning-orange);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rewards .status-Approved {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rewards .status-Rejected {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 0.7rem;
            font-weight: 600;
        }
.pg-rewards h2 {
            font-size: 1.25rem;
            margin: 24px 0 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-rewards .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-rewards .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-rewards .nav-item a { color: var(--text-secondary) !important; }
.pg-rewards .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-rewards .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 1200px)  { .pg-rewards .stats-grid { grid-template-columns: repeat(3, 1fr); } }
@media  (max-width: 768px)  { .pg-rewards .sidebar { transform: translateX(-100%); }
.pg-rewards .sidebar.open { transform: translateX(0); }
.pg-rewards .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-rewards .menu-toggle { display: block; }
.pg-rewards .stats-grid { grid-template-columns: 1fr; }
.pg-rewards .quick-actions { grid-template-columns: 1fr; }
.pg-rewards .btn { width: 100%; }
.pg-rewards .page-title h1 { font-size: 2rem; } }
.pg-rewards.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ subscription_expired.php (pg-subscription-expired) ============ */
.pg-subscription-expired, .pg-subscription-expired * {box-sizing:border-box;margin:0;padding:0;}
.pg-subscription-expired {font-family:"Inter",sans-serif;background:#ffffff;color:#0f172a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;}
.pg-subscription-expired .card {background:rgba(15,23,42,.03);border:1px solid rgba(29,78,216,.25);border-radius:28px;padding:2.5rem 2rem;max-width:500px;width:100%;text-align:center;}
.pg-subscription-expired .icon {font-size:3.5rem;margin-bottom:1rem;}
.pg-subscription-expired h1 {font-family:"Space Grotesk",sans-serif;font-size:1.75rem;font-weight:800;margin-bottom:.75rem;}
.pg-subscription-expired p {color:rgba(15,23,42,.6);line-height:1.65;font-size:.9rem;margin-bottom:1.5rem;}
.pg-subscription-expired .price {font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;}
.pg-subscription-expired .btn {display:inline-block;padding:.875rem 2.5rem;background:linear-gradient(135deg,#38bdf8,#1d4ed8);color:#0f172a;text-decoration:none;border-radius:100px;font-weight:800;font-size:1rem;margin-bottom:.75rem;transition:opacity .18s;}
.pg-subscription-expired .btn:hover {opacity:.85;}
.pg-subscription-expired .btn-out {display:block;margin-top:.5rem;color:rgba(15,23,42,.4);font-size:.8rem;text-decoration:none;}
.pg-subscription-expired .btn-out:hover {color:rgba(15,23,42,.7);}
.pg-subscription-expired.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-subscription-expired.ld-dark-mode p { color: rgba(255,255,255,.6) !important; }
.pg-subscription-expired.ld-dark-mode .btn { color: #f1f5f9 !important; }
.pg-subscription-expired.ld-dark-mode .btn-out { color: rgba(255,255,255,.4) !important; }
.pg-subscription-expired.ld-dark-mode .btn-out:hover { color: rgba(255,255,255,.7) !important; }


/* ============ targets.php (pg-targets) ============ */
.pg-targets {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-targets, .pg-targets * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-targets, .pg-targets { max-width: 100%; overflow-x: hidden; }
.pg-targets {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-targets .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-targets-gridMove 20s linear infinite;
        }
@keyframes pg-targets-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-targets .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-targets .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-targets-float 15s infinite linear;
        }
@keyframes pg-targets-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-targets h1, .pg-targets h2, .pg-targets h3, .pg-targets h4, .pg-targets h5, .pg-targets h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-targets a { color: inherit; text-decoration: none; }
.pg-targets .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-targets .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-targets .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-targets .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-targets .notifications { position: relative; }
.pg-targets .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-targets .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-targets .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-targets .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-targets .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-targets .user-info { display: none; }
@media  (min-width: 768px)  { .pg-targets .user-info { display: block; }
.pg-targets .user-name { font-weight: 600; font-size: 14px; }
.pg-targets .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-targets .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-targets .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-targets .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-targets .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-targets .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-targets .btn-warning {
            background: var(--warning-orange);
            color: #0f172a;
        }
.pg-targets .btn-warning:hover {
            background: #d97706;
            transform: translateY(-2px);
        }
.pg-targets .btn-danger {
            background: var(--danger-red);
            color: #0f172a;
        }
.pg-targets .btn-danger:hover {
            background: #dc2626;
            transform: translateY(-2px);
        }
.pg-targets .btn-sm {
            padding: 6px 12px;
            font-size: 12px;
        }
.pg-targets .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-targets-slideDown 0.3s ease-out;
        }
.pg-targets .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-targets .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-targets .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-targets .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-targets .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-targets .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-targets .stat-card:hover::before {
            left: 100%;
        }
.pg-targets .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-targets .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-targets .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-targets .section-separator {
            margin: 40px 0 20px;
            padding-top: 20px;
            border-top: 2px solid var(--border-glow);
        }
.pg-targets .section-separator:first-of-type {
            margin-top: 0;
            border-top: none;
            padding-top: 0;
        }
.pg-targets .section-separator h2 {
            font-size: 1.5rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
.pg-targets .company-badge {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 12px;
        }
.pg-targets .personal-badge {
            background: var(--warning-orange);
            color: #0f172a;
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 12px;
        }
.pg-targets .completed-badge {
            background: var(--success-green);
            color: #0f172a;
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 12px;
        }
.pg-targets .no-target-message {
            background: var(--bg-card);
            padding: 1rem;
            border-radius: 1rem;
            text-align: center;
            color: var(--text-muted);
            font-size: 0.875rem;
            margin-bottom: 1.5rem;
            border: 1px solid var(--border-glow);
        }
.pg-targets .parent-target-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            margin-bottom: 24px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-targets .parent-target-card:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-targets .parent-target-header {
            background: linear-gradient(135deg, var(--primary-purple), var(--bg-dark));
            padding: 20px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-targets .parent-target-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #0f172a;
        }
.pg-targets .parent-target-badge {
            background: rgba(15,23,42,0.2);
            padding: 6px 12px;
            border-radius: 100px;
            font-size: 12px;
            color: #0f172a;
        }
.pg-targets .parent-target-body {
            padding: 24px;
        }
.pg-targets .parent-target-description {
            color: var(--text-secondary);
            margin-bottom: 20px;
        }
.pg-targets .parent-target-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
            margin-bottom: 24px;
        }
.pg-targets .stat-box {
            background: rgba(15,23,42,0.03);
            padding: 16px;
            border-radius: 12px;
            text-align: center;
            border: 1px solid var(--border-glow);
        }
.pg-targets .stat-box-label {
            font-size: 12px;
            color: var(--text-muted);
            margin-bottom: 4px;
        }
.pg-targets .stat-box-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-primary);
        }
.pg-targets .progress-container {
            margin-bottom: 24px;
        }
.pg-targets .progress-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 14px;
            color: var(--text-secondary);
        }
.pg-targets .progress-bar {
            height: 8px;
            background: rgba(15,23,42,0.1);
            border-radius: 4px;
            overflow: hidden;
        }
.pg-targets .progress-fill {
            height: 100%;
            background: var(--gradient-primary);
            border-radius: 4px;
            transition: width 0.3s ease;
        }
.pg-targets .progress-fill.completed {
            background: var(--success-green);
        }
.pg-targets .child-targets-section {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid var(--border-glow);
        }
.pg-targets .child-targets-title {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-targets .child-targets-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 16px;
        }
.pg-targets .child-target-card {
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            padding: 16px;
            border: 1px solid var(--border-glow);
        }
.pg-targets .child-target-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 8px;
        }
.pg-targets .child-target-name {
            font-weight: 600;
            font-size: 1rem;
            color: var(--text-primary);
        }
.pg-targets .child-target-category {
            font-size: 11px;
            padding: 2px 8px;
            border-radius: 100px;
            background: rgba(15,23,42,0.1);
        }
.pg-targets .category-sales { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-targets .category-autoship { background: rgba(56,189,248, 0.2); color: var(--accent-pink); }
.pg-targets .category-new_joined { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-targets .child-target-progress {
            margin: 12px 0;
        }
.pg-targets .child-target-values {
            font-size: 12px;
            color: var(--text-muted);
            margin-top: 8px;
        }
.pg-targets .btn-update-small {
            padding: 6px 12px;
            font-size: 12px;
            background: var(--warning-orange);
            color: #0f172a;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.2s;
        }
.pg-targets .btn-update-small:hover {
            background: #d97706;
        }
.pg-targets .create-target-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            margin-bottom: 32px;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }
.pg-targets .create-target-header {
            background: linear-gradient(135deg, var(--warning-orange), #d97706);
            color: #0f172a;
            padding: 16px 24px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-targets .create-target-header h2 {
            font-size: 1.125rem;
            font-weight: 600;
            color: #0f172a;
        }
.pg-targets .create-target-body {
            padding: 24px;
        }
.pg-targets .member-target-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            margin-bottom: 20px;
            border-left: 4px solid var(--warning-orange);
            backdrop-filter: blur(10px);
        }
.pg-targets .member-target-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
            flex-wrap: wrap;
            gap: 8px;
        }
.pg-targets .member-target-title {
            font-size: 1.125rem;
            font-weight: 600;
        }
.pg-targets .member-target-leader {
            font-size: 12px;
            color: var(--warning-orange);
            background: rgba(245, 158, 11, 0.2);
            padding: 4px 12px;
            border-radius: 100px;
        }
.pg-targets .member-target-progress {
            margin: 16px 0;
        }
.pg-targets .member-target-values {
            font-size: 14px;
            color: var(--text-secondary);
            margin-top: 8px;
        }
.pg-targets .btn-update-member {
            width: 100%;
            padding: 12px;
            background: var(--warning-orange);
            color: #0f172a;
            border: none;
            border-radius: 12px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
            margin-top: 16px;
        }
.pg-targets .btn-update-member:hover {
            background: #d97706;
            transform: translateY(-2px);
        }
.pg-targets .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-targets .modal.show { display: flex; }
.pg-targets .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 700px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-targets .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-targets .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-targets .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-targets .modal-close:hover { color: var(--accent-pink); }
.pg-targets .form-group { margin-bottom: 1.25rem; }
.pg-targets .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-targets .form-input, .pg-targets .form-select, .pg-targets .form-textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-targets .form-input:focus, .pg-targets .form-select:focus, .pg-targets .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-targets .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-targets .form-textarea {
            min-height: 100px;
            resize: vertical;
        }
.pg-targets .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
.pg-targets .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-targets .radio-group {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }
.pg-targets .radio-group label {
            display: flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
            color: var(--text-secondary);
        }
.pg-targets .member-allocation-row {
            display: flex;
            gap: 12px;
            align-items: center;
            padding: 12px;
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            margin-bottom: 8px;
        }
.pg-targets .member-name {
            flex: 2;
            font-weight: 500;
        }
.pg-targets .member-target-input {
            flex: 1;
        }
.pg-targets .member-target-input input {
            width: 100%;
            padding: 8px 12px;
            background: rgba(15,23,42,0.05);
            border: 1px solid var(--border-glow);
            border-radius: 8px;
            color: var(--text-primary);
        }
.pg-targets .select-all-row {
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-targets .member-checkbox-label {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px;
            cursor: pointer;
            border-radius: 8px;
            transition: background 0.2s;
            color: var(--text-secondary);
        }
.pg-targets .member-checkbox-label:hover {
            background: rgba(29,78,216, 0.1);
        }
.pg-targets .progress-preview {
            background: rgba(15,23,42,0.03);
            padding: 16px;
            border-radius: 12px;
            margin: 20px 0;
        }
.pg-targets .preview-label {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-size: 14px;
            color: var(--text-secondary);
        }
.pg-targets .preview-bar {
            height: 8px;
            background: rgba(15,23,42,0.1);
            border-radius: 4px;
            overflow: hidden;
        }
.pg-targets .preview-fill {
            height: 100%;
            background: var(--warning-orange);
            border-radius: 4px;
            width: 0%;
            transition: width 0.3s;
        }
.pg-targets .empty-state {
            text-align: center;
            padding: 3rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            color: var(--text-muted);
        }
.pg-targets .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
.pg-targets .incremental-panel {
            background: rgba(15,23,42,0.03);
            border-radius: 16px;
            padding: 16px;
            margin: 16px 0;
            border: 1px solid var(--border-glow);
        }
.pg-targets .incremental-title {
            font-weight: 600;
            margin-bottom: 12px;
            color: var(--accent-pink);
        }
.pg-targets .incremental-fields {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            align-items: flex-end;
            margin-bottom: 16px;
        }
.pg-targets .incremental-fields .form-group {
            margin-bottom: 0;
            flex: 1;
            min-width: 120px;
        }
.pg-targets .incremental-fields input, .pg-targets .incremental-fields select {
            background: rgba(15,23,42,0.1);
            border: 1px solid var(--border-glow);
            border-radius: 8px;
            padding: 8px 12px;
            color: #0f172a;
            width: 100%;
        }
.pg-targets .btn-add {
            background: var(--success-green);
            color: #0f172a;
            padding: 8px 16px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 600;
        }
.pg-targets .btn-add:hover {
            background: #059669;
        }
.pg-targets .log-viewer {
            margin-top: 16px;
            max-height: 300px;
            overflow-y: auto;
            border-top: 1px solid var(--border-glow);
            padding-top: 12px;
        }
.pg-targets .log-entry {
            padding: 8px 12px;
            border-bottom: 1px solid var(--border-glow);
            font-size: 12px;
            color: var(--text-secondary);
        }
.pg-targets .log-entry strong {
            color: var(--text-primary);
        }
.pg-targets .log-entry .positive {
            color: var(--success-green);
        }
.pg-targets .log-entry .negative {
            color: var(--danger-red);
        }
@keyframes pg-targets-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-targets .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 1024px)  { .pg-targets .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-targets .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-targets .menu-toggle { display: block; }
.pg-targets .stats-grid { grid-template-columns: 1fr; }
.pg-targets .form-row { grid-template-columns: 1fr; }
.pg-targets .page-title h1 { font-size: 2rem; }
.pg-targets .incremental-fields { flex-direction: column; align-items: stretch; } }
.pg-targets .completed-collapse {margin-bottom:16px;}
.pg-targets .completed-collapse summary {outline:none;}
.pg-targets .completed-collapse summary::-webkit-details-marker {display:none;}
.pg-targets .completed-chevron {transition:transform .2s;font-size:.8rem;color:var(--text-muted);}
.pg-targets .completed-collapse[open] .completed-chevron {transform:rotate(180deg);}
.pg-targets .monthly-breakdown summary {outline:none;list-style:none;}
.pg-targets .monthly-breakdown summary::-webkit-details-marker {display:none;}
.pg-targets { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-targets .ld-main, .pg-targets @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-targets.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .personal-badge { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .completed-badge { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .parent-target-title { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .parent-target-badge { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .btn-update-small { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .create-target-header { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .create-target-header h2 { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .btn-update-member { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .incremental-fields input, .pg-targets.ld-dark-mode .incremental-fields select { color: #f1f5f9 !important; }
.pg-targets.ld-dark-mode .btn-add { color: #f1f5f9 !important; }


/* ============ tasks.php (pg-tasks) ============ */
.pg-tasks {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-tasks, .pg-tasks * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-tasks, .pg-tasks {
            max-width: 100%;
            overflow-x: hidden;
        }
.pg-tasks {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-tasks .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-tasks-gridMove 20s linear infinite;
        }
@keyframes pg-tasks-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-tasks .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-tasks .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-tasks-float 15s infinite linear;
        }
@keyframes pg-tasks-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-tasks h1, .pg-tasks h2, .pg-tasks h3, .pg-tasks h4, .pg-tasks h5, .pg-tasks h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-tasks a { color: inherit; text-decoration: none; }
.pg-tasks .app {
            display: flex;
            min-height: 100vh;
            position: relative;
            z-index: 10;
        }
.pg-tasks .main {
            flex: 1;
            margin-left: 280px;
            padding: 2rem;
            transition: margin-left 0.3s;
            width: calc(100% - 280px);
            max-width: 100%;
            overflow-x: hidden;
            position: relative;
            z-index: 5;
        }
.pg-tasks .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-tasks .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-tasks .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-tasks .menu-toggle {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-primary);
            display: none;
        }
.pg-tasks .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-tasks .notifications { position: relative; }
.pg-tasks .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-tasks .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-tasks .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-tasks .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-tasks .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-tasks .user-info { display: none; }
@media  (min-width: 768px)  { .pg-tasks .user-info { display: block; }
.pg-tasks .user-name { font-weight: 600; font-size: 14px; }
.pg-tasks .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-tasks .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-tasks .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-tasks .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-tasks .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-tasks .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-tasks .leader-btn {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 8px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-size: 200% auto;
        }
.pg-tasks .leader-btn:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-tasks .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-tasks-slideDown 0.3s ease-out;
        }
.pg-tasks .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-tasks .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-tasks .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-tasks .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-tasks .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-tasks .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-tasks .stat-card:hover::before {
            left: 100%;
        }
.pg-tasks .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-tasks .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-tasks .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-tasks .stat-value.overdue {
            background: var(--danger-red);
            -webkit-background-clip: text;
            background-clip: text;
        }
.pg-tasks .filter-bar {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            flex-wrap: wrap;
            background: var(--bg-card);
            padding: 16px;
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-tasks .filter-btn {
            padding: 8px 20px;
            border-radius: 100px;
            background: transparent;
            border: 1px solid var(--border-glow);
            cursor: pointer;
            font-size: 13px;
            font-weight: 500;
            color: var(--text-secondary);
            transition: all 0.3s ease;
        }
.pg-tasks .filter-btn.active, .pg-tasks .filter-btn:hover {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-color: transparent;
        }
.pg-tasks .member-filter-select {
            padding: 8px 16px;
            border-radius: 100px;
            background: transparent;
            border: 1px solid var(--border-glow);
            cursor: pointer;
            font-size: 13px;
            font-weight: 500;
            color: var(--text-secondary);
            font-family: inherit;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23aaa'/></svg>");
            background-repeat: no-repeat;
            background-position: right 14px center;
            padding-right: 32px;
        }
.pg-tasks .member-filter-select:focus { outline: none; border-color: var(--gradient-primary, #1d4ed8); }
.pg-tasks .member-filter-select option { background: var(--bg-dark, #ffffff); color: #0f172a; }
.pg-tasks .tasks-container {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
.pg-tasks .task-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 20px;
            display: flex;
            gap: 16px;
            align-items: flex-start;
            transition: all 0.3s ease;
            cursor: pointer;
            backdrop-filter: blur(10px);
        }
.pg-tasks .task-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 25px rgba(29,78,216, 0.15);
            border-color: var(--accent-pink);
        }
.pg-tasks .task-check {
            width: 28px;
            height: 28px;
            border: 2px solid var(--border-glow);
            border-radius: 8px;
            cursor: pointer;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 16px;
            background: transparent;
            color: var(--text-primary);
            transition: all 0.2s;
        }
.pg-tasks .task-check.completed {
            background: var(--gradient-primary);
            border-color: transparent;
            color: var(--bg-dark);
        }
.pg-tasks .task-content { flex: 1; }
.pg-tasks .task-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 8px;
        }
.pg-tasks .task-title {
            font-size: 18px;
            font-weight: 600;
            color: var(--text-primary);
        }
.pg-tasks .task-title.completed {
            text-decoration: line-through;
            opacity: 0.6;
        }
.pg-tasks .task-description {
            color: var(--text-secondary);
            font-size: 14px;
            margin: 8px 0;
        }
.pg-tasks .task-meta {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            font-size: 13px;
            color: var(--text-muted);
            margin: 12px 0;
        }
.pg-tasks .task-meta-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }
.pg-tasks .task-meta-item.overdue { color: var(--danger-red); font-weight: 500; }
.pg-tasks .task-points {
            background: rgba(56,189,248, 0.1);
            padding: 4px 10px;
            border-radius: 100px;
            font-weight: 600;
            color: var(--accent-pink);
            font-size: 12px;
        }
.pg-tasks .task-priority {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
        }
.pg-tasks .priority-high { background: rgba(239, 68, 68, 0.2); color: var(--danger-red); }
.pg-tasks .priority-medium { background: rgba(245, 158, 11, 0.2); color: var(--warning-orange); }
.pg-tasks .priority-low { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-tasks .btn-icon {
            background: transparent;
            border: 1px solid var(--border-glow);
            padding: 6px 12px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 14px;
            color: var(--text-secondary);
            transition: all 0.2s;
        }
.pg-tasks .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-tasks .attachment-link {
            color: var(--accent-pink);
            text-decoration: none;
        }
.pg-tasks .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-tasks .modal.show { display: flex; }
.pg-tasks .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 600px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-tasks .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-tasks .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-tasks .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-tasks .modal-close:hover { color: var(--accent-pink); }
.pg-tasks .form-group { margin-bottom: 1.25rem; }
.pg-tasks .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-tasks .form-input, .pg-tasks .form-select, .pg-tasks .form-textarea {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-tasks .form-input:focus, .pg-tasks .form-select:focus, .pg-tasks .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-tasks .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-tasks .form-textarea { min-height: 80px; resize: vertical; }
.pg-tasks .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
.pg-tasks .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-tasks .multi-select {
            border: 1px solid var(--border-glow);
            border-radius: 10px;
            padding: 8px;
            max-height: 150px;
            overflow-y: auto;
            background: rgba(15,23,42,0.02);
        }
.pg-tasks .multi-select label {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 6px;
            cursor: pointer;
            border-radius: 6px;
            color: var(--text-secondary);
        }
.pg-tasks .multi-select label:hover { background: rgba(29,78,216, 0.1); }
.pg-tasks .select-all-row {
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-tasks .empty-state {
            text-align: center;
            padding: 3rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            color: var(--text-muted);
        }
.pg-tasks .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
.pg-tasks .task-detail-modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 2000;
            align-items: center;
            justify-content: center;
        }
.pg-tasks .task-detail-modal.show { display: flex; }
.pg-tasks .task-detail-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            max-width: 600px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 2rem;
        }
.pg-tasks .task-detail-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-tasks .task-detail-header h2 {
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-tasks .task-detail-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-tasks .tooltip-container {
            position: relative;
            display: inline-block;
        }
.pg-tasks .tooltip-text {
            visibility: hidden;
            width: 200px;
            background: var(--bg-dark);
            color: #0f172a;
            text-align: center;
            padding: 8px 12px;
            border-radius: 8px;
            font-size: 12px;
            position: absolute;
            z-index: 1000;
            bottom: 125%;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            transition: opacity 0.2s;
            pointer-events: none;
            border: 1px solid var(--border-glow);
        }
.pg-tasks .tooltip-container:hover .tooltip-text {
            visibility: visible;
            opacity: 1;
        }
@keyframes pg-tasks-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-tasks .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
.pg-tasks .sidebar-logo {
            background: var(--gradient-primary) !important;
            -webkit-background-clip: text !important;
            background-clip: text !important;
            color: transparent !important;
            border-bottom-color: var(--border-glow) !important;
        }
.pg-tasks .nav-item a { color: var(--text-secondary) !important; }
.pg-tasks .nav-item a:hover { background: rgba(29,78,216, 0.1) !important; color: #0f172a !important; }
.pg-tasks .nav-item.active a { background: var(--gradient-primary) !important; color: var(--bg-dark) !important; }
@media  (max-width: 1024px)  { .pg-tasks .stats-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-tasks .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-tasks .menu-toggle { display: block; }
.pg-tasks .stats-grid { grid-template-columns: 1fr; }
.pg-tasks .form-row { grid-template-columns: 1fr; }
.pg-tasks .filter-bar { flex-direction: column; align-items: stretch; }
.pg-tasks .page-title h1 { font-size: 2rem; } }
.pg-tasks.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-tasks.ld-dark-mode .member-filter-select option { color: #f1f5f9 !important; }
.pg-tasks.ld-dark-mode .tooltip-text { color: #f1f5f9 !important; }
.pg-tasks.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }


/* ============ team.php (pg-team) ============ */
.pg-team {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
        }
.pg-team, .pg-team * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-team, .pg-team {
            max-width: 100%;
            overflow-x: hidden;
        }
.pg-team {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-team .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-team-gridMove 20s linear infinite;
        }
@keyframes pg-team-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-team .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-team .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-team-float 15s infinite linear;
        }
@keyframes pg-team-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-team h1, .pg-team h2, .pg-team h3, .pg-team h4, .pg-team h5, .pg-team h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-team a { color: inherit; text-decoration: none; }
.pg-team .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-team .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-team .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-team .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-team .notifications { position: relative; }
.pg-team .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-team .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-team .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-team .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-team .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-team .user-info { display: none; }
@media  (min-width: 768px)  { .pg-team .user-info { display: block; }
.pg-team .user-name { font-weight: 600; font-size: 14px; }
.pg-team .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-team .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-team .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-team .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-team .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-team .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-team .btn-success {
            background: var(--success-green);
            color: #0f172a;
        }
.pg-team .btn-success:hover {
            background: #059669;
            transform: translateY(-2px);
        }
.pg-team .btn-danger {
            background: var(--danger-red);
            color: #0f172a;
        }
.pg-team .btn-danger:hover {
            background: #dc2626;
            transform: translateY(-2px);
        }
.pg-team .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.pg-team .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-team-slideDown 0.3s ease-out;
        }
.pg-team .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-team .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-team .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-team .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-team .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            backdrop-filter: blur(10px);
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }
.pg-team .stat-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(29,78,216, 0.1), transparent);
            transition: left 0.5s ease;
        }
.pg-team .stat-card:hover::before {
            left: 100%;
        }
.pg-team .stat-card:hover {
            transform: translateY(-5px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-team .stat-label {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: var(--text-muted);
            margin-bottom: 0.5rem;
        }
.pg-team .stat-value {
            font-size: 2.2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            line-height: 1.2;
        }
.pg-team .stat-sub {
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 0.25rem;
        }
.pg-team .search-section {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-team .search-box {
            display: flex;
            gap: 0.75rem;
            align-items: center;
            flex-wrap: wrap;
        }
.pg-team .search-input {
            flex: 2;
            min-width: 200px;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-team .search-input:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-team .filter-select {
            flex: 1;
            min-width: 150px;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            color: var(--text-primary);
            font-size: 0.875rem;
        }
.pg-team .filter-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-team .teams-table-container {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow-x: auto;
            backdrop-filter: blur(10px);
        }
.pg-team .table-header {
            padding: 1rem 1.5rem;
            border-bottom: 1px solid var(--border-glow);
            background: rgba(15,23,42,0.02);
        }
.pg-team .table-header h2 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-primary);
        }
.pg-team .teams-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 900px;
        }
.pg-team .teams-table th {
            text-align: left;
            padding: 1rem 1rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            border-bottom: 1px solid var(--border-glow);
            text-transform: uppercase;
        }
.pg-team .teams-table td {
            padding: 1rem 1rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.8125rem;
            vertical-align: middle;
            color: var(--text-secondary);
        }
.pg-team .member-info {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
.pg-team .member-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-team .rank-badge {
            background: rgba(29,78,216, 0.2);
            padding: 0.25rem 0.5rem;
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 600;
            display: inline-block;
            color: var(--accent-pink);
        }
.pg-team .status-badge {
            padding: 0.25rem 0.5rem;
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 600;
            display: inline-block;
        }
.pg-team .status-active {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
        }
.pg-team .status-inactive {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
        }
.pg-team .progress-container {
            display: flex;
            align-items: center;
            gap: 8px;
        }
.pg-team .progress-bar-small {
            width: 80px;
            height: 6px;
            background: rgba(15,23,42,0.1);
            border-radius: 3px;
            overflow: hidden;
        }
.pg-team .progress-fill-small {
            height: 100%;
            background: var(--accent-pink);
            border-radius: 3px;
            transition: width 0.3s;
        }
.pg-team .action-buttons {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }
.pg-team .btn-icon {
            padding: 0.25rem 0.5rem;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 0.5rem;
            cursor: pointer;
            font-size: 0.75rem;
            color: var(--text-secondary);
            transition: all 0.2s;
        }
.pg-team .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-team .status-select {
            padding: 0.25rem 0.5rem;
            border: 1px solid var(--border-glow);
            border-radius: 0.5rem;
            font-size: 0.75rem;
            background: rgba(15,23,42,0.05);
            color: var(--text-primary);
        }
.pg-team .modal {
            display: none;
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.8);
            backdrop-filter: blur(5px);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-team .modal.show { display: flex; }
.pg-team .modal-content {
            background: var(--bg-dark);
            border: 1px solid var(--border-glow);
            border-radius: 24px;
            padding: 2rem;
            max-width: 500px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
        }
.pg-team .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
        }
.pg-team .modal-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
.pg-team .modal-close {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--text-muted);
        }
.pg-team .modal-close:hover { color: var(--accent-pink); }
.pg-team .form-group { margin-bottom: 1.25rem; }
.pg-team .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 0.25rem;
            text-transform: uppercase;
            color: var(--text-muted);
        }
.pg-team .form-input, .pg-team .form-select {
            width: 100%;
            padding: 0.75rem 1rem;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.875rem;
            color: var(--text-primary);
        }
.pg-team .form-input:focus, .pg-team .form-select:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-team .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-team .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
.pg-team .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 0.75rem;
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 1px solid var(--border-glow);
        }
.pg-team .empty-state {
            text-align: center;
            padding: 3rem;
            color: var(--text-muted);
        }
.pg-team .empty-state i {
            font-size: 3rem;
            margin-bottom: 1rem;
            opacity: 0.5;
        }
.pg-team .upgrade-section {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            backdrop-filter: blur(10px);
        }
.pg-team .upgrade-section h2 {
            color: var(--accent-pink);
            margin-bottom: 1rem;
        }
.pg-team .upgrade-card {
            background: rgba(56,189,248, 0.05);
            border: 1px solid rgba(56,189,248, 0.2);
            border-radius: 12px;
            padding: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
@keyframes pg-team-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-team .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 768px)  { .pg-team .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-team .menu-toggle { display: block; }
.pg-team .stats-grid { grid-template-columns: 1fr; }
.pg-team .search-box { flex-direction: column; align-items: stretch; }
.pg-team .stat-value { font-size: 1.8rem; }
.pg-team .page-title h1 { font-size: 2rem; }
.pg-team .form-row { grid-template-columns: 1fr; } }
.pg-team { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-team .ld-main, .pg-team @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-team.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-team.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-team.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }


/* ============ terms.php (pg-terms) ============ */
.pg-terms {--bg:#ffffff;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--border:rgba(29,78,216,.2);--card:rgba(15,23,42,.03);}
.pg-terms, .pg-terms *, .pg-terms, .pg-terms *::before, .pg-terms, .pg-terms *::after {box-sizing:border-box;margin:0;padding:0;}
.pg-terms {font-family:"Inter",sans-serif;background:var(--bg);color:rgba(15,23,42,.85);line-height:1.7;}
.pg-terms .wrap {max-width:720px;margin:0 auto;padding:3rem 1.5rem 5rem;}
.pg-terms .back {display:inline-flex;align-items:center;gap:.4rem;color:rgba(15,23,42,.5);text-decoration:none;font-size:.85rem;margin-bottom:2rem;}
.pg-terms h1 {font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;}
.pg-terms .updated {color:rgba(15,23,42,.4);font-size:.8rem;margin-bottom:2.5rem;}
.pg-terms h2 {font-family:"Space Grotesk",sans-serif;font-size:1.15rem;font-weight:700;color:#0f172a;margin:2rem 0 .75rem;}
.pg-terms p, .pg-terms li {color:rgba(15,23,42,.7);font-size:.925rem;margin-bottom:.75rem;}
.pg-terms ul {padding-left:1.25rem;margin-bottom:.75rem;}
.pg-terms .highlight {background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;margin:1rem 0;}
.pg-terms .highlight strong {color:#38bdf8;}
.pg-terms.ld-dark-mode body { color: rgba(255,255,255,.85) !important; }
.pg-terms.ld-dark-mode .back { color: rgba(255,255,255,.5) !important; }
.pg-terms.ld-dark-mode .updated { color: rgba(255,255,255,.4) !important; }
.pg-terms.ld-dark-mode h2 { color: #f1f5f9 !important; }
.pg-terms.ld-dark-mode p, .pg-terms.ld-dark-mode li { color: rgba(255,255,255,.7) !important; }


/* ============ training.php (pg-training) ============ */
.pg-training {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-training, .pg-training * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-training, .pg-training { max-width: 100%; overflow-x: hidden; }
.pg-training {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-training .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-training-gridMove 20s linear infinite;
        }
@keyframes pg-training-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-training .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-training .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-training-float 15s infinite linear;
        }
@keyframes pg-training-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-training h1, .pg-training h2, .pg-training h3, .pg-training h4, .pg-training h5, .pg-training h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-training a { color: inherit; text-decoration: none; }
.pg-training .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-training .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-training .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-training .user-menu {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }
.pg-training .notifications { position: relative; }
.pg-training .notifications a { text-decoration: none; color: var(--text-primary); font-size: 1.25rem; }
.pg-training .notification-badge {
            position: absolute;
            top: -8px;
            right: -8px;
            background: var(--primary-purple);
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            min-width: 18px;
            text-align: center;
            box-shadow: 0 0 10px var(--primary-purple);
        }
.pg-training .user-profile {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            background: var(--bg-card);
            padding: 0.5rem 1rem;
            border-radius: 2rem;
            text-decoration: none;
            color: inherit;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-training .user-profile:hover {
            border-color: var(--accent-pink);
            box-shadow: 0 0 20px rgba(29,78,216, 0.2);
        }
.pg-training .user-avatar {
            width: 36px;
            height: 36px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-training .user-info { display: none; }
@media  (min-width: 768px)  { .pg-training .user-info { display: block; }
.pg-training .user-name { font-weight: 600; font-size: 14px; }
.pg-training .user-role { font-size: 12px; color: var(--text-muted); } }
.pg-training .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-training .btn-primary {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            background-size: 200% auto;
        }
.pg-training .btn-primary:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-training .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-training .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-training .btn-danger {
            background: var(--danger-red);
            color: #0f172a;
        }
.pg-training .btn-danger:hover {
            background: #dc2626;
            transform: translateY(-2px);
        }
.pg-training .leader-btn {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 8px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background-size: 200% auto;
        }
.pg-training .leader-btn:hover {
            background-position: right center;
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(29,78,216, 0.3);
        }
.pg-training .alert {
            padding: 1rem 1.25rem;
            border-radius: 16px;
            margin-bottom: 1.5rem;
            font-size: 0.875rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            animation: pg-training-slideDown 0.3s ease-out;
        }
.pg-training .alert-success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--success-green);
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.pg-training .alert-error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--danger-red);
            border: 1px solid rgba(239, 68, 68, 0.3);
        }
.pg-training .alert-close {
            background: none;
            border: none;
            color: inherit;
            cursor: pointer;
            opacity: 0.5;
        }
.pg-training .compose-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 24px;
            margin-bottom: 32px;
            backdrop-filter: blur(10px);
        }
.pg-training .compose-card h2 {
            font-size: 1.25rem;
            margin-bottom: 20px;
            color: var(--text-primary);
        }
.pg-training .form-group {
            margin-bottom: 20px;
        }
.pg-training .form-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
        }
.pg-training .form-input, .pg-training .form-select, .pg-training .form-textarea {
            width: 100%;
            padding: 12px 16px;
            background: rgba(15,23,42,0.05);
            border: 1.5px solid var(--border-glow);
            border-radius: 12px;
            font-size: 0.9375rem;
            color: var(--text-primary);
            font-family: "Inter", sans-serif;
        }
.pg-training .form-input:focus, .pg-training .form-select:focus, .pg-training .form-textarea:focus {
            outline: none;
            border-color: var(--accent-pink);
        }
.pg-training .form-select option {
            background: var(--bg-dark);
            color: var(--text-primary);
        }
.pg-training .form-textarea {
            min-height: 100px;
            resize: vertical;
        }
.pg-training .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
.pg-training small {
            color: var(--text-muted);
            font-size: 0.75rem;
        }
.pg-training .training-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
.pg-training .training-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 20px;
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }
.pg-training .training-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-training .training-header {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
        }
.pg-training .training-icon {
            width: 50px;
            height: 50px;
            background: rgba(29,78,216, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: var(--accent-pink);
        }
.pg-training .training-info {
            flex: 1;
        }
.pg-training .training-category {
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--accent-pink);
        }
.pg-training .training-title {
            font-size: 1.125rem;
            font-weight: 600;
            margin-bottom: 4px;
            color: var(--text-primary);
        }
.pg-training .training-meta {
            font-size: 0.75rem;
            color: var(--text-muted);
        }
.pg-training .training-description {
            color: var(--text-secondary);
            font-size: 0.875rem;
            margin-bottom: 16px;
            line-height: 1.6;
        }
.pg-training .training-type {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 4px 12px;
            background: rgba(15,23,42,0.05);
            border-radius: 100px;
            font-size: 0.75rem;
            margin-bottom: 16px;
            color: var(--text-secondary);
        }
.pg-training .training-actions {
            display: flex;
            gap: 12px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--border-glow);
        }
.pg-training .btn-view {
            flex: 1;
            padding: 10px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            border: none;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            background-size: 200% auto;
        }
.pg-training .btn-view:hover {
            background-position: right center;
        }
.pg-training .btn-icon {
            padding: 10px 16px;
            border: 1px solid var(--border-glow);
            background: transparent;
            border-radius: 8px;
            cursor: pointer;
            font-size: 0.875rem;
            transition: all 0.2s;
            color: var(--text-secondary);
            text-decoration: none;
        }
.pg-training .btn-icon:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-training .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
        }
.pg-training .empty-state i {
            font-size: 3rem;
            margin-bottom: 16px;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-training .empty-state h3 {
            font-size: 1.25rem;
            margin-bottom: 8px;
        }
.pg-training .empty-state p {
            color: var(--text-muted);
        }
@keyframes pg-training-slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
.pg-training .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 1024px)  { .pg-training .training-grid { grid-template-columns: repeat(2, 1fr); } }
@media  (max-width: 768px)  { .pg-training .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-training .training-grid { grid-template-columns: 1fr; }
.pg-training .form-row { grid-template-columns: 1fr; }
.pg-training .menu-toggle { display: block; }
.pg-training .page-title h1 { font-size: 2rem; } }
.pg-training { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-training .ld-main, .pg-training @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }
.pg-training.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-training.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }


/* ============ upgrade_request.php (pg-upgrade-request) ============ */
.pg-upgrade-request, .pg-upgrade-request * { margin:0; padding:0; box-sizing:border-box; }
.pg-upgrade-request { font-family:"Inter",sans-serif; background: #ffffff; color: #0f172a; }
.pg-upgrade-request .app { display:flex; min-height:100vh; }
.pg-upgrade-request .sidebar { width:280px; background:white; border-right:1px solid #eaeaea; position:fixed; height:100vh; overflow-y:auto; padding:32px 24px; }
.pg-upgrade-request .sidebar-logo { font-size:24px; font-weight:700; letter-spacing:-0.5px; margin-bottom:40px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-upgrade-request .sidebar-logo span { background:#f0f0f0; padding:4px 12px; border-radius:40px; margin-left:8px; font-size:14px; }
.pg-upgrade-request .nav-menu { list-style:none; }
.pg-upgrade-request .nav-item { margin-bottom:8px; }
.pg-upgrade-request .nav-item a { display:flex; align-items:center; padding:12px 16px; color:#4a4a4a; text-decoration:none; border-radius:12px; transition:all 0.2s; gap:12px; font-weight:500; }
.pg-upgrade-request .nav-item a:hover { background:#f5f5f5; color:#0f172a; }
.pg-upgrade-request .nav-item.active a { background:#e2e8f0; color:#0f172a; }
.pg-upgrade-request .nav-icon { font-size:20px; }
.pg-upgrade-request .nav-badge { background:#dc2626; color:#0f172a; font-size:11px; padding:2px 6px; border-radius:50%; margin-left:auto; min-width:20px; text-align:center; font-weight:600; }
.pg-upgrade-request .main { flex:1; margin-left:280px; padding:32px; }
.pg-upgrade-request .top-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid #eaeaea; }
.pg-upgrade-request .page-title h1 { font-size:28px; font-weight:700; margin-bottom:8px; }
.pg-upgrade-request .page-title p { color:#666; font-size:15px; }
.pg-upgrade-request .user-menu { display:flex; align-items:center; gap:24px; }
.pg-upgrade-request .leader-btn { background:linear-gradient(135deg,#f59e0b,#fbbf24); color:#0f172a; padding:8px 20px; border-radius:100px; font-weight:600; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; box-shadow:0 4px 6px -1px rgba(245,158,11,0.2); }
.pg-upgrade-request .notifications { position:relative; cursor:pointer; }
.pg-upgrade-request .notification-badge { position:absolute; top:-5px; right:-5px; background:#dc2626; color:#0f172a; font-size:11px; padding:2px 6px; border-radius:50%; }
.pg-upgrade-request .user-profile { display:flex; align-items:center; gap:12px; cursor:pointer; padding:8px 12px; border-radius:100px; background:#f5f5f5; text-decoration:none; color:inherit; }
.pg-upgrade-request .user-avatar { width:36px; height:36px; background:#e2e8f0; color:#0f172a; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:600; }
.pg-upgrade-request .user-info { display:none; }
@media  (min-width:768px)  { .pg-upgrade-request .user-info { display:block; }
.pg-upgrade-request .user-name { font-weight:600; font-size:14px; }
.pg-upgrade-request .user-role { font-size:12px; color:#666; } }
.pg-upgrade-request .alert { padding:16px 20px; border-radius:12px; margin-bottom:24px; font-size:14px; display:flex; align-items:center; justify-content:space-between; animation:pg-upgrade-request-slideDown 0.3s ease-out; }
.pg-upgrade-request .alert-success { background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.pg-upgrade-request .alert-error { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.pg-upgrade-request .upgrade-container { max-width:600px; margin:0 auto; }
.pg-upgrade-request .upgrade-card { background: rgba(15,23,42,.04); border-radius:24px; border: 1.5px solid rgba(29,78,216,.25); padding:40px; text-align:center; box-shadow:0 10px 25px -5px rgba(0,0,0,0.05); }
.pg-upgrade-request .upgrade-icon { font-size:64px; margin-bottom:20px; }
.pg-upgrade-request .upgrade-title { font-size:24px; font-weight:700; margin-bottom:12px; }
.pg-upgrade-request .upgrade-description { color:#666; font-size:15px; line-height:1.6; margin-bottom:24px; }
.pg-upgrade-request .benefits-list { text-align:left; background:#f5f5f5; border-radius:16px; padding:24px; margin:24px 0; }
.pg-upgrade-request .benefits-list h3 { font-size:16px; font-weight:600; margin-bottom:16px; }
.pg-upgrade-request .benefits-list ul { list-style:none; }
.pg-upgrade-request .benefits-list li { display:flex; align-items:center; gap:12px; margin-bottom:12px; font-size:14px; color:#666; }
.pg-upgrade-request .benefits-list li span { font-size:18px; }
.pg-upgrade-request .btn { padding:14px 28px; border-radius:100px; font-weight:600; font-size:16px; cursor:pointer; border:none; transition:all 0.2s; display:inline-flex; align-items:center; gap:8px; }
.pg-upgrade-request .btn-primary { background:#e2e8f0; color:#0f172a; }
.pg-upgrade-request .btn-primary:hover { background:#e2e8f0; transform:translateY(-2px); box-shadow:0 10px 25px -5px rgba(0,0,0,0.1); }
.pg-upgrade-request .btn-disabled { background:#eaeaea; color:#888; cursor:not-allowed; pointer-events:none; }
.pg-upgrade-request .pending-card { background:#fef3c7; border:1px solid #fde68a; }
.pg-upgrade-request .pending-card .upgrade-icon { color:#f59e0b; }
.pg-upgrade-request .pending-card .upgrade-title { color:#92400e; }
@keyframes pg-upgrade-request-slideDown { from{opacity:0;transform:translateY(-10px);} to{opacity:1;transform:translateY(0);} }
@media  (max-width:768px)  { .pg-upgrade-request .sidebar { transform:translateX(-100%); z-index:1000; transition:transform 0.3s; }
.pg-upgrade-request .sidebar.open { transform:translateX(0); }
.pg-upgrade-request .main { margin-left:0; padding:20px; }
.pg-upgrade-request .upgrade-card { padding:24px; } }
.pg-upgrade-request.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .nav-item a { color: #cbd5e1 !important; }
.pg-upgrade-request.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .nav-badge { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-upgrade-request.ld-dark-mode .leader-btn { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .user-role { color: #cbd5e1 !important; }
.pg-upgrade-request.ld-dark-mode .upgrade-description { color: #cbd5e1 !important; }
.pg-upgrade-request.ld-dark-mode .benefits-list li { color: #cbd5e1 !important; }
.pg-upgrade-request.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .btn-disabled { color: #cbd5e1 !important; }
.pg-upgrade-request {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-upgrade-request, .pg-upgrade-request {overflow-x:hidden;}
.pg-upgrade-request {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-upgrade-request::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-upgrade-request .app, .pg-upgrade-request .main, .pg-upgrade-request .admin-main, .pg-upgrade-request .admin-container, .pg-upgrade-request .page-wrap, .pg-upgrade-request .ld-page-wrap {position:relative;z-index:1;}
.pg-upgrade-request .edit-card, .pg-upgrade-request .card, .pg-upgrade-request .section-card, .pg-upgrade-request .settings-section, .pg-upgrade-request .stat-card, .pg-upgrade-request .info-card, .pg-upgrade-request .content-card, .pg-upgrade-request .panel, .pg-upgrade-request .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-upgrade-request .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-upgrade-request .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-upgrade-request .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-upgrade-request .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-upgrade-request .nav-item.active a, .pg-upgrade-request .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-upgrade-request .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-upgrade-request .page-title h1 {color:#0f172a!important;}
.pg-upgrade-request .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-upgrade-request .form-input, .pg-upgrade-request .form-select, .pg-upgrade-request .form-textarea, .pg-upgrade-request input[type=text], .pg-upgrade-request input[type=email], .pg-upgrade-request input[type=password], .pg-upgrade-request input[type=number], .pg-upgrade-request input[type=date], .pg-upgrade-request input[type=time], .pg-upgrade-request input[type=tel], .pg-upgrade-request textarea, .pg-upgrade-request select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-upgrade-request .form-input::placeholder, .pg-upgrade-request .form-textarea::placeholder, .pg-upgrade-request input::placeholder, .pg-upgrade-request textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-upgrade-request .form-input:focus, .pg-upgrade-request .form-textarea:focus, .pg-upgrade-request input:focus, .pg-upgrade-request textarea:focus, .pg-upgrade-request select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-upgrade-request select option {background:#f1f5f9;color:#0f172a;}
.pg-upgrade-request .form-label, .pg-upgrade-request label {color:rgba(15,23,42,.7)!important;}
.pg-upgrade-request .btn-primary, .pg-upgrade-request button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-upgrade-request .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-upgrade-request .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-upgrade-request .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-upgrade-request .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-upgrade-request table {border-collapse:collapse;}
.pg-upgrade-request th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-upgrade-request td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-upgrade-request tr:last-child td {border-bottom:none!important;}
.pg-upgrade-request tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-upgrade-request .badge-success, .pg-upgrade-request .status-active, .pg-upgrade-request .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-upgrade-request .badge-danger, .pg-upgrade-request .status-expired, .pg-upgrade-request .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-upgrade-request .badge-warning, .pg-upgrade-request .status-pending, .pg-upgrade-request .status-Pending, .pg-upgrade-request .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-upgrade-request .badge-primary, .pg-upgrade-request .badge-info, .pg-upgrade-request .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-upgrade-request .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-upgrade-request .alert-error, .pg-upgrade-request .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-upgrade-request .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-upgrade-request h1, .pg-upgrade-request h2, .pg-upgrade-request h3, .pg-upgrade-request h4, .pg-upgrade-request h5, .pg-upgrade-request h6 {color:#0f172a;}
.pg-upgrade-request h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-upgrade-request .modal-content, .pg-upgrade-request .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-upgrade-request .modal-header, .pg-upgrade-request .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-upgrade-request .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-upgrade-request a {color:#38bdf8;}
.pg-upgrade-request a:hover {color:#0f172a;}
.pg-upgrade-request .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-upgrade-request .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-upgrade-request .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-upgrade-request .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-upgrade-request hr {border-color:rgba(29,78,216,.2)!important;}
.pg-upgrade-request .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-upgrade-request .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-upgrade-request .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-upgrade-request ::-webkit-scrollbar {width:6px;height:6px;}
.pg-upgrade-request ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-upgrade-request ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-upgrade-request.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode 
.edit-card, .pg-upgrade-request.ld-dark-mode .card, .pg-upgrade-request.ld-dark-mode .section-card, .pg-upgrade-request.ld-dark-mode .settings-section, .pg-upgrade-request.ld-dark-mode .stat-card, .pg-upgrade-request.ld-dark-mode .info-card, .pg-upgrade-request.ld-dark-mode .content-card, .pg-upgrade-request.ld-dark-mode .panel, .pg-upgrade-request.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-upgrade-request.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .nav-item.active a, .pg-upgrade-request.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-upgrade-request.ld-dark-mode 
.form-input, .pg-upgrade-request.ld-dark-mode .form-select, .pg-upgrade-request.ld-dark-mode .form-textarea, .pg-upgrade-request.ld-dark-mode input[type=text], .pg-upgrade-request.ld-dark-mode input[type=email], .pg-upgrade-request.ld-dark-mode input[type=password], .pg-upgrade-request.ld-dark-mode input[type=number], .pg-upgrade-request.ld-dark-mode input[type=date], .pg-upgrade-request.ld-dark-mode input[type=time], .pg-upgrade-request.ld-dark-mode input[type=tel], .pg-upgrade-request.ld-dark-mode textarea, .pg-upgrade-request.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .form-input::placeholder, .pg-upgrade-request.ld-dark-mode .form-textarea::placeholder, .pg-upgrade-request.ld-dark-mode input::placeholder, .pg-upgrade-request.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-upgrade-request.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .form-label, .pg-upgrade-request.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-upgrade-request.ld-dark-mode 
.btn-primary, .pg-upgrade-request.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-upgrade-request.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-upgrade-request.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-upgrade-request.ld-dark-mode 
h1, .pg-upgrade-request.ld-dark-mode h2, .pg-upgrade-request.ld-dark-mode h3, .pg-upgrade-request.ld-dark-mode h4, .pg-upgrade-request.ld-dark-mode h5, .pg-upgrade-request.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode 
.modal-content, .pg-upgrade-request.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .modal-header, .pg-upgrade-request.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-upgrade-request.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-upgrade-request.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ view_event.php (pg-view-event) ============ */
.pg-view-event {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
        }
.pg-view-event, .pg-view-event * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-view-event {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
        }
.pg-view-event .event-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            max-width: 400px;
            width: 100%;
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-view-event .event-date-banner {
            background: var(--gradient-primary);
            color: var(--bg-dark);
            padding: 20px;
            text-align: center;
        }
.pg-view-event .event-date-banner .day { font-size: 48px; font-weight: 700; line-height: 1; }
.pg-view-event .event-date-banner .month { font-size: 16px; text-transform: uppercase; }
.pg-view-event .event-content { padding: 24px; }
.pg-view-event .event-title { font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.pg-view-event .event-type {
            display: inline-block;
            padding: 4px 12px;
            border-radius: 100px;
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 16px;
        }
.pg-view-event .type-training { background: rgba(29,78,216, 0.2); color: var(--primary-purple); }
.pg-view-event .type-opportunity { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }
.pg-view-event .type-team_meeting { background: rgba(16, 185, 129, 0.2); color: var(--success-green); }
.pg-view-event .type-product_presentation { background: rgba(56,189,248, 0.2); color: var(--accent-pink); }
.pg-view-event .event-description { color: var(--text-secondary); margin: 16px 0; line-height: 1.6; }
.pg-view-event .event-details {
            background: rgba(15,23,42,0.03);
            border-radius: 12px;
            padding: 16px;
            margin: 16px 0;
        }
.pg-view-event .detail-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
            font-size: 14px;
            color: var(--text-secondary);
        }
.pg-view-event .detail-icon { width: 20px; color: var(--accent-pink); }
.pg-view-event .meeting-link {
            color: var(--accent-pink);
            font-weight: 600;
            text-decoration: none;
        }
.pg-view-event .meeting-link:hover { text-decoration: underline; }
.pg-view-event .back-btn {
            display: inline-block;
            padding: 8px 16px;
            border-radius: 100px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            font-weight: 600;
            text-decoration: none;
            margin-top: 16px;
        }


/* ============ view_notification.php (pg-view-notification) ============ */
.pg-view-notification, .pg-view-notification * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-view-notification {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-view-notification .ld-page-wrap { display: flex; min-height: 100vh; }
.pg-view-notification .main { flex: 1; margin-left: 280px; padding: 32px; }
.pg-view-notification .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
            flex-wrap: wrap;
            gap: 12px;
        }
.pg-view-notification .page-title h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; }
.pg-view-notification .page-title p { color: #666; font-size: 15px; }
.pg-view-notification .user-menu { display: flex; align-items: center; gap: 24px; }
.pg-view-notification .notifications { position: relative; cursor: pointer; }
.pg-view-notification .notification-badge {
            position: absolute; top: -5px; right: -5px;
            background: #dc2626; color: #0f172a;
            font-size: 11px; padding: 2px 6px; border-radius: 50%;
        }
.pg-view-notification .user-profile {
            display: flex; align-items: center; gap: 12px;
            cursor: pointer; padding: 8px 12px; border-radius: 100px;
            background: #f5f5f5; text-decoration: none; color: inherit;
        }
.pg-view-notification .user-avatar {
            width: 36px; height: 36px;
            background: #e2e8f0; color: #0f172a;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-weight: 600; flex-shrink: 0;
        }
.pg-view-notification .user-info { display: none; }
@media  (min-width: 769px)  { .pg-view-notification .user-info { display: block; }
.pg-view-notification .user-name { font-weight: 600; font-size: 14px; }
.pg-view-notification .user-role { font-size: 12px; color: #666; } }
.pg-view-notification .upgrade-btn {
            background: #f59e0b; color: #0f172a;
            padding: 8px 16px; border-radius: 100px;
            font-size: 13px; font-weight: 600;
            text-decoration: none; transition: all 0.2s;
            display: inline-flex; align-items: center; gap: 6px;
            white-space: nowrap;
        }
.pg-view-notification .upgrade-btn:hover { background: #d97706; transform: translateY(-2px); }
.pg-view-notification .notification-detail-container {
            background: white;
            border-radius: 24px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 40px;
            max-width: 800px;
            margin: 0 auto;
            box-shadow: 0 2px 16px rgba(0,0,0,.06);
        }
.pg-view-notification .notification-header { margin-bottom: 24px; }
.pg-view-notification .notification-type {
            display: inline-block;
            padding: 6px 12px; border-radius: 100px;
            font-size: 12px; font-weight: 600;
            margin-bottom: 16px; text-transform: capitalize;
        }
.pg-view-notification .type-announcement { background: #fef3c7; color: #92400e; }
.pg-view-notification .type-message { background: #dbeafe; color: #1e40af; }
.pg-view-notification .type-campaign { background: #e0f2fe; color: #0369a1; }
.pg-view-notification .type-training { background: #dbeafe; color: #1e40af; }
.pg-view-notification .type-task { background: #e0f2fe; color: #0369a1; }
.pg-view-notification .type-member { background: #ecfdf5; color: #065f46; }
.pg-view-notification .type-event { background: #f3e8ff; color: #6b21a8; }
.pg-view-notification .type-target { background: #fee2e2; color: #991b1b; }
.pg-view-notification .type-system { background: #f1f5f9; color: #475569; }
.pg-view-notification .type-social { background: #fdf4ff; color: #7e22ce; }
.pg-view-notification .notification-title {
            font-size: 28px; font-weight: 700;
            margin-bottom: 12px; color: #0f172a;
            font-family: "Space Grotesk", "Inter", sans-serif;
        }
.pg-view-notification .notification-meta {
            display: flex; gap: 20px; color: #666; font-size: 14px;
            margin-bottom: 24px; padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea; flex-wrap: wrap;
        }
.pg-view-notification .notification-content {
            font-size: 16px; line-height: 1.8; color: #0f172a;
            margin-bottom: 32px; padding: 20px;
            background: #fafafa; border-radius: 12px;
            white-space: pre-wrap;
            word-break: break-word;
        }
.pg-view-notification .notification-content a {
            color: #1d4ed8;
            text-decoration: underline;
            word-break: break-all;
            font-weight: 500;
        }
.pg-view-notification .notification-content a:hover { color: #5b35c4; }
.pg-view-notification .notification-actions {
            display: flex; gap: 16px;
            margin-top: 32px; padding-top: 24px;
            border-top: 1px solid #eaeaea; flex-wrap: wrap;
        }
.pg-view-notification .btn {
            padding: 12px 24px; border-radius: 100px;
            font-weight: 600; font-size: 14px;
            text-decoration: none; transition: all 0.2s;
            cursor: pointer; border: none;
            display: inline-flex; align-items: center; gap: 8px;
        }
.pg-view-notification .btn-primary { background: #e2e8f0; color: #0f172a; }
.pg-view-notification .btn-primary:hover { background: #e2e8f0; }
.pg-view-notification .btn-outline { background: transparent; border: 1.5px solid rgba(29,78,216,.25); color: #0f172a; }
.pg-view-notification .btn-outline:hover { background: #f5f5f5; }
@media  (max-width: 768px)  { .pg-view-notification .main {
                margin-left: 0 !important;
                padding: calc(52px + .875rem) .875rem calc(58px + .875rem) !important;
                width: 100% !important;
            }
.pg-view-notification .notification-detail-container { padding: 20px; border-radius: 16px; }
.pg-view-notification .notification-title { font-size: 20px; }
.pg-view-notification .notification-content { font-size: 14px; padding: 16px; }
.pg-view-notification .notification-meta { font-size: 12px; gap: 12px; }
.pg-view-notification .btn { padding: 10px 18px; font-size: 13px; }
.pg-view-notification #menuToggle { display: none !important; }
.pg-view-notification .user-menu { display: none !important; } }
.pg-view-notification.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-view-notification.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .user-role { color: #cbd5e1 !important; }
.pg-view-notification.ld-dark-mode .upgrade-btn { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .type-system { color: #cbd5e1 !important; }
.pg-view-notification.ld-dark-mode .notification-title { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .notification-meta { color: #cbd5e1 !important; }
.pg-view-notification.ld-dark-mode .notification-content { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .btn-primary { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-view-notification {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-view-notification, .pg-view-notification {overflow-x:hidden;}
.pg-view-notification {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-view-notification::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-view-notification .app, .pg-view-notification .main, .pg-view-notification .admin-main, .pg-view-notification .admin-container, .pg-view-notification .page-wrap, .pg-view-notification .ld-page-wrap {position:relative;z-index:1;}
.pg-view-notification .edit-card, .pg-view-notification .card, .pg-view-notification .section-card, .pg-view-notification .settings-section, .pg-view-notification .stat-card, .pg-view-notification .info-card, .pg-view-notification .content-card, .pg-view-notification .panel, .pg-view-notification .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-view-notification .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-view-notification .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-view-notification .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-view-notification .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-notification .nav-item.active a, .pg-view-notification .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-notification .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-view-notification .page-title h1 {color:#0f172a!important;}
.pg-view-notification .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-view-notification .form-input, .pg-view-notification .form-select, .pg-view-notification .form-textarea, .pg-view-notification input[type=text], .pg-view-notification input[type=email], .pg-view-notification input[type=password], .pg-view-notification input[type=number], .pg-view-notification input[type=date], .pg-view-notification input[type=time], .pg-view-notification input[type=tel], .pg-view-notification textarea, .pg-view-notification select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-view-notification .form-input::placeholder, .pg-view-notification .form-textarea::placeholder, .pg-view-notification input::placeholder, .pg-view-notification textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-view-notification .form-input:focus, .pg-view-notification .form-textarea:focus, .pg-view-notification input:focus, .pg-view-notification textarea:focus, .pg-view-notification select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-view-notification select option {background:#f1f5f9;color:#0f172a;}
.pg-view-notification .form-label, .pg-view-notification label {color:rgba(15,23,42,.7)!important;}
.pg-view-notification .btn-primary, .pg-view-notification button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-notification .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-view-notification .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-notification .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-notification .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-notification table {border-collapse:collapse;}
.pg-view-notification th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-view-notification td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-view-notification tr:last-child td {border-bottom:none!important;}
.pg-view-notification tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-view-notification .badge-success, .pg-view-notification .status-active, .pg-view-notification .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-view-notification .badge-danger, .pg-view-notification .status-expired, .pg-view-notification .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-view-notification .badge-warning, .pg-view-notification .status-pending, .pg-view-notification .status-Pending, .pg-view-notification .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-view-notification .badge-primary, .pg-view-notification .badge-info, .pg-view-notification .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-view-notification .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-view-notification .alert-error, .pg-view-notification .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-view-notification .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-view-notification h1, .pg-view-notification h2, .pg-view-notification h3, .pg-view-notification h4, .pg-view-notification h5, .pg-view-notification h6 {color:#0f172a;}
.pg-view-notification h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-view-notification .modal-content, .pg-view-notification .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-view-notification .modal-header, .pg-view-notification .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-view-notification .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-view-notification a {color:#38bdf8;}
.pg-view-notification a:hover {color:#0f172a;}
.pg-view-notification .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-view-notification .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-notification .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-view-notification .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-view-notification hr {border-color:rgba(29,78,216,.2)!important;}
.pg-view-notification .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-view-notification .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-view-notification .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-notification ::-webkit-scrollbar {width:6px;height:6px;}
.pg-view-notification ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-view-notification ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-view-notification.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode 
.edit-card, .pg-view-notification.ld-dark-mode .card, .pg-view-notification.ld-dark-mode .section-card, .pg-view-notification.ld-dark-mode .settings-section, .pg-view-notification.ld-dark-mode .stat-card, .pg-view-notification.ld-dark-mode .info-card, .pg-view-notification.ld-dark-mode .content-card, .pg-view-notification.ld-dark-mode .panel, .pg-view-notification.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-view-notification.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .nav-item.active a, .pg-view-notification.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-view-notification.ld-dark-mode 
.form-input, .pg-view-notification.ld-dark-mode .form-select, .pg-view-notification.ld-dark-mode .form-textarea, .pg-view-notification.ld-dark-mode input[type=text], .pg-view-notification.ld-dark-mode input[type=email], .pg-view-notification.ld-dark-mode input[type=password], .pg-view-notification.ld-dark-mode input[type=number], .pg-view-notification.ld-dark-mode input[type=date], .pg-view-notification.ld-dark-mode input[type=time], .pg-view-notification.ld-dark-mode input[type=tel], .pg-view-notification.ld-dark-mode textarea, .pg-view-notification.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .form-input::placeholder, .pg-view-notification.ld-dark-mode .form-textarea::placeholder, .pg-view-notification.ld-dark-mode input::placeholder, .pg-view-notification.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-view-notification.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .form-label, .pg-view-notification.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-view-notification.ld-dark-mode 
.btn-primary, .pg-view-notification.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-view-notification.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-view-notification.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-view-notification.ld-dark-mode 
h1, .pg-view-notification.ld-dark-mode h2, .pg-view-notification.ld-dark-mode h3, .pg-view-notification.ld-dark-mode h4, .pg-view-notification.ld-dark-mode h5, .pg-view-notification.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode 
.modal-content, .pg-view-notification.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .modal-header, .pg-view-notification.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-notification.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-view-notification.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ view_shared_file.php (pg-view-shared-file) ============ */
.pg-view-shared-file, .pg-view-shared-file * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-view-shared-file {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-view-shared-file .app {
            display: flex;
            min-height: 100vh;
        }
.pg-view-shared-file .sidebar {
            width: 280px;
            background: white;
            border-right: 1px solid #eaeaea;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
            padding: 32px 24px;
        }
.pg-view-shared-file .sidebar-logo {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-bottom: 40px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-view-shared-file .sidebar-logo span {
            background: #f0f0f0;
            padding: 4px 12px;
            border-radius: 40px;
            margin-left: 8px;
            font-size: 14px;
        }
.pg-view-shared-file .nav-menu {
            list-style: none;
        }
.pg-view-shared-file .nav-item {
            margin-bottom: 8px;
            position: relative;
        }
.pg-view-shared-file .nav-item a {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            color: #4a4a4a;
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.2s;
            gap: 12px;
            font-weight: 500;
        }
.pg-view-shared-file .nav-item a:hover {
            background: #f5f5f5;
            color: #0f172a;
        }
.pg-view-shared-file .nav-item.active a {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-view-shared-file .nav-icon {
            font-size: 20px;
        }
.pg-view-shared-file .nav-badge {
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            margin-left: auto;
            min-width: 20px;
            text-align: center;
            font-weight: 600;
        }
.pg-view-shared-file .main {
            flex: 1;
            margin-left: 280px;
            padding: 32px;
        }
.pg-view-shared-file .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-view-shared-file .page-title h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-view-shared-file .page-title p {
            color: #666;
            font-size: 15px;
        }
.pg-view-shared-file .user-menu {
            display: flex;
            align-items: center;
            gap: 24px;
        }
.pg-view-shared-file .notifications {
            position: relative;
            cursor: pointer;
        }
.pg-view-shared-file .notification-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
        }
.pg-view-shared-file .user-profile {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 100px;
            background: #f5f5f5;
        }
.pg-view-shared-file .user-avatar {
            width: 36px;
            height: 36px;
            background: #e2e8f0;
            color: #0f172a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-view-shared-file .user-info {
            display: none;
        }
@media  (min-width: 768px)  { .pg-view-shared-file .user-info {
                display: block;
            }
.pg-view-shared-file .user-name {
                font-weight: 600;
                font-size: 14px;
            }
.pg-view-shared-file .user-role {
                font-size: 12px;
                color: #666;
            } }
.pg-view-shared-file .upgrade-btn {
            background: #f59e0b;
            color: #0f172a;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-view-shared-file .upgrade-btn:hover {
            background: #d97706;
            transform: translateY(-2px);
        }
.pg-view-shared-file .upgrade-btn.pending {
            background: #6b7280;
            cursor: not-allowed;
            pointer-events: none;
        }
.pg-view-shared-file .file-container {
            max-width: 900px;
            margin: 0 auto;
        }
.pg-view-shared-file .file-card {
            background: rgba(15,23,42,.04);
            border-radius: 24px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 40px;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        }
.pg-view-shared-file .file-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 24px;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-view-shared-file .file-header-left {
            flex: 1;
        }
.pg-view-shared-file .back-btn {
            display: inline-block;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            margin-bottom: 12px;
        }
.pg-view-shared-file .back-btn:hover {
            color: #0f172a;
        }
.pg-view-shared-file .file-header h1 {
            font-size: 28px;
            font-weight: 700;
            color: #0f172a;
            word-break: break-word;
        }
.pg-view-shared-file .file-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            background: #f5f5f5;
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 24px;
        }
.pg-view-shared-file .meta-item {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
.pg-view-shared-file .meta-label {
            font-size: 12px;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-view-shared-file .meta-value {
            font-size: 14px;
            font-weight: 600;
            color: #0f172a;
        }
.pg-view-shared-file .message-box {
            background: #fef3c7;
            border: 1px solid #fde68a;
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-view-shared-file .message-box h3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 12px;
            color: #92400e;
        }
.pg-view-shared-file .message-box p {
            color: #92400e;
            font-size: 15px;
            line-height: 1.6;
        }
.pg-view-shared-file .file-preview {
            background: #f5f5f5;
            border-radius: 16px;
            padding: 30px;
            margin-bottom: 32px;
            text-align: center;
        }
.pg-view-shared-file .file-icon-large {
            font-size: 80px;
            margin-bottom: 20px;
            color: #0f172a;
        }
.pg-view-shared-file .file-name-large {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 8px;
            word-break: break-word;
        }
.pg-view-shared-file .file-size {
            color: #666;
            margin-bottom: 24px;
        }
.pg-view-shared-file .download-btn {
            display: inline-block;
            padding: 16px 40px;
            background: #10b981;
            color: #0f172a;
            text-decoration: none;
            border-radius: 100px;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.2s;
            border: none;
            cursor: pointer;
        }
.pg-view-shared-file .download-btn:hover {
            background: #059669;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.3);
        }
.pg-view-shared-file .file-footer {
            margin-top: 32px;
            padding-top: 24px;
            border-top: 2px solid #eaeaea;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-view-shared-file .btn {
            padding: 12px 24px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
.pg-view-shared-file .btn-outline {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
        }
.pg-view-shared-file .btn-outline:hover {
            background: #f5f5f5;
        }
.pg-view-shared-file .view-stats {
            font-size: 13px;
            color: #888;
        }
@media  (max-width: 768px)  { .pg-view-shared-file .sidebar {
                transform: translateX(-100%);
                z-index: 1000;
                transition: transform 0.3s;
            }
.pg-view-shared-file .sidebar.open {
                transform: translateX(0);
            }
.pg-view-shared-file .main {
                margin-left: 0;
                padding: 20px;
            }
.pg-view-shared-file .file-card {
                padding: 24px;
            }
.pg-view-shared-file .file-header h1 {
                font-size: 22px;
            }
.pg-view-shared-file .file-footer {
                flex-direction: column;
            }
.pg-view-shared-file .file-footer .btn {
                width: 100%;
                text-align: center;
            } }
.pg-view-shared-file.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .nav-item a { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .nav-badge { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .user-role { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .upgrade-btn { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .back-btn { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .back-btn:hover { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .file-header h1 { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .meta-label { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .meta-value { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .file-icon-large { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .file-size { color: #cbd5e1 !important; }
.pg-view-shared-file.ld-dark-mode .download-btn { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .view-stats { color: #cbd5e1 !important; }
.pg-view-shared-file {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-view-shared-file, .pg-view-shared-file {overflow-x:hidden;}
.pg-view-shared-file {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-view-shared-file::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-view-shared-file .app, .pg-view-shared-file .main, .pg-view-shared-file .admin-main, .pg-view-shared-file .admin-container, .pg-view-shared-file .page-wrap, .pg-view-shared-file .ld-page-wrap {position:relative;z-index:1;}
.pg-view-shared-file .edit-card, .pg-view-shared-file .card, .pg-view-shared-file .section-card, .pg-view-shared-file .settings-section, .pg-view-shared-file .stat-card, .pg-view-shared-file .info-card, .pg-view-shared-file .content-card, .pg-view-shared-file .panel, .pg-view-shared-file .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-view-shared-file .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-view-shared-file .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-view-shared-file .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-view-shared-file .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-shared-file .nav-item.active a, .pg-view-shared-file .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-shared-file .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-view-shared-file .page-title h1 {color:#0f172a!important;}
.pg-view-shared-file .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-view-shared-file .form-input, .pg-view-shared-file .form-select, .pg-view-shared-file .form-textarea, .pg-view-shared-file input[type=text], .pg-view-shared-file input[type=email], .pg-view-shared-file input[type=password], .pg-view-shared-file input[type=number], .pg-view-shared-file input[type=date], .pg-view-shared-file input[type=time], .pg-view-shared-file input[type=tel], .pg-view-shared-file textarea, .pg-view-shared-file select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-view-shared-file .form-input::placeholder, .pg-view-shared-file .form-textarea::placeholder, .pg-view-shared-file input::placeholder, .pg-view-shared-file textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-view-shared-file .form-input:focus, .pg-view-shared-file .form-textarea:focus, .pg-view-shared-file input:focus, .pg-view-shared-file textarea:focus, .pg-view-shared-file select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-view-shared-file select option {background:#f1f5f9;color:#0f172a;}
.pg-view-shared-file .form-label, .pg-view-shared-file label {color:rgba(15,23,42,.7)!important;}
.pg-view-shared-file .btn-primary, .pg-view-shared-file button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-shared-file .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-view-shared-file .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-shared-file .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-shared-file .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-shared-file table {border-collapse:collapse;}
.pg-view-shared-file th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-view-shared-file td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-view-shared-file tr:last-child td {border-bottom:none!important;}
.pg-view-shared-file tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-view-shared-file .badge-success, .pg-view-shared-file .status-active, .pg-view-shared-file .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-view-shared-file .badge-danger, .pg-view-shared-file .status-expired, .pg-view-shared-file .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-view-shared-file .badge-warning, .pg-view-shared-file .status-pending, .pg-view-shared-file .status-Pending, .pg-view-shared-file .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-view-shared-file .badge-primary, .pg-view-shared-file .badge-info, .pg-view-shared-file .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-view-shared-file .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-view-shared-file .alert-error, .pg-view-shared-file .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-view-shared-file .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-view-shared-file h1, .pg-view-shared-file h2, .pg-view-shared-file h3, .pg-view-shared-file h4, .pg-view-shared-file h5, .pg-view-shared-file h6 {color:#0f172a;}
.pg-view-shared-file h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-view-shared-file .modal-content, .pg-view-shared-file .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-view-shared-file .modal-header, .pg-view-shared-file .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-view-shared-file .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-view-shared-file a {color:#38bdf8;}
.pg-view-shared-file a:hover {color:#0f172a;}
.pg-view-shared-file .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-view-shared-file .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-shared-file .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-view-shared-file .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-view-shared-file hr {border-color:rgba(29,78,216,.2)!important;}
.pg-view-shared-file .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-view-shared-file .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-view-shared-file .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-shared-file ::-webkit-scrollbar {width:6px;height:6px;}
.pg-view-shared-file ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-view-shared-file ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-view-shared-file.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode 
.edit-card, .pg-view-shared-file.ld-dark-mode .card, .pg-view-shared-file.ld-dark-mode .section-card, .pg-view-shared-file.ld-dark-mode .settings-section, .pg-view-shared-file.ld-dark-mode .stat-card, .pg-view-shared-file.ld-dark-mode .info-card, .pg-view-shared-file.ld-dark-mode .content-card, .pg-view-shared-file.ld-dark-mode .panel, .pg-view-shared-file.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-view-shared-file.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .nav-item.active a, .pg-view-shared-file.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-view-shared-file.ld-dark-mode 
.form-input, .pg-view-shared-file.ld-dark-mode .form-select, .pg-view-shared-file.ld-dark-mode .form-textarea, .pg-view-shared-file.ld-dark-mode input[type=text], .pg-view-shared-file.ld-dark-mode input[type=email], .pg-view-shared-file.ld-dark-mode input[type=password], .pg-view-shared-file.ld-dark-mode input[type=number], .pg-view-shared-file.ld-dark-mode input[type=date], .pg-view-shared-file.ld-dark-mode input[type=time], .pg-view-shared-file.ld-dark-mode input[type=tel], .pg-view-shared-file.ld-dark-mode textarea, .pg-view-shared-file.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .form-input::placeholder, .pg-view-shared-file.ld-dark-mode .form-textarea::placeholder, .pg-view-shared-file.ld-dark-mode input::placeholder, .pg-view-shared-file.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-view-shared-file.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .form-label, .pg-view-shared-file.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-view-shared-file.ld-dark-mode 
.btn-primary, .pg-view-shared-file.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-view-shared-file.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-view-shared-file.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-view-shared-file.ld-dark-mode 
h1, .pg-view-shared-file.ld-dark-mode h2, .pg-view-shared-file.ld-dark-mode h3, .pg-view-shared-file.ld-dark-mode h4, .pg-view-shared-file.ld-dark-mode h5, .pg-view-shared-file.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode 
.modal-content, .pg-view-shared-file.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .modal-header, .pg-view-shared-file.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-shared-file.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-view-shared-file.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ view_social_asset.php (pg-view-social-asset) ============ */
.pg-view-social-asset {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
        }
.pg-view-social-asset, .pg-view-social-asset * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-view-social-asset {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
        }
.pg-view-social-asset .social-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            overflow: hidden;
            backdrop-filter: blur(10px);
            max-width: 400px;
            width: 100%;
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-view-social-asset .social-media {
            height: 250px;
            background: rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
        }
.pg-view-social-asset .social-media img, .pg-view-social-asset .social-media video { width: 100%; height: 100%; object-fit: cover; }
.pg-view-social-asset .social-content { padding: 24px; }
.pg-view-social-asset .social-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 12px; }
.pg-view-social-asset .social-description { color: var(--text-secondary); margin-bottom: 16px; line-height: 1.6; }
.pg-view-social-asset .back-btn {
            display: inline-block;
            padding: 10px 20px;
            border-radius: 100px;
            background: var(--gradient-primary);
            color: var(--bg-dark);
            font-weight: 600;
            text-decoration: none;
            margin-top: 16px;
        }


/* ============ view_training.php (pg-view-training) ============ */
.pg-view-training, .pg-view-training * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.pg-view-training {
            font-family: "Inter", sans-serif;
            background: #ffffff;
            color: #0f172a;
            line-height: 1.5;
        }
.pg-view-training .app {
            display: flex;
            min-height: 100vh;
        }
.pg-view-training .sidebar {
            width: 280px;
            background: white;
            border-right: 1px solid #eaeaea;
            position: fixed;
            height: 100vh;
            overflow-y: auto;
            padding: 32px 24px;
        }
.pg-view-training .sidebar-logo {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: -0.5px;
            margin-bottom: 40px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-view-training .sidebar-logo span {
            background: #f0f0f0;
            padding: 4px 12px;
            border-radius: 40px;
            margin-left: 8px;
            font-size: 14px;
        }
.pg-view-training .nav-menu {
            list-style: none;
        }
.pg-view-training .nav-item {
            margin-bottom: 8px;
            position: relative;
        }
.pg-view-training .nav-item a {
            display: flex;
            align-items: center;
            padding: 12px 16px;
            color: #4a4a4a;
            text-decoration: none;
            border-radius: 12px;
            transition: all 0.2s;
            gap: 12px;
            font-weight: 500;
        }
.pg-view-training .nav-item a:hover {
            background: #f5f5f5;
            color: #0f172a;
        }
.pg-view-training .nav-item.active a {
            background: #e2e8f0;
            color: #0f172a;
        }
.pg-view-training .nav-icon {
            font-size: 20px;
        }
.pg-view-training .nav-badge {
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
            margin-left: auto;
            min-width: 20px;
            text-align: center;
            font-weight: 600;
        }
.pg-view-training .main {
            flex: 1;
            margin-left: 280px;
            padding: 32px;
        }
.pg-view-training .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 32px;
            padding-bottom: 24px;
            border-bottom: 1px solid #eaeaea;
        }
.pg-view-training .page-title h1 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 8px;
        }
.pg-view-training .page-title p {
            color: #666;
            font-size: 15px;
        }
.pg-view-training .user-menu {
            display: flex;
            align-items: center;
            gap: 24px;
        }
.pg-view-training .notifications {
            position: relative;
            cursor: pointer;
        }
.pg-view-training .notification-badge {
            position: absolute;
            top: -5px;
            right: -5px;
            background: #dc2626;
            color: #0f172a;
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 50%;
        }
.pg-view-training .user-profile {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            padding: 8px 12px;
            border-radius: 100px;
            background: #f5f5f5;
        }
.pg-view-training .user-avatar {
            width: 36px;
            height: 36px;
            background: #e2e8f0;
            color: #0f172a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }
.pg-view-training .user-info {
            display: none;
        }
@media  (min-width: 768px)  { .pg-view-training .user-info {
                display: block;
            }
.pg-view-training .user-name {
                font-weight: 600;
                font-size: 14px;
            }
.pg-view-training .user-role {
                font-size: 12px;
                color: #666;
            } }
.pg-view-training .upgrade-btn {
            background: #f59e0b;
            color: #0f172a;
            padding: 8px 16px;
            border-radius: 100px;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
        }
.pg-view-training .upgrade-btn:hover {
            background: #d97706;
            transform: translateY(-2px);
        }
.pg-view-training .upgrade-btn.pending {
            background: #6b7280;
            cursor: not-allowed;
            pointer-events: none;
        }
.pg-view-training .training-detail-container {
            background: white;
            border-radius: 24px;
            border: 1.5px solid rgba(29,78,216,.25);
            padding: 40px;
            box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        }
.pg-view-training .detail-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 32px;
            flex-wrap: wrap;
            gap: 20px;
        }
.pg-view-training .header-left {
            flex: 1;
        }
.pg-view-training .back-btn {
            display: inline-block;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            margin-bottom: 12px;
        }
.pg-view-training .back-btn:hover {
            color: #0f172a;
        }
.pg-view-training .detail-header h1 {
            font-size: 32px;
            font-weight: 700;
            color: #0f172a;
            line-height: 1.2;
        }
.pg-view-training .header-actions {
            display: flex;
            gap: 12px;
        }
.pg-view-training .btn {
            padding: 12px 24px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.2s;
            cursor: pointer;
            border: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
.pg-view-training .btn-outline {
            background: transparent;
            border: 1.5px solid rgba(29,78,216,.25);
            color: #0f172a;
        }
.pg-view-training .btn-outline:hover {
            background: #f5f5f5;
        }
.pg-view-training .btn-danger {
            background: #ef4444;
            color: #0f172a;
        }
.pg-view-training .btn-danger:hover {
            background: #dc2626;
        }
.pg-view-training .btn-download {
            background: #10b981;
            color: #0f172a;
            padding: 14px 32px;
            border-radius: 100px;
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.2s;
            border: none;
            cursor: pointer;
            font-size: 16px;
        }
.pg-view-training .btn-download:hover {
            background: #059669;
            transform: translateY(-2px);
            box-shadow: 0 10px 25px -5px rgba(16, 185, 129, 0.3);
        }
.pg-view-training .btn-view {
            display: inline-block;
            padding: 14px 32px;
            background: #e2e8f0;
            color: #0f172a;
            text-decoration: none;
            border-radius: 100px;
            font-weight: 600;
            transition: all 0.2s;
        }
.pg-view-training .btn-view:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
        }
.pg-view-training .training-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            background: #f5f5f5;
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 32px;
        }
.pg-view-training .meta-item {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
.pg-view-training .meta-label {
            font-size: 12px;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-view-training .meta-value {
            font-size: 14px;
            font-weight: 600;
            color: #0f172a;
        }
.pg-view-training .training-description {
            margin-bottom: 40px;
        }
.pg-view-training .training-description h2 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 16px;
            color: #0f172a;
        }
.pg-view-training .description-content {
            background: #f5f5f5;
            border-radius: 16px;
            padding: 24px;
            line-height: 1.8;
            color: #0f172a;
        }
.pg-view-training .training-content-section {
            margin-bottom: 40px;
        }
.pg-view-training .training-content-section h2 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #0f172a;
        }
.pg-view-training .file-info-box {
            background: #f5f5f5;
            border-radius: 16px;
            padding: 40px;
            text-align: center;
            border: 2px solid #10b981;
        }
.pg-view-training .file-icon-large {
            font-size: 80px;
            margin-bottom: 20px;
            color: #10b981;
        }
.pg-view-training .file-name {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
            word-break: break-word;
        }
.pg-view-training .file-meta {
            color: #666;
            margin-bottom: 30px;
            font-size: 16px;
        }
.pg-view-training .download-button-container {
            margin-top: 30px;
        }
.pg-view-training .link-info-box {
            background: #f5f5f5;
            border-radius: 16px;
            padding: 40px;
            text-align: center;
        }
.pg-view-training .link-icon {
            font-size: 64px;
            margin-bottom: 20px;
        }
.pg-view-training .link-url {
            color: #0f172a;
            word-break: break-all;
            margin-bottom: 20px;
            padding: 15px;
            background: white;
            border-radius: 8px;
        }
.pg-view-training .training-footer {
            margin-top: 40px;
            padding-top: 32px;
            border-top: 2px solid #eaeaea;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
.pg-view-training .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
.pg-view-training .modal.show {
            display: flex;
        }
.pg-view-training .modal-content {
            background: white;
            border-radius: 24px;
            padding: 32px;
            max-width: 600px;
            width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            animation: pg-view-training-modalSlideIn 0.3s ease-out;
        }
.pg-view-training .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
.pg-view-training .modal-header h2 {
            font-size: 24px;
            font-weight: 700;
        }
.pg-view-training .modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #888;
        }
.pg-view-training .modal-close:hover {
            color: #0f172a;
        }
.pg-view-training .form-group {
            margin-bottom: 20px;
        }
.pg-view-training .form-label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
            color: #0f172a;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-view-training .form-input, .pg-view-training .form-select, .pg-view-training .form-textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1.5px solid rgba(29,78,216,.25);
            border-radius: 12px;
            font-size: 15px;
            transition: all 0.2s;
            font-family: "Inter", sans-serif;
        }
.pg-view-training .form-input:focus, .pg-view-training .form-select:focus, .pg-view-training .form-textarea:focus {
            outline: none;
            border-color: #e2e8f0;
        }
.pg-view-training .form-textarea {
            min-height: 120px;
            resize: vertical;
        }
.pg-view-training .modal-footer {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid #eaeaea;
        }
@keyframes pg-view-training-modalSlideIn {
            from {
                opacity: 0;
                transform: translateY(-30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
@media  (max-width: 768px)  { .pg-view-training .sidebar {
                transform: translateX(-100%);
                z-index: 1000;
                transition: transform 0.3s;
            }
.pg-view-training .sidebar.open {
                transform: translateX(0);
            }
.pg-view-training .main {
                margin-left: 0;
                padding: 20px;
            }
.pg-view-training .training-detail-container {
                padding: 24px;
            }
.pg-view-training .detail-header {
                flex-direction: column;
            }
.pg-view-training .detail-header h1 {
                font-size: 24px;
            }
.pg-view-training .header-actions {
                width: 100%;
            }
.pg-view-training .header-actions .btn {
                flex: 1;
                text-align: center;
            }
.pg-view-training .training-footer {
                flex-direction: column;
            }
.pg-view-training .training-footer .btn, .pg-view-training .training-footer .btn-download {
                width: 100%;
                text-align: center;
            } }
.pg-view-training.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .nav-item a { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .nav-item.active a { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .nav-badge { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .page-title p { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .notification-badge { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .user-role { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .upgrade-btn { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .back-btn { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .back-btn:hover { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .detail-header h1 { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-outline { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-download { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-view { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .meta-label { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .meta-value { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .training-description h2 { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .description-content { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .training-content-section h2 { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .file-meta { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .link-url { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .modal-close { color: #cbd5e1 !important; }
.pg-view-training.ld-dark-mode .modal-close:hover { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .form-label { color: #f1f5f9 !important; }
.pg-view-training {--bg:#ffffff;--card:rgba(15,23,42,.03);--border:rgba(29,78,216,.2);--purple:#1d4ed8;--pink:#38bdf8;--grad:linear-gradient(135deg,#38bdf8,#1d4ed8);--text:rgba(15,23,42,.7);--text2:rgba(15,23,42,.45);}
.pg-view-training, .pg-view-training {overflow-x:hidden;}
.pg-view-training {background:#ffffff!important;color:#0f172a!important;font-family:"Inter",sans-serif;}
.pg-view-training::before {content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(29,78,216,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,78,216,.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;}
.pg-view-training .app, .pg-view-training .main, .pg-view-training .admin-main, .pg-view-training .admin-container, .pg-view-training .page-wrap, .pg-view-training .ld-page-wrap {position:relative;z-index:1;}
.pg-view-training .edit-card, .pg-view-training .card, .pg-view-training .section-card, .pg-view-training .settings-section, .pg-view-training .stat-card, .pg-view-training .info-card, .pg-view-training .content-card, .pg-view-training .panel, .pg-view-training .box {background:rgba(15,23,42,.03)!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:16px!important;color:#0f172a!important;}
.pg-view-training .sidebar {background:rgba(255,255,255,.97)!important;border-right:1px solid rgba(29,78,216,.2)!important;}
.pg-view-training .sidebar-logo {color:#0f172a!important;border-bottom-color:rgba(29,78,216,.2)!important;}
.pg-view-training .nav-item a {color:rgba(15,23,42,.65)!important;}
.pg-view-training .nav-item a:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-training .nav-item.active a, .pg-view-training .nav-item.ld-active a {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-training .top-bar {border-bottom-color:rgba(29,78,216,.15)!important;}
.pg-view-training .page-title h1 {color:#0f172a!important;}
.pg-view-training .page-title p {color:rgba(15,23,42,.5)!important;}
.pg-view-training .form-input, .pg-view-training .form-select, .pg-view-training .form-textarea, .pg-view-training input[type=text], .pg-view-training input[type=email], .pg-view-training input[type=password], .pg-view-training input[type=number], .pg-view-training input[type=date], .pg-view-training input[type=time], .pg-view-training input[type=tel], .pg-view-training textarea, .pg-view-training select {background:rgba(15,23,42,.06)!important;border:1.5px solid rgba(29,78,216,.25)!important;color:#0f172a!important;border-radius:10px!important;}
.pg-view-training .form-input::placeholder, .pg-view-training .form-textarea::placeholder, .pg-view-training input::placeholder, .pg-view-training textarea::placeholder {color:rgba(15,23,42,.3)!important;}
.pg-view-training .form-input:focus, .pg-view-training .form-textarea:focus, .pg-view-training input:focus, .pg-view-training textarea:focus, .pg-view-training select:focus {border-color:#1d4ed8!important;outline:none!important;}
.pg-view-training select option {background:#f1f5f9;color:#0f172a;}
.pg-view-training .form-label, .pg-view-training label {color:rgba(15,23,42,.7)!important;}
.pg-view-training .btn-primary, .pg-view-training button[type=submit].btn-primary {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-training .btn-secondary {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.25)!important;color:rgba(15,23,42,.7)!important;border-radius:100px!important;}
.pg-view-training .btn-danger {background:#ef4444!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-training .btn-warning {background:#f59e0b!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-training .btn-success {background:#10b981!important;color:#0f172a!important;border:none!important;border-radius:100px!important;}
.pg-view-training table {border-collapse:collapse;}
.pg-view-training th {background:rgba(15,23,42,.03)!important;color:rgba(15,23,42,.5)!important;border-bottom:1px solid rgba(29,78,216,.2)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}
.pg-view-training td {color:rgba(15,23,42,.7)!important;border-bottom:1px solid rgba(15,23,42,.04)!important;}
.pg-view-training tr:last-child td {border-bottom:none!important;}
.pg-view-training tr:hover td {background:rgba(15,23,42,.02)!important;}
.pg-view-training .badge-success, .pg-view-training .status-active, .pg-view-training .status-Active {background:rgba(16,185,129,.15)!important;color:#10b981!important;}
.pg-view-training .badge-danger, .pg-view-training .status-expired, .pg-view-training .status-Expired {background:rgba(239,68,68,.15)!important;color:#ef4444!important;}
.pg-view-training .badge-warning, .pg-view-training .status-pending, .pg-view-training .status-Pending, .pg-view-training .status-trial {background:rgba(245,158,11,.15)!important;color:#f59e0b!important;}
.pg-view-training .badge-primary, .pg-view-training .badge-info, .pg-view-training .status-Approved {background:rgba(29,78,216,.15)!important;color:#38bdf8!important;}
.pg-view-training .alert-success {background:rgba(16,185,129,.1)!important;color:#10b981!important;border-color:rgba(16,185,129,.3)!important;border-radius:12px!important;}
.pg-view-training .alert-error, .pg-view-training .alert-danger {background:rgba(239,68,68,.1)!important;color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;border-radius:12px!important;}
.pg-view-training .alert-warning {background:rgba(245,158,11,.1)!important;color:#f59e0b!important;border-color:rgba(245,158,11,.3)!important;border-radius:12px!important;}
.pg-view-training h1, .pg-view-training h2, .pg-view-training h3, .pg-view-training h4, .pg-view-training h5, .pg-view-training h6 {color:#0f172a;}
.pg-view-training h1 {font-family:"Space Grotesk","Inter",sans-serif;font-weight:800;}
.pg-view-training .modal-content, .pg-view-training .modal-box {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.3)!important;color:#0f172a!important;border-radius:20px!important;}
.pg-view-training .modal-header, .pg-view-training .modal-footer {background:transparent!important;border-color:rgba(29,78,216,.2)!important;color:#0f172a!important;}
.pg-view-training .modal-backdrop {background:rgba(0,0,0,.8)!important;}
.pg-view-training a {color:#38bdf8;}
.pg-view-training a:hover {color:#0f172a;}
.pg-view-training .user-profile {background:rgba(15,23,42,.06)!important;border:1px solid rgba(29,78,216,.2)!important;}
.pg-view-training .user-avatar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;color:#0f172a!important;}
.pg-view-training .progress {background:rgba(15,23,42,.08)!important;border-radius:100px!important;}
.pg-view-training .progress-bar {background:linear-gradient(135deg,#38bdf8,#1d4ed8)!important;}
.pg-view-training hr {border-color:rgba(29,78,216,.2)!important;}
.pg-view-training .dropdown-menu {background:#f1f5f9!important;border:1px solid rgba(29,78,216,.2)!important;border-radius:14px!important;}
.pg-view-training .dropdown-item {color:rgba(15,23,42,.7)!important;}
.pg-view-training .dropdown-item:hover {background:rgba(29,78,216,.1)!important;color:#0f172a!important;}
.pg-view-training ::-webkit-scrollbar {width:6px;height:6px;}
.pg-view-training ::-webkit-scrollbar-track {background:rgba(15,23,42,.04);}
.pg-view-training ::-webkit-scrollbar-thumb {background:rgba(29,78,216,.4);border-radius:100px;}
.pg-view-training.ld-dark-mode body { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode 
.edit-card, .pg-view-training.ld-dark-mode .card, .pg-view-training.ld-dark-mode .section-card, .pg-view-training.ld-dark-mode .settings-section, .pg-view-training.ld-dark-mode .stat-card, .pg-view-training.ld-dark-mode .info-card, .pg-view-training.ld-dark-mode .content-card, .pg-view-training.ld-dark-mode .panel, .pg-view-training.ld-dark-mode .box { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .sidebar-logo { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .nav-item a { color: rgba(255,255,255,.65) !important; }
.pg-view-training.ld-dark-mode .nav-item a:hover { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .nav-item.active a, .pg-view-training.ld-dark-mode .nav-item.ld-active a { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .page-title h1 { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .page-title p { color: rgba(255,255,255,.5) !important; }
.pg-view-training.ld-dark-mode 
.form-input, .pg-view-training.ld-dark-mode .form-select, .pg-view-training.ld-dark-mode .form-textarea, .pg-view-training.ld-dark-mode input[type=text], .pg-view-training.ld-dark-mode input[type=email], .pg-view-training.ld-dark-mode input[type=password], .pg-view-training.ld-dark-mode input[type=number], .pg-view-training.ld-dark-mode input[type=date], .pg-view-training.ld-dark-mode input[type=time], .pg-view-training.ld-dark-mode input[type=tel], .pg-view-training.ld-dark-mode textarea, .pg-view-training.ld-dark-mode select { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .form-input::placeholder, .pg-view-training.ld-dark-mode .form-textarea::placeholder, .pg-view-training.ld-dark-mode input::placeholder, .pg-view-training.ld-dark-mode textarea::placeholder { color: rgba(255,255,255,.3) !important; }
.pg-view-training.ld-dark-mode select option { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .form-label, .pg-view-training.ld-dark-mode label { color: rgba(255,255,255,.7) !important; }
.pg-view-training.ld-dark-mode 
.btn-primary, .pg-view-training.ld-dark-mode button[type=submit].btn-primary { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-secondary { color: rgba(255,255,255,.7) !important; }
.pg-view-training.ld-dark-mode .btn-danger { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-warning { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .btn-success { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode th { color: rgba(255,255,255,.5) !important; }
.pg-view-training.ld-dark-mode td { color: rgba(255,255,255,.7) !important; }
.pg-view-training.ld-dark-mode 
h1, .pg-view-training.ld-dark-mode h2, .pg-view-training.ld-dark-mode h3, .pg-view-training.ld-dark-mode h4, .pg-view-training.ld-dark-mode h5, .pg-view-training.ld-dark-mode h6 { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode 
.modal-content, .pg-view-training.ld-dark-mode .modal-box { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .modal-header, .pg-view-training.ld-dark-mode .modal-footer { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode a:hover { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .user-avatar { color: #f1f5f9 !important; }
.pg-view-training.ld-dark-mode .dropdown-item { color: rgba(255,255,255,.7) !important; }
.pg-view-training.ld-dark-mode .dropdown-item:hover { color: #f1f5f9 !important; }


/* ============ wallet.php (pg-wallet) ============ */
.pg-wallet {
            --bg-dark: #ffffff;
            --bg-card: rgba(15,23,42,0.02);
            --primary-purple: #1d4ed8;
            --accent-pink: #38bdf8;
            --border-glow: rgba(29,78,216, 0.2);
            --text-primary: #0f172a;
            --text-secondary: rgba(15,23,42,0.7);
            --text-muted: rgba(15,23,42,0.5);
            --gradient-primary: linear-gradient(135deg, #38bdf8, #1d4ed8);
            --success-green: #10b981;
            --danger-red: #ef4444;
            --warning-orange: #f59e0b;
        }
.pg-wallet, .pg-wallet * { margin: 0; padding: 0; box-sizing: border-box; }
.pg-wallet, .pg-wallet { max-width: 100%; overflow-x: hidden; }
.pg-wallet {
            font-family: "Inter", sans-serif;
            background-color: var(--bg-dark);
            color: var(--text-primary);
            line-height: 1.5;
            position: relative;
            min-height: 100vh;
        }
.pg-wallet .grid-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                linear-gradient(rgba(29,78,216, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(29,78,216, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 0;
            animation: pg-wallet-gridMove 20s linear infinite;
        }
@keyframes pg-wallet-gridMove {
            0% { transform: translate(0, 0); }
            100% { transform: translate(50px, 50px); }
        }
.pg-wallet .particles {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
.pg-wallet .particle {
            position: absolute;
            width: 3px;
            height: 3px;
            background: var(--accent-pink);
            border-radius: 50%;
            opacity: 0.3;
            animation: pg-wallet-float 15s infinite linear;
        }
@keyframes pg-wallet-float {
            0% { transform: translateY(100vh) translateX(0); opacity: 0; }
            10% { opacity: 0.5; }
            90% { opacity: 0.5; }
            100% { transform: translateY(-100px) translateX(100px); opacity: 0; }
        }
.pg-wallet h1, .pg-wallet h2, .pg-wallet h3, .pg-wallet h4, .pg-wallet h5, .pg-wallet h6 {
            font-family: "Space Grotesk", sans-serif;
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-primary);
        }
.pg-wallet a { color: inherit; text-decoration: none; }
.pg-wallet .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
        }
.pg-wallet .page-title h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: -0.02em;
            margin-bottom: 0.25rem;
        }
.pg-wallet .page-title p { color: var(--text-secondary); margin-top: 0.25rem; }
.pg-wallet .btn {
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border: none;
        }
.pg-wallet .btn-outline {
            background: transparent;
            border: 1.5px solid var(--border-glow);
            color: var(--text-primary);
        }
.pg-wallet .btn-outline:hover {
            background: rgba(29,78,216, 0.1);
            border-color: var(--accent-pink);
        }
.pg-wallet .btn-disabled {
            background: rgba(15,23,42,0.05);
            color: var(--text-muted);
            cursor: not-allowed;
            padding: 10px 20px;
            border-radius: 100px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            display: inline-block;
            border: 1px solid var(--border-glow);
        }
.pg-wallet .wallet-summary {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
.pg-wallet .wallet-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            text-align: center;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
.pg-wallet .wallet-card:hover {
            transform: translateY(-4px);
            border-color: var(--accent-pink);
            box-shadow: 0 20px 30px rgba(29,78,216, 0.2);
        }
.pg-wallet .wallet-amount {
            font-size: 2rem;
            font-weight: 700;
            background: var(--gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin-bottom: 8px;
        }
.pg-wallet .wallet-label {
            color: var(--text-muted);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
.pg-wallet .eligibility-card {
            background: var(--bg-card);
            border: 1px solid var(--border-glow);
            border-radius: 20px;
            padding: 1.5rem;
            margin-bottom: 2rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            backdrop-filter: blur(10px);
        }
.pg-wallet .eligibility-status {
            font-weight: 600;
            padding: 6px 14px;
            border-radius: 100px;
            display: inline-block;
        }
.pg-wallet .status-eligible {
            background: rgba(16, 185, 129, 0.2);
            color: var(--success-green);
        }
.pg-wallet .status-not-eligible {
            background: rgba(239, 68, 68, 0.2);
            color: var(--danger-red);
        }
.pg-wallet .transactions-table {
            width: 100%;
            border-collapse: collapse;
            background: var(--bg-card);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-wallet .transactions-table th {
            text-align: left;
            padding: 1rem 1.25rem;
            background: rgba(15,23,42,0.02);
            font-weight: 600;
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            border-bottom: 1px solid var(--border-glow);
        }
.pg-wallet .transactions-table td {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid var(--border-glow);
            font-size: 0.875rem;
            color: var(--text-secondary);
        }
.pg-wallet .transactions-table tr:last-child td {
            border-bottom: none;
        }
.pg-wallet .credit { color: var(--success-green); font-weight: 600; }
.pg-wallet .debit { color: var(--danger-red); font-weight: 600; }
.pg-wallet .empty-state {
            text-align: center;
            padding: 4rem 2rem;
            background: var(--bg-card);
            border-radius: 20px;
            border: 1px solid var(--border-glow);
            backdrop-filter: blur(10px);
        }
.pg-wallet .empty-state i {
            font-size: 3rem;
            display: block;
            margin-bottom: 1rem;
            opacity: 0.5;
            color: var(--text-muted);
        }
.pg-wallet .empty-state h3 {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
.pg-wallet .empty-state p {
            color: var(--text-muted);
        }
.pg-wallet .sidebar {
            background: rgba(255,255,255,0.95) !important;
            border-right: 1px solid var(--border-glow) !important;
            backdrop-filter: blur(10px);
        }
@media  (max-width: 768px)  { .pg-wallet .main {
                margin-left: 0;
                padding: 1rem;
                width: 100%;
            }
.pg-wallet .menu-toggle { display: block; }
.pg-wallet .wallet-summary { grid-template-columns: 1fr; }
.pg-wallet .transactions-table { display: block; overflow-x: auto; }
.pg-wallet .eligibility-card { flex-direction: column; text-align: center; }
.pg-wallet .page-title h1 { font-size: 2rem; } }
.pg-wallet { font-family:"Inter",sans-serif; line-height:1.5; margin:0; }
.pg-wallet .ld-main, .pg-wallet @media (max-width:768px) {
            .ld-main, .main {
                margin-left:0 !important;
                padding: calc(52px + 0.875rem) 0.875rem calc(58px + 0.875rem) !important;
                width:100% !important;
            }
        }

/* ============ leaders_academy.php Participant Workspace (added later) ============ */
.pg-leaders-academy .ws-tabs { display:flex; gap:8px; margin:20px 0; overflow-x:auto; padding-bottom:4px; }
.pg-leaders-academy .ws-tab { flex-shrink:0; padding:10px 18px; border-radius:100px; border:1.5px solid var(--border,rgba(29,78,216,.2)); background:transparent; color:var(--muted,#666); font-weight:600; font-size:13.5px; cursor:pointer; font-family:inherit; }
.pg-leaders-academy .ws-tab.active { background:linear-gradient(135deg,#38bdf8,#1d4ed8); color:#fff; border-color:transparent; }
.pg-leaders-academy .ws-pane .card h3 { font-size:16px; margin-bottom:6px; }
.pg-leaders-academy .ws-label { display:block; font-size:13px; font-weight:600; margin-bottom:6px; margin-top:12px; color:var(--ink,#0f172a); }
.pg-leaders-academy .ws-pane textarea { width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border,rgba(29,78,216,.2)); background:rgba(15,23,42,.03); font-family:inherit; font-size:14px; resize:vertical; }
.pg-leaders-academy .day-card { border:1px solid var(--border,rgba(29,78,216,.2)); border-radius:16px; padding:20px; margin-bottom:14px; }
.pg-leaders-academy .day-card.locked { opacity:.5; }
.pg-leaders-academy .daylabel { font-size:12px; font-weight:700; color:#1d4ed8; text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }