@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";:root,:root[data-theme=light]{--af-brand: #E30613;--af-brand-soft: rgba(227, 6, 19, .1);--af-brand-deep: #B8000F;--af-accent: #E30613;--af-accent-soft: rgba(227, 6, 19, .1);--af-accent-bright: #FF3D4F;--af-gold: #D4A017;--af-gold-soft: rgba(212, 160, 23, .14);--af-bordeaux: #6B0F1A;--af-violet-nuit: #2C0F4C;--af-topbar-bg: #FFFFFF;--af-topbar-fg: #1F2937;--af-topbar-border: #E2E8F0;--af-nav-bg: #FFFFFF;--af-nav-fg: #475569;--af-nav-fg-muted: #94A3B8;--af-bg: #EDF0F5;--af-surface: #FFFFFF;--af-surface-2: #E2E8F0;--af-surface-3: #F1F5F9;--af-border: #D8DEE8;--af-border-strong: #B8C0CE;--af-text: #1F2937;--af-text-muted: #6B7280;--af-text-faint: #9CA3AF;--af-text-invert: #FFFFFF;--af-success: #0E7C5C;--af-success-soft: rgba(14, 124, 92, .12);--af-warning: #C97A0E;--af-warning-soft: rgba(201, 122, 14, .14);--af-danger: #B8000F;--af-danger-soft: rgba(184, 0, 15, .12);--af-info: #1F5A8C;--af-info-soft: rgba(31, 90, 140, .12);--af-kpi-red: #E30613;--af-kpi-red-soft: rgba(227, 6, 19, .14);--af-kpi-violet: #2C0F4C;--af-kpi-violet-soft: rgba(44, 15, 76, .14);--af-kpi-yellow: #D4A017;--af-kpi-yellow-soft: rgba(212, 160, 23, .16);--af-kpi-green: #0E7C5C;--af-kpi-green-soft: rgba(14, 124, 92, .14);--af-kpi-blue: #1F5A8C;--af-kpi-blue-soft: rgba(31, 90, 140, .12);--af-kpi-orange: #C97A0E;--af-kpi-orange-soft: rgba(201, 122, 14, .14);--af-nav-accent-dashboard: #B8000F;--af-nav-accent-partners: #E30613;--af-nav-accent-consumers: #C97A0E;--af-nav-accent-loyalty: #D4A017;--af-nav-accent-gift: #6B0F1A;--af-nav-accent-wallet: #2C0F4C;--af-nav-accent-transactions: #C9302C;--af-nav-accent-finance: #B8000F;--af-shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--af-shadow-elevated: 0 8px 24px rgba(17, 24, 39, .08);--af-shadow-topbar: 0 1px 2px rgba(0, 0, 0, .05);--af-radius-xs: 4px;--af-radius-sm: 6px;--af-radius: 8px;--af-radius-lg: 12px;--af-radius-xl: 16px;--af-radius-pill: 999px;--af-focus-ring: 0 0 0 3px rgba(227, 6, 19, .25);--afrikfid-primary: var(--af-brand);--afrikfid-primary-dark: #B82C37;--afrikfid-secondary: #C11A27;--afrikfid-accent: var(--af-accent);--afrikfid-accent-bright: var(--af-accent-bright);--afrikfid-gold: var(--af-kpi-yellow);--afrikfid-bg: var(--af-bg);--afrikfid-surface: var(--af-surface);--afrikfid-surface-2: var(--af-surface-2);--afrikfid-border: var(--af-border);--afrikfid-text: var(--af-text);--afrikfid-text-muted: var(--af-text-muted);--afrikfid-muted: var(--af-text-muted);--afrikfid-text-invert: var(--af-text-invert);--afrikfid-success: var(--af-success);--afrikfid-info: var(--af-info);--afrikfid-warning: var(--af-warning);--afrikfid-error: var(--af-danger);--afrikfid-loyalty-open: #9CA3AF;--afrikfid-loyalty-live: #C9302C;--afrikfid-loyalty-gold: #D4A017;--afrikfid-loyalty-royal: #6B0F1A;--afrikfid-loyalty-elite: #2C0F4C;--afrikfid-focus-ring: var(--af-focus-ring);--afrikfid-radius-sm: var(--af-radius-sm);--afrikfid-radius: var(--af-radius);--afrikfid-radius-lg: var(--af-radius-lg)}:root[data-theme=dark]{--af-brand: #E30613;--af-brand-soft: rgba(227, 6, 19, .22);--af-brand-deep: #B8000F;--af-accent: #E30613;--af-accent-soft: rgba(227, 6, 19, .22);--af-accent-bright: #FF3D4F;--af-gold: #E5B53C;--af-gold-soft: rgba(229, 181, 60, .18);--af-bordeaux: #8B1924;--af-violet-nuit: #4A2370;--af-topbar-bg: #0F1115;--af-topbar-fg: #F3F4F6;--af-topbar-border: #1F2228;--af-nav-bg: #15181E;--af-nav-fg: #D1D5DB;--af-nav-fg-muted: #6B7280;--af-bg: #1A1D23;--af-surface: #23272F;--af-surface-2: #2D323C;--af-surface-3: #1F232A;--af-border: #353A45;--af-border-strong: #4B5563;--af-text: #F3F4F6;--af-text-muted: #9CA3AF;--af-text-faint: #6B7280;--af-text-invert: #FFFFFF;--af-success: #2CA37B;--af-success-soft: rgba(44, 163, 123, .18);--af-warning: #E0A040;--af-warning-soft: rgba(224, 160, 64, .2);--af-danger: #E84050;--af-danger-soft: rgba(232, 64, 80, .2);--af-info: #4A86C0;--af-info-soft: rgba(74, 134, 192, .18);--af-kpi-red: #FF3D4F;--af-kpi-red-soft: rgba(255, 61, 79, .22);--af-kpi-violet: #6B3F95;--af-kpi-violet-soft: rgba(107, 63, 149, .22);--af-kpi-yellow: #E5B53C;--af-kpi-yellow-soft: rgba(229, 181, 60, .2);--af-kpi-green: #2CA37B;--af-kpi-green-soft: rgba(44, 163, 123, .2);--af-kpi-blue: #4A86C0;--af-kpi-blue-soft: rgba(74, 134, 192, .18);--af-kpi-orange: #E0A040;--af-kpi-orange-soft: rgba(224, 160, 64, .2);--af-nav-accent-dashboard: #FF3D4F;--af-nav-accent-partners: #E30613;--af-nav-accent-consumers: #E0A040;--af-nav-accent-loyalty: #E5B53C;--af-nav-accent-gift: #8B1924;--af-nav-accent-wallet: #6B3F95;--af-nav-accent-transactions: #FF6B7A;--af-nav-accent-finance: #B8000F;--af-shadow-card: 0 1px 3px rgba(0, 0, 0, .3);--af-shadow-elevated: 0 8px 24px rgba(0, 0, 0, .5);--af-shadow-topbar: 0 1px 0 rgba(0, 0, 0, .4);--af-focus-ring: 0 0 0 3px rgba(227, 6, 19, .4);--afrikfid-primary: var(--af-brand);--afrikfid-primary-dark: #B82C37;--afrikfid-secondary: #FCA5A5;--afrikfid-accent: var(--af-accent);--afrikfid-accent-bright: var(--af-accent-bright);--afrikfid-gold: var(--af-kpi-yellow);--afrikfid-bg: var(--af-bg);--afrikfid-surface: var(--af-surface);--afrikfid-surface-2: var(--af-surface-2);--afrikfid-border: var(--af-border);--afrikfid-text: var(--af-text);--afrikfid-text-muted: var(--af-text-muted);--afrikfid-muted: var(--af-text-muted);--afrikfid-text-invert: var(--af-text-invert);--afrikfid-success: var(--af-success);--afrikfid-info: var(--af-info);--afrikfid-warning: var(--af-warning);--afrikfid-error: var(--af-danger);--afrikfid-loyalty-open: #B5A99D;--afrikfid-loyalty-live: #FF6B7A;--afrikfid-loyalty-gold: #E5B53C;--afrikfid-loyalty-royal: #C44354;--afrikfid-loyalty-elite: #8E63B8;--afrikfid-focus-ring: var(--af-focus-ring)}html,body,#root{margin:0;padding:0;min-height:100%;overflow-x:hidden}html{color-scheme:light;background:var(--af-bg)}html[data-theme=dark]{color-scheme:dark}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--af-bg);color:var(--af-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-family:Montserrat,Poppins,sans-serif;color:var(--af-text);font-weight:600;margin:0}a{color:var(--af-accent);text-decoration:none}a:hover{color:var(--af-accent-bright)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--af-focus-ring);border-radius:var(--af-radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--af-bg)}::-webkit-scrollbar-thumb{background:var(--af-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--af-border-strong)}.af-topbar{display:flex;align-items:center;justify-content:space-between;background:var(--af-topbar-bg);color:var(--af-topbar-fg);border-bottom:1px solid var(--af-topbar-border);padding:10px 28px;height:60px;box-shadow:var(--af-shadow-topbar);position:sticky;top:0;z-index:70}.af-topbar__logo{height:36px;width:auto;max-width:160px;object-fit:contain;object-position:left center;display:block}.af-topbar__icons{display:flex;align-items:center;gap:4px}.af-topbar__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--af-radius);background:transparent;color:var(--af-topbar-fg);border:none;cursor:pointer;transition:background .15s ease}.af-topbar__icon-btn:hover{background:var(--af-surface-2)}.af-topbar__user{display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:var(--af-radius-pill);cursor:pointer}.af-topbar__user:hover{background:var(--af-surface-2)}.af-topbar__avatar{width:38px;height:38px;border-radius:50%;background:var(--af-kpi-blue-soft);display:flex;align-items:center;justify-content:center;color:var(--af-kpi-blue);font-weight:700;font-size:14px;overflow:hidden}.af-topbar__avatar img{width:100%;height:100%;object-fit:cover}.af-topbar__user-name{font-size:13px;font-weight:600;line-height:1.2}.af-topbar__user-role{font-size:11px;color:var(--af-text-muted);line-height:1.2}.af-navbar{display:flex;align-items:center;gap:2px;background:var(--af-nav-bg);border-bottom:1px solid var(--af-border);padding:0 24px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--af-brand) transparent}.af-navbar::-webkit-scrollbar{height:1px}.af-navbar::-webkit-scrollbar-track{background:transparent}.af-navbar::-webkit-scrollbar-thumb{background:var(--af-brand);border-radius:2px}.af-nav-group{background:transparent;border:none;font-family:inherit}.af-nav-item{display:inline-flex;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:500;color:var(--af-nav-fg);border-bottom:3px solid transparent;border-top:3px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:color .15s,border-color .15s,background .15s;position:relative}.af-nav-item:hover{color:var(--af-text);background:var(--af-surface-2)}.af-nav-item.is-active{color:var(--af-text);background:var(--af-surface-2);border-bottom-color:var(--af-nav-accent, var(--af-brand))}.af-nav-item .af-nav-icon{width:18px;height:18px;color:var(--af-nav-accent, var(--af-nav-fg-muted));flex-shrink:0}.af-nav-item .af-nav-chevron{width:14px;height:14px;margin-left:-2px;color:var(--af-nav-fg-muted)}.af-nav-dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--af-surface);border:1px solid var(--af-border);border-radius:var(--af-radius);box-shadow:var(--af-shadow-elevated);padding:6px;z-index:40;display:flex;flex-direction:column}.af-nav-dropdown__item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--af-radius-sm);font-size:13px;color:var(--af-text);text-decoration:none;cursor:pointer}.af-nav-dropdown__item:hover{background:var(--af-surface-2);color:var(--af-accent)}.af-megamenu-panel{position:absolute;top:100%;left:0;right:0;background:var(--af-surface);border-top:2px solid var(--af-brand);border-bottom:1px solid var(--af-border);box-shadow:0 8px 24px #0000001f;z-index:49;padding:24px 32px;animation:af-megamenu-in .15s ease}@keyframes af-megamenu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.af-megamenu-columns{display:flex;gap:0}.af-megamenu-col{flex:1;padding:0 24px 0 0;border-right:1px solid var(--af-border);margin-right:24px}.af-megamenu-col:last-child{border-right:none;margin-right:0;padding-right:0}.af-megamenu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.af-megamenu-col-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--af-text-muted);margin-bottom:10px}.af-megamenu-link{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:var(--af-radius-sm);text-decoration:none;color:var(--af-text);transition:background .12s,color .12s;cursor:pointer}.af-megamenu-link:hover{background:var(--af-surface-2);color:var(--af-brand)}.af-megamenu-link.is-active{background:color-mix(in srgb,var(--af-brand) 10%,transparent);color:var(--af-brand)}.af-megamenu-link svg{margin-top:1px;color:var(--af-text-muted);flex-shrink:0}.af-megamenu-link:hover svg,.af-megamenu-link.is-active svg{color:var(--af-brand)}.af-megamenu-link-label{font-size:13px;font-weight:500;line-height:1.2}.af-megamenu-link-desc{font-size:11px;color:var(--af-text-muted);margin-top:2px;line-height:1.3}.af-nav-dropdown__arrow{color:var(--af-accent);font-weight:700;width:14px;display:inline-block}.af-progress{position:absolute;bottom:-1px;left:0;height:2px;background:var(--af-accent);transition:width .3s ease;z-index:60}.af-breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--af-text);margin-bottom:20px}.af-breadcrumb__title{font-size:20px;font-weight:600;color:var(--af-text);margin-right:6px}.af-breadcrumb__sep{color:var(--af-accent);font-weight:700}.af-breadcrumb__home{width:16px;height:16px;color:var(--af-accent)}.af-breadcrumb__item{color:var(--af-text-muted);text-decoration:none}.af-breadcrumb__item:hover{color:var(--af-accent)}.af-breadcrumb__item.is-current{color:var(--af-text)}.af-card{background:var(--af-surface);border:1px solid var(--af-border);border-radius:var(--af-radius-lg);box-shadow:var(--af-shadow-card)}.af-card__header{padding:16px 20px;border-bottom:1px solid var(--af-border);display:flex;align-items:center;justify-content:space-between}.af-card__title{font-size:14px;font-weight:600;color:var(--af-text)}.af-card__body{padding:20px}.af-kpi{position:relative;background:var(--af-surface);border:1px solid var(--af-border);border-radius:var(--af-radius-xl);padding:18px 20px;overflow:hidden;box-shadow:var(--af-shadow-card);min-height:110px}.af-kpi__label{font-size:13px;color:var(--af-text-muted);font-weight:500;margin-bottom:4px}.af-kpi__value{font-size:28px;font-weight:700;font-family:Montserrat,Poppins,sans-serif;letter-spacing:-.02em;color:var(--af-text);line-height:1.1}.af-kpi__icon{position:absolute;top:16px;right:16px;width:28px;height:28px;color:var(--af-text-muted);opacity:.5}.af-kpi__spark{position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none}.af-kpi__sub{font-size:11px;color:var(--af-text-muted);margin-top:4px}.af-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--af-text)}.af-table thead th{text-align:left;padding:12px 16px;background:var(--af-surface-2);color:var(--af-text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--af-border);white-space:nowrap}.af-table tbody td{padding:14px 16px;border-bottom:1px solid var(--af-border);vertical-align:middle}.af-table tbody tr:hover td{background:var(--af-surface-2)}.af-table tbody tr:last-child td{border-bottom:none}.af-pill{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 12px;border-radius:var(--af-radius-pill);font-size:12px;font-weight:600;line-height:1.4;border:1px solid transparent}.af-pill--blue{color:var(--af-kpi-blue);border-color:var(--af-kpi-blue-soft);background:var(--af-kpi-blue-soft)}.af-pill--violet{color:var(--af-kpi-violet);border-color:var(--af-kpi-violet-soft);background:var(--af-kpi-violet-soft)}.af-pill--green{color:var(--af-success);border-color:var(--af-success-soft);background:var(--af-success-soft)}.af-pill--orange{color:var(--af-accent);border-color:var(--af-accent-soft);background:var(--af-accent-soft)}.af-pill--red{color:var(--af-danger);border-color:var(--af-danger-soft);background:var(--af-danger-soft)}.af-pill--yellow{color:#b45309;border-color:var(--af-kpi-yellow-soft);background:var(--af-kpi-yellow-soft)}.af-pill--gray{color:var(--af-text-muted);border-color:var(--af-border);background:var(--af-surface-2)}.af-badge-status{display:inline-block;padding:5px 12px;border-radius:var(--af-radius);font-size:11px;font-weight:600;color:#fff;background:#1f2937;letter-spacing:.3px}:root[data-theme=light] .af-badge-status{background:#111827}.af-badge-status--success{background:var(--af-success)}.af-badge-status--danger{background:var(--af-danger)}.af-badge-status--warning{background:var(--af-warning);color:#1f2937}.af-badge-status--info{background:var(--af-info)}.af-badge-status--loyalty{background:#1f2937;color:var(--af-kpi-violet);border:1px solid var(--af-kpi-violet-soft)}.af-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--af-radius);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,transform .05s;line-height:1.2}.af-btn:active{transform:translateY(1px)}.af-btn:disabled{opacity:.5;cursor:not-allowed}.af-btn--primary{background:var(--af-accent);color:#fff}.af-btn--primary:hover:not(:disabled){background:var(--af-accent-bright)}.af-btn--brand{background:var(--af-brand);color:#fff}.af-btn--brand:hover:not(:disabled){background:#f05058}.af-btn--ghost{background:var(--af-surface);color:var(--af-text);border-color:var(--af-border)}.af-btn--ghost:hover:not(:disabled){background:var(--af-surface-2);border-color:var(--af-border-strong)}.af-btn--danger{background:var(--af-danger-soft);color:var(--af-danger);border-color:var(--af-danger-soft)}.af-btn--danger:hover:not(:disabled){background:var(--af-danger);color:#fff}.af-btn--success{background:var(--af-success-soft);color:var(--af-success);border-color:var(--af-success-soft)}.af-btn--sm{padding:6px 12px;font-size:12px}.af-btn--lg{padding:13px 24px;font-size:15px}.af-btn--icon{width:36px;height:36px;padding:0;border-radius:var(--af-radius)}.af-field{display:block;width:100%;padding:10px 14px;background:var(--af-surface);color:var(--af-text);border:1px solid var(--af-border);border-radius:var(--af-radius);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.af-field::placeholder{color:var(--af-text-faint)}.af-field:focus{border-color:var(--af-accent);box-shadow:var(--af-focus-ring)}.af-field--search{background:var(--af-surface);border-radius:var(--af-radius-pill);padding:8px 16px;font-size:13px}.af-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}@keyframes af-spin{to{transform:rotate(360deg)}}.af-spinner{width:28px;height:28px;border:3px solid var(--af-border);border-top-color:var(--af-accent);border-radius:50%;animation:af-spin .7s linear infinite}@keyframes af-slide-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.pay-surface{background:linear-gradient(180deg,var(--af-surface) 0%,var(--af-surface-2) 100%)}.af-empty-icon{width:40px;height:40px;color:var(--af-border-strong)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.af-topbar{padding:8px 12px}.af-navbar{padding:0 12px}.af-topbar__user-name,.af-topbar__user-role{display:none}}