Orlyo Admin

User Growth

MRR Estimate

Recent Signups

View all →

Orla Business Intelligence

Not yet generated

Tap "Generate insights" to analyse your platform data and surface business intelligence.

Name	Role	Plan	Location	Joined	Onboarded

Mentor Overview

Name	Industry	Rate/hr	Payouts	Active Mentees	Free Session

Mentee Overview

Name	Target Role	Industry	Plan	Matches	Joined

Revenue Breakdown

Sessions by Status

Paid Sessions

Date	Mentor ID	Mentee ID	Gross	Platform Fee	Mentor Payout	Status

All Sessions

Date	Mentor	Mentee	Duration	Amount	Payment	Status

Relationship Health

Goal Completion

.nav-item .nav-icon { font-size: 16px; width: 20px; text-align: center; } .sidebar-footer { margin-top: auto; padding: 24px; border-top: 1px solid rgba(255,255,255,0.08); } .logout-btn { width: 100%; padding: 10px; background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.6); border: none; border-radius: 8px; font-size: 13px; font-family: 'DM Sans', sans-serif; cursor: pointer; transition: all 0.2s; } .logout-btn:hover { background: rgba(255,80,80,0.2); color: var(--danger); } .main { margin-left: 240px; padding: 40px; min-height: 100vh; } .page { display: none; } .page.active { display: block; } .page-header { margin-bottom: 32px; } .page-title { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; letter-spacing: -1px; } .page-subtitle { font-size: 15px; color: var(--grey); font-weight: 300; margin-top: 4px; } .metrics-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 32px; } .metric-card { background: #fff; border-radius: 20px; padding: 24px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .metric-label { font-size: 12px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--grey); margin-bottom: 8px; } .metric-value { font-family: 'Cormorant Garamond', serif; font-size: 40px; font-weight: 700; letter-spacing: -1px; line-height: 1; } .metric-change { font-size: 13px; color: var(--green-mid); margin-top: 6px; font-weight: 300; } .metric-change.negative { color: var(--danger); } .card { background: #fff; border-radius: 20px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); margin-bottom: 24px; } .card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .card-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 700; } .card-action { font-size: 13px; color: var(--green-mid); cursor: pointer; font-weight: 500; } .table-wrap { overflow-x: auto; } table { width: 100%; border-collapse: collapse; } th { font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: var(--grey); text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--light); } td { padding: 12px; border-bottom: 1px solid var(--light); font-size: 14px; font-weight: 300; } tr:last-child td { border-bottom: none; } tr:hover td { background: var(--light); } .badge { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: 11px; font-weight: 500; } .badge-green { background: rgba(91,200,122,0.15); color: var(--green-mid); } .badge-grey { background: var(--light); color: var(--grey); } .badge-purple { background: rgba(76,3,255,0.1); color: var(--purple); } .badge-red { background: rgba(255,80,80,0.1); color: var(--danger); } .badge-orange { background: rgba(245,166,35,0.1); color: var(--warning); } .charts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; } .chart-card { background: #fff; border-radius: 20px; padding: 28px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); } .chart-title { font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 700; margin-bottom: 20px; } .ai-card { background: var(--navy); border-radius: 24px; padding: 32px; margin-bottom: 24px; } .ai-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .ai-title-row { display: flex; align-items: center; gap: 12px; } .ai-orb { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #4C03FF, #5BC87A, #97FF97); display: flex; align-items: center; justify-content: center; font-family: 'Cormorant Garamond', serif; font-size: 20px; font-weight: 700; color: #fff; box-shadow: 0 0 20px rgba(76,3,255,0.4); } .ai-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 700; color: #fff; } .ai-subtitle { font-size: 13px; color: rgba(255,255,255,0.4); margin-top: 2px; } .generate-btn { background: var(--green); color: var(--navy); border: none; border-radius: 99px; padding: 10px 20px; font-size: 13px; font-weight: 500; font-family: 'DM Sans', sans-serif; cursor: pointer; transition: opacity 0.2s; } .generate-btn:hover { opacity: 0.85; } .generate-btn:disabled { opacity: 0.5; cursor: not-allowed; } .insights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; } .insight-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 20px; } .insight-type { font-size: 10px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; } .insight-dot { width: 6px; height: 6px; border-radius: 50%; } .insight-text { font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.85); line-height: 1.6; } .ai-loading { text-align: center; padding: 40px; color: rgba(255,255,255,0.5); font-size: 15px; font-weight: 300; } .ai-timestamp { font-size: 12px; color: rgba(255,255,255,0.3); margin-top: 20px; text-align: right; } .search-bar { width: 100%; padding: 12px 16px; border-radius: 12px; border: 1.5px solid #E0E0E0; font-size: 15px; font-family: 'DM Sans', sans-serif; margin-bottom: 20px; outline: none; color: var(--navy); } .search-bar:focus { border-color: var(--green-mid); } .filter-row { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; } .filter-btn { padding: 6px 16px; border-radius: 99px; border: 1.5px solid #E0E0E0; font-size: 13px; font-family: 'DM Sans', sans-serif; cursor: pointer; background: #fff; color: var(--grey); transition: all 0.15s; } .filter-btn.active { background: var(--navy); color: #fff; border-color: var(--navy); } .loading { text-align: center; padding: 60px; color: var(--grey); font-size: 15px; } .spinner { width: 32px; height: 32px; border: 3px solid var(--light); border-top-color: var(--green-mid); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 16px; } @keyframes spin { to { transform: rotate(360deg); } } @media (max-width: 1024px) { .charts-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .sidebar { width: 200px; } .main { margin-left: 200px; padding: 24px; } }