:root{--bg:#081120;--surface:#ffffff;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-2:#8b5cf6;--success:#10b981;--warning:#f59e0b;--shadow:0 18px 50px rgba(15,23,42,.08);} 
*{box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 25%,#f8fafc 100%);color:#0f172a} .glass-nav{background:rgba(8,17,32,.92);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(2,6,23,.25)} .brand-mark{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.8rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);font-weight:800} .hero{background:radial-gradient(circle at top right, rgba(129,140,248,.55), transparent 30%),linear-gradient(135deg,#0f172a,#1d4ed8 55%,#7c3aed);border-radius:1.8rem;color:#fff;padding:3rem;box-shadow:var(--shadow)} .card-soft,.metric-card,.pricing-card{border:1px solid rgba(226,232,240,.7);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:1.3rem;box-shadow:var(--shadow)} .metric-card{padding:1.25rem} .metric-value{font-size:1.95rem;font-weight:800;letter-spacing:-.03em} .section-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em} .notify-menu{min-width:340px;max-width:340px;border-radius:1rem} .avatar-sm,.avatar-md{border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 25px rgba(15,23,42,.08)} .avatar-sm{width:48px;height:48px}.avatar-md{width:74px;height:74px} .tag-pill{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:.34rem .8rem;font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem} .chat-box{max-height:460px;overflow:auto;padding-right:.25rem} .chat-bubble{border-radius:1.25rem;padding:1rem 1rem;margin-bottom:.8rem;max-width:90%;box-shadow:0 10px 25px rgba(15,23,42,.06)} .chat-own{background:#dcfce7;margin-left:auto}.chat-other{background:#eff6ff} .resource-content{white-space:pre-wrap;color:#475569} .footer-shell{padding:1.5rem 0;background:#fff;border-top:1px solid rgba(226,232,240,.8)} .info-chip{border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;padding:.35rem .75rem;font-size:.78rem;font-weight:600} .pricing-card .display-6{letter-spacing:-.04em} .soft-list>li{margin-bottom:.45rem;color:#475569} .dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem} .dashboard-grid>*{grid-column:span 12} .feature-card{height:100%}.btn{border-radius:.9rem;font-weight:600} .btn-rounded{border-radius:999px} .empty-state{padding:2rem;border:1px dashed #cbd5e1;border-radius:1rem;background:#fff} .payment-card{background:linear-gradient(135deg,#0f172a,#172554);color:#fff} .stat-muted{font-size:.82rem;color:#64748b}.mobile-money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.provider-option input{display:none}.provider-option label{display:block;padding:.9rem;border:1px solid #dbe2ea;border-radius:1rem;background:#fff;text-align:center;font-weight:700;cursor:pointer}.provider-option input:checked+label{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 10px 25px rgba(37,99,235,.12)} @media(max-width:991px){.hero{padding:2rem}.mobile-money-grid{grid-template-columns:1fr}.notify-menu{min-width:290px;max-width:290px}}