:root{--color-brand-primary:#facc15;--color-brand-secondary:#0f172a;--color-brand-light:#fde047;--color-brand-cyan:#06b6d4;--color-brand-emerald:#10b981;--color-brand-glow:rgba(250,204,21,.15);--color-brand-subtle:rgba(250,204,21,.04);--color-brand-muted:rgba(250,204,21,.08);--color-bg-base:#030712;--color-bg-surface:#0f172a;--color-bg-elevated:#1e293b;--color-bg-card:#0b0f19;--color-bg-hover:#1e293b;--color-bg-active:#334155;--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-muted:#9ca3af;--color-text-subtle:#6b7280;--color-border:hsla(0,0%,100%,.08);--color-border-strong:hsla(0,0%,100%,.15);--color-border-subtle:hsla(0,0%,100%,.04);--color-success:#10b981;--color-success-bg:rgba(16,185,129,.08);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,.08);--color-danger:#ef4444;--color-danger-bg:rgba(239,68,68,.08);--color-info:#3b82f6;--color-info-bg:rgba(59,130,246,.08);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:180ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px rgba(0,0,0,.2);--shadow-md:0 10px 24px -4px rgba(0,0,0,.4),0 4px 12px -2px rgba(0,0,0,.3);--shadow-lg:0 20px 40px -8px rgba(250,204,21,.05),0 6px 18px rgba(0,0,0,.4);--shadow-glow:0 12px 30px rgba(250,204,21,.15);--sidebar-width:248px;--topbar-height:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.25;letter-spacing:-.02em}a{color:var(--color-brand-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-brand-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.glass-panel{background:rgba(15,23,42,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.05)}.text-gradient{background:linear-gradient(135deg,var(--color-brand-primary) 0,var(--color-brand-light) 100%);-webkit-background-clip:text}.text-gradient,.text-gradient-cyan{-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#00b4db,#00f2fe);-webkit-background-clip:text}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth)}.card:hover{border-color:rgba(250,204,21,.25);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.card-body{padding:2rem}.badge{display:inline-flex;align-items:center;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.03em}.badge-success{background:var(--color-success-bg);color:#34d399;border:1px solid rgba(16,185,129,.15)}.badge-blue{background:var(--color-brand-subtle);color:var(--color-brand-primary);border:1px solid rgba(250,204,21,.15)}.badge-warning{background:var(--color-warning-bg);color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.badge-danger{background:var(--color-danger-bg);color:#f87171;border:1px solid rgba(239,68,68,.15)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.2}.btn-primary{background:linear-gradient(135deg,var(--color-brand-primary) 0,#d97706 100%);color:#030712;box-shadow:0 4px 14px rgba(250,204,21,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(250,204,21,.3)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:translateY(-1px)}.btn-full{width:100%}.btn-sm{padding:.6rem 1.1rem;font-size:.82rem;border-radius:var(--radius-sm)}.btn-lg{padding:.95rem 2rem;font-size:1.05rem;border-radius:var(--radius-lg)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.85rem 1.15rem;background:var(--color-bg-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-brand-primary);background:var(--color-bg-surface);box-shadow:0 0 0 4px rgba(250,204,21,.1)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--topbar-height);background:rgba(3,7,18,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);box-shadow:0 2px 20px rgba(0,0,0,.2);transition:all var(--transition-smooth)}.navbar,.navbar-logo-icon{display:flex;align-items:center}.navbar-logo-icon{width:32px;height:32px;background:var(--color-brand-primary);border-radius:var(--radius-md);justify-content:center;font-weight:700;color:#030712}.navbar-brand-name{font-family:Space Grotesk,sans-serif;font-weight:800;font-size:1rem}.navbar-brand-name span{color:var(--color-brand-primary)}.navbar-link{color:var(--color-text-muted);font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.navbar-link.active,.navbar-link:hover{color:var(--color-brand-primary);background:var(--color-brand-subtle)}.footer{background:var(--color-bg-base);border-top:1px solid var(--color-border);padding:3rem 0;color:var(--color-text-muted);font-size:.875rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-col-title{color:var(--color-text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.footer-link{display:block;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.85rem}.footer-link:hover{color:var(--color-brand-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:1.5rem;display:flex;justify-content:space-between;font-size:.75rem}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:1.5rem 0 5rem;z-index:100;overflow-y:auto;transition:transform var(--transition-smooth)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:2rem 2.5rem;background:var(--color-bg-base)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0;padding:1.25rem 1rem 6rem}}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1.75rem;border-bottom:1px solid var(--color-border);margin-bottom:1.25rem}.sidebar-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--color-brand-primary),#1e3a8a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 16px var(--color-brand-glow);flex-shrink:0}.sidebar-logo-text{font-weight:800;font-size:1rem;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.sidebar-logo-text span{color:var(--color-brand-primary)}.sidebar-nav{padding:0 .75rem;flex:1 1}.sidebar-section-label{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);padding:.875rem .625rem .375rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none;margin-bottom:2px}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-link:hover{background:var(--color-brand-subtle);color:var(--color-brand-light)}.sidebar-link.active{background:var(--color-brand-muted);color:var(--color-text-primary);font-weight:600;border-left:3px solid var(--color-brand-primary);border-top-left-radius:0;border-bottom-left-radius:0}.sidebar-link.active svg{stroke:var(--color-brand-primary)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-surface);border-top:1px solid var(--color-border);padding:.625rem .5rem calc(.625rem + env(safe-area-inset-bottom));z-index:100;grid-template-columns:repeat(5,1fr);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:768px){.bottom-nav{display:grid}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--color-text-muted);font-size:.65rem;font-weight:500;text-decoration:none;padding:.4rem .25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--color-brand-primary)}.bottom-nav-item.active svg{stroke:var(--color-brand-primary)}.wallet-card{position:relative;background:linear-gradient(135deg,#09122c,#0c183a 40%,#050b1d);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-xl);padding:1.75rem;overflow:hidden}.wallet-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:hsla(0,0%,100%,.55);margin-bottom:.5rem}.wallet-balance{font-size:2.8rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}.wallet-currency{font-size:1.4rem;font-weight:600;opacity:.7;margin-right:.1rem}.tx-item{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast)}.tx-item:last-child{border-bottom:none}.tx-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tx-icon.debit{background:rgba(59,130,246,.1);color:var(--color-brand-light)}.tx-icon.credit{background:rgba(16,185,129,.1);color:#34d399}.tx-info{flex:1 1;min-width:0}.tx-title{font-weight:600;font-size:.875rem;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-date{font-size:.72rem;color:var(--color-text-muted);margin-top:.2rem}.tx-amount{font-weight:700;font-size:.9rem;white-space:nowrap}.tx-amount.debit{color:var(--color-text-secondary)}.tx-amount.credit{color:#34d399}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.625rem;text-decoration:none;color:inherit;padding:1rem .5rem;border-radius:var(--radius-lg);background:var(--color-bg-card);border:1.5px solid var(--color-border);transition:all var(--transition-smooth);cursor:pointer}.quick-action:hover{border-color:var(--color-brand-primary);background:var(--color-bg-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.15)}.quick-action-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.quick-action-label{font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-align:center;line-height:1.3}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}@media (min-width:1024px){.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}.quick-buy-fields{display:grid;grid-template-columns:1fr;grid-gap:.875rem;gap:.875rem}@media (min-width:640px){.quick-buy-fields{grid-template-columns:1.3fr 1fr 1fr;align-items:flex-end}}.bulk-purchase-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.bulk-purchase-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.bulk-upload-section{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;padding-right:0}@media (min-width:768px){.bulk-upload-section{border-right:1px solid var(--color-border);border-bottom:none;padding-bottom:0;padding-right:1.5rem}}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:center;gap:.75rem;text-align:center}}.marquee-container{overflow:hidden;white-space:nowrap;display:flex;align-items:center;width:100%}.marquee-content{display:inline-flex;animation:marquee 30s linear infinite;gap:3rem;padding-left:2rem}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-cols-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem}@media (min-width:1024px){.footer-cols-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}}@media (min-width:640px) and (max-width:1023px){.footer-cols-grid{grid-template-columns:1fr 1fr 1fr}}.features-banner-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:640px){.features-banner-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.features-banner-grid{grid-template-columns:repeat(4,1fr)}}.services-grid-3x2{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}@media (min-width:640px) and (max-width:1023px){.services-grid-3x2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid-3x2{grid-template-columns:repeat(3,1fr)}}.hero-grid{display:grid;grid-template-columns:1fr;grid-gap:2.5rem;gap:2.5rem;align-items:center}@media (min-width:1024px){.hero-grid{grid-template-columns:1.2fr 1fr;gap:4rem}}.why-us-flex{display:flex;flex-direction:column;gap:2rem;align-items:center;margin-top:1.5rem}@media (min-width:1024px){.why-us-flex{flex-direction:row;gap:4rem}}.agent-banner-flex{display:flex;flex-direction:column;gap:2.5rem;align-items:flex-start;padding:2.5rem 1.5rem!important}@media (min-width:1024px){.agent-banner-flex{flex-direction:row;align-items:center;justify-content:space-between;padding:3.5rem 4rem!important}}.agent-banner-content{max-width:100%;position:relative;z-index:1}@media (min-width:1024px){.agent-banner-content{max-width:60%}}.nav-links-desktop{gap:.5rem}.nav-auth-desktop,.nav-links-desktop{display:flex!important;align-items:center}.nav-auth-desktop{gap:.75rem}.nav-toggle-mobile{display:none!important;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:.5rem}.mobile-nav-menu{display:none;position:fixed;top:var(--topbar-height);left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border);padding:1.5rem;flex-direction:column;gap:1rem;z-index:99;box-shadow:0 10px 15px -3px rgba(0,0,0,.05)}@media (max-width:768px){.nav-auth-desktop,.nav-links-desktop{display:none!important}.nav-toggle-mobile{display:block!important}.mobile-nav-menu.open{display:flex!important}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)!important;box-shadow:0 10px 30px rgba(0,0,0,.15)!important}.topbar{left:0!important;padding:0 1.25rem!important}.mobile-menu-btn{display:block!important}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95}@media (max-width:768px){.sidebar-overlay.open{display:block}}.split-layout{display:flex;min-height:100vh;background-color:var(--color-bg-base)}.split-aside{position:relative;display:none;width:45%;overflow:hidden;background:linear-gradient(135deg,var(--color-brand-primary) 0,#004ddf 50%,#051026 100%);padding:3.5rem;flex-direction:column;justify-content:space-between}@media (min-width:1024px){.split-aside{display:flex}}.split-main{flex:1 1;display:flex;flex-direction:column;background-color:#f8fafc}.split-form-container{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}