@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--jj-coral: #E05C5C;--jj-teal: #2D6E6E;--jj-gold: #F2B84B;--jj-steel: #5B9DB5;--jj-terracotta: #C1622F;--jj-blush: #F0A0A0;--jj-blush-light: #FAD4D4;--jj-mint-dark: #3A7D6E;--jj-sky-muted: #7AB3C8;--jj-white: #FFFFFF;--jj-off-white: #FAF9F7;--jj-gray-light: #F0EDE8;--jj-gray: #C0BABA;--jj-gray-dark: #6B6464;--jj-dark: #2A2020;--jj-success: #4CAF82;--jj-warning: #F2B84B;--jj-error: #E05C5C;--jj-info: #5B9DB5;--jj-font-family: "Inter", sans-serif;--jj-font-mono: "JetBrains Mono", monospace;--jj-text-xs: .75rem;--jj-text-sm: .875rem;--jj-text-base: 1rem;--jj-text-md: 1.125rem;--jj-text-lg: 1.25rem;--jj-text-xl: 1.5rem;--jj-text-2xl: 1.875rem;--jj-text-3xl: 2.25rem;--jj-text-4xl: 3rem;--jj-weight-normal: 400;--jj-weight-medium: 500;--jj-weight-semibold: 600;--jj-weight-bold: 700;--jj-weight-extrabold: 800;--jj-space-0: 0px;--jj-space-1: 4px;--jj-space-2: 8px;--jj-space-3: 12px;--jj-space-4: 16px;--jj-space-5: 20px;--jj-space-6: 24px;--jj-space-7: 28px;--jj-space-8: 32px;--jj-space-10: 40px;--jj-space-12: 48px;--jj-space-14: 56px;--jj-space-16: 64px;--jj-space-20: 80px;--jj-space-24: 96px;--jj-space-32: 128px;--jj-radius-none: 0px;--jj-radius-sm: 6px;--jj-radius-base: 12px;--jj-radius-md: 16px;--jj-radius-lg: 20px;--jj-radius-xl: 28px;--jj-radius-2xl: 36px;--jj-radius-full: 9999px;--jj-shadow-none: none;--jj-shadow-sm: 0 1px 3px rgba(0,0,0,.08);--jj-shadow-base: 0 2px 8px rgba(0,0,0,.1);--jj-shadow-md: 0 4px 16px rgba(0,0,0,.12);--jj-shadow-lg: 0 8px 32px rgba(0,0,0,.14);--jj-shadow-card: 0 2px 12px rgba(45,110,110,.1);--jj-transition-fast: .15s ease;--jj-transition-base: .25s ease;--jj-transition-slow: .4s ease;--jj-navbar-height: 72px;--jj-topbar-tall: 120px;--jj-topbar-short: 64px;--jj-sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--jj-font-family);font-size:var(--jj-text-base);font-weight:var(--jj-weight-normal);color:var(--jj-dark);background-color:var(--jj-off-white);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--jj-teal);text-decoration:none;transition:color var(--jj-transition-fast)}a:hover{color:var(--jj-coral)}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:var(--jj-font-family)}input,textarea,select{font-family:var(--jj-font-family)}:root{--admin-sidebar-width: 220px;--admin-sidebar-bg: var(--jj-teal);--admin-topbar-height: 60px;--admin-card-resource: #3A7D6E;--admin-card-user: #E05C5C;--admin-card-payment: #C1622F;--admin-card-content: #F2B84B;--admin-card-creator: #4169B8;--admin-card-extra: #5B9DB5}#app{display:flex;min-height:100vh;background-color:var(--jj-off-white)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--jj-text-sm)}.admin-table th{text-align:left;padding:var(--jj-space-3) var(--jj-space-4);font-weight:var(--jj-weight-semibold);color:var(--jj-gray-dark);border-bottom:2px solid var(--jj-gray-light);white-space:nowrap}.admin-table td{padding:var(--jj-space-3) var(--jj-space-4);border-bottom:1px solid var(--jj-gray-light);color:var(--jj-dark);vertical-align:middle}.admin-table tr:hover td{background-color:var(--jj-off-white)}.badge{display:inline-flex;align-items:center;padding:2px var(--jj-space-3);border-radius:var(--jj-radius-full);font-size:var(--jj-text-xs);font-weight:var(--jj-weight-semibold);white-space:nowrap}.badge--pending{background:#fdecc8;color:#a07820}.badge--approved{background:#d4edda;color:#1a6b35}.badge--rejected{background:var(--jj-blush-light);color:var(--jj-error)}.badge--active{background:#d4edda;color:#1a6b35}.badge--suspended{background:var(--jj-blush-light);color:var(--jj-error)}.badge--flagged{background:#fdecc8;color:#a07820}.badge--paid{background:#d4edda;color:#1a6b35}.badge--unpaid{background:var(--jj-blush-light);color:var(--jj-error)}.badge--refunded{background:#d4e9f0;color:var(--jj-steel)}.admin-page{flex:1;display:flex;flex-direction:column;min-height:100vh;padding-left:var(--admin-sidebar-width)}.admin-page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--jj-space-4);margin-bottom:var(--jj-space-6);flex-wrap:wrap}.admin-page__title{font-size:var(--jj-text-2xl);font-weight:var(--jj-weight-bold);color:var(--jj-teal)}.admin-page__body{background:var(--jj-white);border-radius:var(--jj-radius-md);box-shadow:var(--jj-shadow-card);overflow:hidden}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--jj-space-4);margin-bottom:var(--jj-space-6)}.stat-card{background:var(--jj-white);border-radius:var(--jj-radius-md);box-shadow:var(--jj-shadow-card);padding:var(--jj-space-5);display:flex;flex-direction:column;gap:var(--jj-space-1)}.stat-card__value{font-size:var(--jj-text-2xl);font-weight:var(--jj-weight-extrabold);color:var(--jj-teal)}.stat-card__label{font-size:var(--jj-text-xs);color:var(--jj-gray-dark)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--jj-space-3);padding:var(--jj-space-4) var(--jj-space-5);border-bottom:1px solid var(--jj-gray-light);background:var(--jj-off-white)}.row-actions{display:flex;gap:var(--jj-space-2)}.btn-sm{padding:var(--jj-space-1) var(--jj-space-3);border-radius:var(--jj-radius-full);border:none;font-family:var(--jj-font-family);font-size:var(--jj-text-xs);font-weight:var(--jj-weight-semibold);cursor:pointer;transition:filter var(--jj-transition-fast)}.btn-sm:hover{filter:brightness(.9)}.btn-sm--approve{background:var(--jj-teal);color:var(--jj-white)}.btn-sm--reject{background:var(--jj-error);color:var(--jj-white)}.btn-sm--view{background:var(--jj-gray-light);color:var(--jj-dark)}.btn-sm--suspend{background:var(--jj-terracotta);color:var(--jj-white)}.btn-sm--pay{background:var(--jj-teal);color:var(--jj-white)}.btn-sm--flag{background:var(--jj-gold);color:var(--jj-dark)}.btn-sm--remove{background:var(--jj-error);color:var(--jj-white)}