:root{
  --rgs-primary:#2563eb; --rgs-accent:#7c3aed; --rgs-bg:#f6f8fc; --rgs-surface:#fff; --rgs-text:#111827; --rgs-muted:#64748b; --rgs-border:#e5e7eb;
  --rgs-container:1280px; --rgs-sidebar-width:260px; --rgs-right-width:300px; --rgs-gap:20px; --rgs-padding:24px; --rgs-radius:16px; --rgs-shadow:0 18px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--rgs-bg);color:var(--rgs-text)}
.rgs-container{max-width:var(--rgs-container);margin:auto;padding:var(--rgs-padding)}
.rgs-grid{display:grid;gap:var(--rgs-gap)} .rgs-grid-1{grid-template-columns:1fr}.rgs-grid-2{grid-template-columns:repeat(2,1fr)}.rgs-grid-3{grid-template-columns:repeat(3,1fr)}.rgs-grid-4{grid-template-columns:repeat(4,1fr)}.rgs-grid-5{grid-template-columns:repeat(5,1fr)}.rgs-grid-6{grid-template-columns:repeat(6,1fr)}
.rgs-flex{display:flex}.rgs-center{display:grid;place-items:center}.rgs-between{display:flex;align-items:center;justify-content:space-between}.rgs-wrap{flex-wrap:wrap}
.rgs-gap-0{gap:0}.rgs-gap-10{gap:10px}.rgs-gap-20{gap:20px}.rgs-gap-30{gap:30px}.rgs-gap-40{gap:40px}
.rgs-p-0{padding:0}.rgs-p-10{padding:10px}.rgs-p-20{padding:20px}.rgs-p-30{padding:30px}.rgs-p-40{padding:40px}
.rgs-mt-10{margin-top:10px}.rgs-mt-20{margin-top:20px}.rgs-mt-30{margin-top:30px}.rgs-mt-40{margin-top:40px}
.rgs-card,.rgs-surface{background:var(--rgs-surface);border:1px solid var(--rgs-border);border-radius:var(--rgs-radius);box-shadow:var(--rgs-shadow);padding:var(--rgs-padding)}
.rgs-app{display:grid;gap:var(--rgs-gap);min-height:100vh;padding:var(--rgs-gap);background:var(--rgs-bg);color:var(--rgs-text)}
.rgs-app-boxed{max-width:var(--rgs-container);margin:auto;width:100%}
.rgs-topbar,.rgs-sidebar,.rgs-rightbar,.rgs-content,.rgs-footer{background:var(--rgs-surface);border:1px solid var(--rgs-border);border-radius:var(--rgs-radius);padding:var(--rgs-padding);box-shadow:var(--rgs-shadow)}
.rgs-topbar{grid-area:topbar}.rgs-sidebar{grid-area:sidebar}.rgs-rightbar{grid-area:rightbar}.rgs-content{grid-area:content;min-width:0}.rgs-footer{grid-area:footer}
.rgs-app-left-sidebar.rgs-has-topbar.rgs-has-footer{grid-template-columns:var(--rgs-sidebar-width) 1fr;grid-template-areas:'topbar topbar' 'sidebar content' 'footer footer'}
.rgs-app-left-sidebar.rgs-has-topbar:not(.rgs-has-footer){grid-template-columns:var(--rgs-sidebar-width) 1fr;grid-template-areas:'topbar topbar' 'sidebar content'}
.rgs-app-left-sidebar:not(.rgs-has-topbar).rgs-has-footer{grid-template-columns:var(--rgs-sidebar-width) 1fr;grid-template-areas:'sidebar content' 'footer footer'}
.rgs-app-left-sidebar:not(.rgs-has-topbar):not(.rgs-has-footer){grid-template-columns:var(--rgs-sidebar-width) 1fr;grid-template-areas:'sidebar content'}
.rgs-app-right-sidebar.rgs-has-topbar.rgs-has-footer{grid-template-columns:1fr var(--rgs-right-width);grid-template-areas:'topbar topbar' 'content rightbar' 'footer footer'}
.rgs-app-right-sidebar.rgs-has-topbar:not(.rgs-has-footer){grid-template-columns:1fr var(--rgs-right-width);grid-template-areas:'topbar topbar' 'content rightbar'}
.rgs-app-two-sidebars.rgs-has-topbar.rgs-has-footer{grid-template-columns:var(--rgs-sidebar-width) 1fr var(--rgs-right-width);grid-template-areas:'topbar topbar topbar' 'sidebar content rightbar' 'footer footer footer'}
.rgs-app-basic.rgs-has-topbar.rgs-has-footer{grid-template-areas:'topbar' 'content' 'footer'} .rgs-app-basic.rgs-has-topbar:not(.rgs-has-footer){grid-template-areas:'topbar' 'content'} .rgs-app-basic:not(.rgs-has-topbar).rgs-has-footer{grid-template-areas:'content' 'footer'} .rgs-app-basic:not(.rgs-has-topbar):not(.rgs-has-footer){grid-template-areas:'content'}
.rgs-theme-dark{--rgs-bg:#0f172a;--rgs-surface:#111827;--rgs-text:#f8fafc;--rgs-muted:#94a3b8;--rgs-border:#263244;--rgs-shadow:0 20px 60px rgba(0,0,0,.3)}
.rgs-theme-blue{--rgs-primary:#2563eb;--rgs-accent:#06b6d4}.rgs-theme-purple{--rgs-primary:#7c3aed;--rgs-accent:#ec4899}.rgs-theme-green{--rgs-primary:#059669;--rgs-accent:#84cc16}.rgs-theme-orange{--rgs-primary:#f97316;--rgs-accent:#facc15}
@media(max-width:992px){.rgs-grid-md-1{grid-template-columns:1fr}.rgs-grid-md-2{grid-template-columns:repeat(2,1fr)}.rgs-grid-md-3{grid-template-columns:repeat(3,1fr)}.rgs-app,.rgs-app-left-sidebar,.rgs-app-right-sidebar,.rgs-app-two-sidebars{grid-template-columns:1fr!important;grid-template-areas:'topbar' 'sidebar' 'content' 'rightbar' 'footer'!important}.rgs-sidebar,.rgs-rightbar{min-height:auto}}
@media(max-width:640px){.rgs-grid-sm-1{grid-template-columns:1fr}.rgs-grid-sm-2{grid-template-columns:repeat(2,1fr)}.rgs-hidden-sm{display:none!important}.rgs-app{padding:12px;gap:12px}.rgs-card,.rgs-topbar,.rgs-sidebar,.rgs-rightbar,.rgs-content,.rgs-footer{padding:16px}}
@media(min-width:641px) and (max-width:992px){.rgs-hidden-md{display:none!important}} @media(min-width:993px){.rgs-hidden-lg{display:none!important}}