/* 2026-10-10 redesign: современная админка / кабинет (подключается поверх, функционал не меняет) */
:root{--jcx-brand:#4a90e2;--jcx-brand2:#2f6fc0;--jcx-side:#151a24;--jcx-side2:#1d2431;--jcx-side-tx:#b8c2d3;--jcx-bg:#f4f6fa;--jcx-card:#fff;--jcx-tx:#1f2633;--jcx-mut:#6b7587;--jcx-line:#e3e8f0}
html[data-jcx-theme="dark"]{--jcx-side:#0e1117;--jcx-side2:#171b24;--jcx-bg:#12151c;--jcx-card:#1a1f29;--jcx-tx:#e4e8ef;--jcx-mut:#97a1b3;--jcx-line:#2a3140}
body.jcx-on{background:var(--jcx-bg)!important;color:var(--jcx-tx);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body.jcx-on .main-content{background:var(--jcx-bg)}
body.jcx-on #sidebar{background:var(--jcx-side)!important;color:var(--jcx-side-tx);box-shadow:none;border-right:1px solid rgba(255,255,255,.05)}
body.jcx-on #sidebar .sidebar-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.07)}
body.jcx-on #sidebar .sidebar-header h2,body.jcx-on #sidebar .sidebar-header__title{color:#fff!important}
body.jcx-on #sidebar .sidebar-nav{padding-top:12px!important}
.jcx-brandbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;color:#fff;font-weight:700;font-size:15px}
.jcx-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--jcx-brand),var(--jcx-brand2));display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;flex:none}
.jcx-brandbar .jcx-sp{flex:1}
.jcx-theme{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#dfe5ee;border-radius:9px;width:32px;height:30px;cursor:pointer;font-size:15px;line-height:1}
.jcx-theme:hover{background:rgba(255,255,255,.14)}
body.jcx-on #courseList,body.jcx-on #userMenuList{padding:4px 10px 24px!important}
li.jcx-group{list-style:none;margin:0 0 6px;padding:0;background:none!important;border:0!important}
.jcx-ghead{display:flex;align-items:center;gap:8px;padding:9px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7d889c;cursor:pointer;user-select:none;border-radius:8px}
.jcx-ghead:hover{color:#c9d2e0}
.jcx-ghead .jcx-arr{margin-left:auto;transition:transform .2s;font-size:10px}
li.jcx-group.jcx-closed .jcx-arr{transform:rotate(-90deg)}
li.jcx-group.jcx-closed>.jcx-gbody{display:none}
.jcx-gbody{list-style:none;margin:0;padding:0}
body.jcx-on :is(#courseList,#userMenuList) li.admin-menu-item{display:flex;align-items:center;gap:10px;margin:1px 0;padding:8px 10px!important;border-radius:9px;border:0!important;background:transparent!important;color:var(--jcx-side-tx)!important;cursor:pointer;transition:background .15s,color .15s;min-height:0}
body.jcx-on :is(#courseList,#userMenuList) li.admin-menu-item .admin-menu-link{color:inherit!important;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0!important;background:none!important}
body.jcx-on :is(#courseList,#userMenuList) li.admin-menu-item:hover{background:var(--jcx-side2)!important;color:#fff!important}
body.jcx-on :is(#courseList,#userMenuList) li.admin-menu-item.active{background:linear-gradient(135deg,var(--jcx-brand),var(--jcx-brand2))!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.jcx-ic{width:20px;text-align:center;flex:none;font-size:15px;filter:saturate(.85)}
li.jcx-group.jcx-other .jcx-ghead{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);border-radius:0;padding-top:14px}
/* content */
body.jcx-on .header{background:var(--jcx-card)!important;border-bottom:1px solid var(--jcx-line);box-shadow:none!important}
body.jcx-on .admin-container h1{font-weight:700;letter-spacing:-.01em;color:var(--jcx-tx)}
body.jcx-on .admin-info-card,body.jcx-on .users-list-card,body.jcx-on .payments-list-card,body.jcx-on .income-content-card,body.jcx-on .analytics-content-card,body.jcx-on .admin-welcome{background:var(--jcx-card)!important;border:1px solid var(--jcx-line)!important;border-radius:14px!important;box-shadow:0 1px 3px rgba(16,24,40,.05)!important;color:var(--jcx-tx)}
html[data-jcx-theme="dark"] body.jcx-on .admin-container,html[data-jcx-theme="dark"] body.jcx-on .admin-container p,html[data-jcx-theme="dark"] body.jcx-on .admin-container label,html[data-jcx-theme="dark"] body.jcx-on .admin-container td,html[data-jcx-theme="dark"] body.jcx-on .admin-container th,html[data-jcx-theme="dark"] body.jcx-on .admin-container h2,html[data-jcx-theme="dark"] body.jcx-on .admin-container h3{color:var(--jcx-tx)}
html[data-jcx-theme="dark"] body.jcx-on .user-item,html[data-jcx-theme="dark"] body.jcx-on .payment-item,html[data-jcx-theme="dark"] body.jcx-on .admin-container table,html[data-jcx-theme="dark"] body.jcx-on .admin-container tr{background:var(--jcx-card)!important;color:var(--jcx-tx)!important;border-color:var(--jcx-line)!important}
html[data-jcx-theme="dark"] body.jcx-on .admin-container input,html[data-jcx-theme="dark"] body.jcx-on .admin-container select,html[data-jcx-theme="dark"] body.jcx-on .admin-container textarea{background:#11151d!important;color:var(--jcx-tx)!important;border-color:var(--jcx-line)!important}
@media (max-width:900px){body.jcx-on #sidebar{box-shadow:8px 0 30px rgba(0,0,0,.35)}}
/* student cabinet */
.jcc-wrap{max-width:1100px}
.jcc-hero{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:linear-gradient(135deg,var(--jcx-brand),var(--jcx-brand2));color:#fff;margin-bottom:18px}
.jcc-ava{width:64px;height:64px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;flex:none}
.jcc-hero h2{margin:0;font-size:20px;color:#fff}.jcc-hero p{margin:3px 0 0;opacity:.9;font-size:13px}
.jcc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.jcc-stat{background:var(--jcx-card);border:1px solid var(--jcx-line);border-radius:14px;padding:14px 16px}
.jcc-stat b{display:block;font-size:22px;color:var(--jcx-tx)}.jcc-stat span{font-size:12px;color:var(--jcx-mut)}
.jcc-card{background:var(--jcx-card);border:1px solid var(--jcx-line);border-radius:14px;padding:16px 18px;margin-bottom:14px;color:var(--jcx-tx)}
.jcc-card h3{margin:0 0 10px;font-size:16px;color:var(--jcx-tx)}
.jcc-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--jcx-line);font-size:14px}
.jcc-row:first-of-type{border-top:0}
.jcc-row .jcc-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.jcc-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;white-space:nowrap}
.jcc-ok{background:#e3f6ea;color:#1d7a43}.jcc-wait{background:#fff4dc;color:#946200}.jcc-no{background:#f0f2f6;color:#5c6577}.jcc-bad{background:#fde8e8;color:#b02a2a}
html[data-jcx-theme="dark"] .jcc-ok{background:#163a26;color:#7fe0a5}html[data-jcx-theme="dark"] .jcc-wait{background:#3a2f12;color:#f0c86a}html[data-jcx-theme="dark"] .jcc-no{background:#262c38;color:#aab3c3}html[data-jcx-theme="dark"] .jcc-bad{background:#3d1a1a;color:#f19a9a}
.jcc-mut{color:var(--jcx-mut);font-size:12px}
.jcc-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:0;background:linear-gradient(135deg,var(--jcx-brand),var(--jcx-brand2));color:#fff;font-weight:600;cursor:pointer;font-size:14px}
.jcc-empty{color:var(--jcx-mut);font-size:14px;padding:6px 0}
body.page-admin-panel.jcx-on #sidebarHeader{display:none!important}
body.jcx-on .admin-welcome{padding:22px!important}