@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&display=swap');:root {--tp-fs-1: 22px;--tp-fs-2: 15px;--tp-fs-3: 13px;--tp-fs-4: 11px;}.theme-gold {--tp-bg: linear-gradient(135deg, #BF953F 0%, #FCF6BA 22%, #B38728 45%, #FBF5B7 68%, #AA771C 100%);--tp-card-bg: #FFFFFF;--tp-accent: #B8860B;--tp-accent-dark: #8B6508;--tp-text-primary: #2E2510;--tp-text-secondary: #5C4A24;--tp-text-muted: #9C8A5C;--tp-border: rgba(184, 134, 11, 0.30);--tp-input-bg: #FBF4E0;--tp-input-border: rgba(0, 0, 0, 0.15);--tp-error-bg: #FDEEEC;--tp-error-text: #B23B2E;}.theme-gold .tp-btn-primary,.theme-gold .tp-brand-fallback {color: #2E2510;}.theme-gold .tp-btn-primary {background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 25%, #B38728 50%, #FBF5B7 75%, #AA771C 100%);}.theme-emerald {--tp-bg: #0C1A16;--tp-card-bg: #122620;--tp-accent: #2D9D78;--tp-accent-dark: #1F7458;--tp-text-primary: #E6F2EC;--tp-text-secondary: #B3C4BD;--tp-text-muted: #5E7068;--tp-border: rgba(45, 157, 120, 0.25);--tp-input-bg: #0C1A16;--tp-input-border: rgba(255, 255, 255, 0.12);--tp-error-bg: #2A1614;--tp-error-text: #E8A39A;}.theme-sapphire {--tp-bg: #0B1422;--tp-card-bg: #101D31;--tp-accent: #4A7FC9;--tp-accent-dark: #345C99;--tp-text-primary: #E8EEF7;--tp-text-secondary: #AEB9CC;--tp-text-muted: #5A647A;--tp-border: rgba(74, 127, 201, 0.25);--tp-input-bg: #0B1422;--tp-input-border: rgba(255, 255, 255, 0.12);--tp-error-bg: #2A1614;--tp-error-text: #E8A39A;}.theme-aurora {--tp-bg: #EAF2F0;--tp-card-bg: #FFFFFF;--tp-accent: #1F6FB2;--tp-accent-dark: #2D9D78;--tp-text-primary: #1A2B3C;--tp-text-secondary: #5B6B7A;--tp-text-muted: #93A0AC;--tp-border: rgba(31, 111, 178, 0.18);--tp-input-bg: #F4F7F8;--tp-input-border: rgba(0, 0, 0, 0.08);--tp-error-bg: #FDEEEC;--tp-error-text: #B23B2E;}.tp-photo-bg {background-image:
linear-gradient(180deg, rgba(10, 20, 15, 0.45), rgba(10, 20, 15, 0.65)),
url('#APP_IMAGES#login-bg.jpg');background-size: cover;background-position: center;}@media (max-width: 768px) {.tp-photo-bg {background-image: none;background: var(--tp-bg);}}.tp-login-wrap {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--tp-bg);padding: 24px;font-family: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;direction: rtl;}.tp-card {width: 100%;max-width: 400px;background: var(--tp-card-bg);border: 0.5px solid var(--tp-border);border-radius: 18px;padding: 44px 36px;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02);}.tp-brand {display: flex;flex-direction: column;align-items: center;gap: 6px;margin-bottom: 32px;}.tp-greeting-bar {display: flex;justify-content: flex-end;padding-bottom: 12px;margin-bottom: 24px;border-bottom: 0.5px solid var(--tp-border);font-size: var(--tp-fs-2);font-weight: 600;color: var(--tp-text-primary);}.tp-brand img {width: 60px;height: 60px;border-radius: 14px;object-fit: contain;background: rgba(255, 255, 255, 0.04);padding: 8px;}.tp-brand-fallback {width: 60px;height: 60px;border-radius: 14px;background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-dark));display: flex;align-items: center;justify-content: center;font-size: 22px;font-weight: 700;color: var(--tp-bg);}.tp-company-name {font-size: var(--tp-fs-1);font-weight: 700;color: var(--tp-text-primary);margin: 8px 0 0;}.tp-platform-name {font-size: var(--tp-fs-4);font-weight: 400;color: var(--tp-text-muted);letter-spacing: 1px;margin: 0;}.tp-step-title {font-size: var(--tp-fs-3);color: var(--tp-text-secondary);text-align: center;margin: 0 0 24px;}.tp-input {display: block;width: 100%;}.tp-input input,
input.tp-input {width: 100%;height: 50px;background: var(--tp-input-bg);border: 0.5px solid var(--tp-input-border);border-radius: 10px;color: var(--tp-text-primary);font-size: 18px;font-weight: 600;font-family: inherit;padding: 0 16px;box-sizing: border-box;text-align: center;letter-spacing: 1px;transition: border-color 0.2s;}.tp-input input:focus,
input.tp-input:focus {outline: none;border-color: var(--tp-accent);box-shadow: none;}.tp-input input:-webkit-autofill,
input.tp-input:-webkit-autofill {-webkit-text-fill-color: var(--tp-text-primary);-webkit-box-shadow: 0 0 0px 1000px var(--tp-input-bg) inset;font-family: inherit;}.tp-btn-primary {width: 100%;height: 50px;background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-dark));border: none;border-radius: 10px;color: var(--tp-bg);font-size: var(--tp-fs-2);font-weight: 600;cursor: pointer;margin-top: 20px;transition: opacity 0.2s, transform 0.1s;}.tp-btn-primary:hover { opacity: 0.92; }.tp-btn-primary:active { transform: scale(0.98); }.tp-link {display: block;text-align: center;margin-top: 20px;font-size: var(--tp-fs-4);color: var(--tp-text-muted);text-decoration: none;cursor: pointer;}.tp-link:hover { color: var(--tp-accent); }.tp-otp-row {display: flex;gap: 8px;justify-content: center;margin-bottom: 8px;direction: ltr;width: 100%;}.tp-otp-box {flex: 1 1 0;max-width: 48px;height: 56px;text-align: center;font-size: 22px;font-weight: 600;background: var(--tp-input-bg);border: 0.5px solid var(--tp-input-border);border-radius: 10px;color: var(--tp-text-primary);transition: border-color 0.2s;}.tp-otp-box:focus {outline: none;border-color: var(--tp-accent);}.tp-status-box {text-align: center;padding: 12px 0;}.tp-status-icon {width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 26px;}.tp-status-pending .tp-status-icon {background: rgba(201, 169, 97, 0.15);color: var(--tp-accent);}.tp-status-denied .tp-status-icon {background: var(--tp-error-bg);color: var(--tp-error-text);}.tp-status-title {font-size: var(--tp-fs-2);font-weight: 700;color: var(--tp-text-primary);margin: 0 0 8px;}.tp-status-sub {font-size: var(--tp-fs-3);color: var(--tp-text-secondary);margin: 0;line-height: 1.6;}.tp-spinner {width: 16px;height: 16px;border: 2px solid var(--tp-border);border-top-color: var(--tp-accent);border-radius: 50%;display: inline-block;margin-left: 8px;animation: tp-spin 0.8s linear infinite;vertical-align: middle;}@keyframes tp-spin {to { transform: rotate(360deg); }}.tp-footer-note {font-size: var(--tp-fs-4);color: var(--tp-text-muted);text-align: center;margin: 28px 0 0;}.tp-login-wrap .t-Alert,
.tp-login-wrap .t-Alert--danger,
.tp-login-wrap .t-Alert--warning {background: var(--tp-error-bg) !important;border: 0.5px solid var(--tp-error-text) !important;border-radius: 12px !important;box-shadow: none !important;font-family: inherit !important;max-width: 400px;margin: 0 auto 16px !important;padding: 14px 18px !important;}.tp-login-wrap .t-Alert .t-Icon,
.tp-login-wrap .t-Alert-title,
.tp-login-wrap .t-Alert-body,
.tp-login-wrap .t-Alert-body * {color: var(--tp-error-text) !important;font-size: var(--tp-fs-3) !important;}.tp-login-wrap .t-Alert-title,
.tp-login-wrap .t-Alert-heading,
.tp-login-wrap .a-Notification-title,
.tp-login-wrap [class*="Alert-title"],
.tp-login-wrap [class*="-heading"] {display: none !important;}.tp-login-wrap .t-Alert--close,
.tp-login-wrap .t-Button--closeAlert {color: var(--tp-error-text) !important;opacity: 0.7;}.tp-login-wrap .t-Alert--close:hover {opacity: 1;}.tp-brand-fallback.has-logo {background: none;padding: 0;}