@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');
.rg-app,.rg-login{font-family:Cairo,Arial,sans-serif;box-sizing:border-box;color:#172033}.rg-app *{box-sizing:border-box}.rg-app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:90vh;background:#f5f7fb}.rg-app aside{background:#fff;border-left:1px solid #e6e9ef;padding:22px 14px}.rg-brand{font-size:22px;font-weight:800;padding:8px 12px 22px}.rg-brand small{display:block;font-size:12px;font-weight:600;color:#7b8495}.rg-app aside a{display:block;padding:11px 13px;margin:4px 0;border-radius:9px;text-decoration:none;color:#344054;font-weight:700}.rg-app aside a.active,.rg-app aside a:hover{background:#eef2f7;color:#111827}.rg-app main{padding:28px;min-width:0}.rg-app h1{font-size:26px;margin:0 0 20px}.rg-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(16,24,40,.03)}.rg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rg-grid label{font-weight:700}.rg-grid label.wide{grid-column:1/-1}.rg-grid input,.rg-grid select,.rg-grid textarea,.rg-pay input,.rg-pay select{display:block;width:100%;margin-top:7px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;background:#fff;font-family:inherit}.rg-btn,.rg-small{border:0;border-radius:8px;background:#172033;color:#fff;padding:10px 18px;font-family:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;margin-top:14px}.rg-small{margin:0;padding:8px 12px}.rg-notice{padding:13px 16px;border-radius:9px;margin-bottom:18px;font-weight:700}.rg-notice.success{background:#ecfdf3;color:#067647}.rg-notice.error{background:#fef3f2;color:#b42318}.rg-table{overflow:auto}.rg-table table{width:100%;border-collapse:collapse;min-width:800px}.rg-table th,.rg-table td{text-align:right;padding:12px;border-bottom:1px solid #eaecf0;vertical-align:middle}.rg-table th{background:#f9fafb;font-weight:800}.rg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rg-cards>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.rg-cards b{display:block;font-size:22px}.rg-cards span{color:#667085}.rg-pay{display:grid;grid-template-columns:110px 120px auto;gap:7px;align-items:end}.rg-login{max-width:420px;margin:70px auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:28px;text-align:center}.rg-login input{width:100%}
@media(max-width:900px){.rg-app{grid-template-columns:1fr}.rg-app aside{display:flex;overflow:auto;gap:5px;border-left:0;border-bottom:1px solid #e6e9ef}.rg-brand{min-width:150px}.rg-app aside a{white-space:nowrap}.rg-app main{padding:16px}.rg-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.rg-grid{grid-template-columns:1fr}.rg-cards{grid-template-columns:1fr}.rg-pay{grid-template-columns:1fr}}

.rg-dashboard-chart{margin-top:20px}.rg-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:8px}.rg-chart-head h2{margin:0;font-size:20px}.rg-chart-head p{margin:4px 0 0;color:#667085}.rg-chart-legend{display:flex;gap:18px;font-size:13px;font-weight:700}.rg-chart-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px}.rg-chart-legend .members:before{background:#172033}.rg-chart-legend .subs:before{background:#8a633c}.rg-dashboard-chart svg{display:block;width:100%;height:auto;min-height:240px}.rg-gridline{stroke:#e8ebf0;stroke-width:1}.rg-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.rg-line-members{stroke:#172033}.rg-line-subs{stroke:#8a633c}.rg-dot-members{fill:#172033}.rg-dot-subs{fill:#8a633c}.rg-axis-label{font:12px Cairo,Arial,sans-serif;fill:#667085}.rg-finance-status{border-top:1px solid #eaecf0;padding-top:14px}.rg-finance-status>div:first-child{display:flex;justify-content:space-between;gap:15px}.rg-progress{height:9px;background:#eef1f5;border-radius:20px;overflow:hidden;margin-top:8px}.rg-progress i{display:block;height:100%;background:#172033;border-radius:20px}
@media(max-width:600px){.rg-chart-head{display:block}.rg-chart-legend{margin-top:10px}.rg-dashboard-chart svg{min-width:620px}.rg-dashboard-chart{overflow:auto}}