:root{color-scheme:light;--bg: #f4f6fb;--surface: #ffffff;--surface2: #eef2ff;--line: #e3e7f2;--rail: #ffffff;--ink: #141a33;--sub: #4a5072;--muted: #6b7393;--accent: #2f5bff;--on-accent: #ffffff;--accent-soft: #eef2ff;--accent-ink: #2f5bff;--blue: #2f5bff;--pink: #e0457b;--amber: #e89a00;--green: #0fb386;--red: #e5484d;--track: #eef0f6;--shadow: 0 4px 18px rgba(20, 26, 51, .06);--overlay: rgba(20, 26, 51, .45);--bg-page: var(--bg);--bg-card: var(--surface);--bg-soft: var(--surface2);--bg-hover: var(--surface2);--border-color: var(--line);--border-light: var(--track);--border-input: var(--line);--text-main: var(--ink);--text-muted: var(--muted);--text-light: var(--muted);--primary: var(--accent);--primary-dark: #141a33;--primary-light: var(--blue);--danger: var(--red);--danger-bg: #fff1f2;--success: var(--green);--success-bg: #f0fdf4;--warning: var(--amber);--warning-bg: #fffbeb;--shadow-sm: var(--shadow);--shadow-md: var(--shadow);--shadow-lg: var(--shadow);--shadow-xl: var(--shadow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 22px;--content-max-width: 1840px;--transition-fast: .18s ease;--transition-normal: .25s ease}html[data-theme=dark]{color-scheme:dark;--bg: #0b0f1e;--surface: #141a2e;--surface2: #1c2340;--line: #262e4d;--rail: #0e1326;--ink: #eef1ff;--sub: #b4bbda;--muted: #8e97bd;--accent: #c8f560;--on-accent: #0b0f1e;--accent-soft: rgba(200, 245, 96, .12);--accent-ink: #c8f560;--blue: #5b8cff;--pink: #ff6b9a;--amber: #ffc14d;--green: #3ddc97;--red: #ff6b6b;--track: #1c2340;--shadow: none;--overlay: rgba(5, 7, 15, .72);--danger-bg: rgba(255, 107, 107, .12);--success-bg: rgba(61, 220, 151, .12);--warning-bg: rgba(255, 193, 77, .12);--primary-dark: var(--ink)}html,body{margin:0;padding:0;font-family:Tajawal,system-ui,sans-serif;background:var(--bg-page);color:var(--text-main);transition:background-color .18s ease,color .18s ease}*,button,input,textarea,select{font-family:inherit}.dashboard--admin{--sidebar-width: 96px;--sidebar-collapsed-width: 76px}.dashboard--admin .dashboard__sidebar{z-index:100}.dashboard--admin .dashboard__main,.dashboard--admin .dashboard__content{background:var(--bg)}.dashboard--admin .dashboard__content{padding:22px 28px;scrollbar-color:var(--line) transparent}.dashboard--admin .dashboard__content-inner{width:min(100%,1360px);margin-inline:auto}.dashboard--admin .dashboard__sidebar .sidebar{align-items:stretch;border-left:1px solid var(--line);background:var(--rail);color:var(--ink)}.dashboard--admin .dashboard__sidebar .sidebar__header{justify-content:center;min-height:76px;padding:14px 8px;border-bottom:0}.dashboard--admin .dashboard__sidebar .sidebar__logo{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.dashboard--admin .dashboard__sidebar .sidebar__logo img{display:block;width:38px;height:38px;object-fit:contain}.dashboard--admin .dashboard__sidebar .sidebar__header .sidebar__toggle,.dashboard--admin .dashboard__sidebar .sidebar__brand,.dashboard--admin .dashboard__sidebar .sidebar__user,.dashboard--admin .dashboard__sidebar .sidebar__group-label{display:none}.dashboard--admin .dashboard__sidebar .sidebar__nav{padding:2px 6px 12px;scrollbar-color:var(--line) transparent}.dashboard--admin .dashboard__sidebar .sidebar__list{padding:3px 0}.dashboard--admin .dashboard__sidebar .sidebar__item{margin:3px 0}.dashboard--admin .dashboard__sidebar .sidebar__link{flex-direction:column;justify-content:center;gap:5px;min-height:66px;padding:8px 4px;border:1px solid transparent;border-radius:14px;color:var(--muted);text-align:center}.dashboard--admin .dashboard__sidebar .sidebar__link:hover{background:var(--surface2);color:var(--ink)}.dashboard--admin .dashboard__sidebar .sidebar__link--active{border-color:var(--accent);background:var(--accent);box-shadow:none;color:var(--on-accent)}.dashboard--admin .dashboard__sidebar .sidebar__icon{width:auto;height:auto}.dashboard--admin .dashboard__sidebar .sidebar__icon i{font-size:18px}.dashboard--admin .dashboard__sidebar .sidebar__label{max-width:86px;color:inherit;font-size:10px;font-weight:700;line-height:1.35;white-space:normal}.dashboard--admin .dashboard__sidebar .sidebar__footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px 16px;border-top:1px solid var(--line)}.dashboard--admin .dashboard__sidebar .sidebar__footer app-theme-toggle{order:-1}.dashboard--admin .dashboard__sidebar .sidebar__logout{flex-direction:column;justify-content:center;gap:4px;min-height:54px;padding:6px 4px;background:transparent;color:var(--muted);font-size:10px}.dashboard--admin .dashboard__sidebar .sidebar__logout:hover{background:var(--accent-soft);color:var(--red)}.dashboard--admin .dashboard__sidebar .sidebar__logout .sidebar__label{display:block;font-size:10px}.dashboard--admin .dashboard__topbar .topbar{height:76px;padding-inline:28px;background:var(--surface);border-bottom-color:var(--line)}.dashboard--admin .dashboard__topbar .topbar__toggle{display:flex;background:var(--surface2);color:var(--sub)}.dashboard--admin .dashboard__topbar .topbar__toggle:hover{background:var(--accent-soft);color:var(--accent-ink)}.dashboard--admin .dashboard__topbar .topbar__action{border:1px solid var(--line);background:var(--surface);color:var(--sub)}.dashboard--admin .dashboard__topbar .topbar__action:hover,.dashboard--admin .dashboard__topbar .topbar__account-button:hover{background:var(--surface2);color:var(--ink)}.dashboard--admin .dashboard__topbar .topbar__account-avatar{background:var(--accent);color:var(--on-accent)}.dashboard--admin .dashboard__topbar .topbar__account-role,.dashboard--admin .dashboard__topbar .topbar__account-button>i{color:var(--muted)}.dashboard--admin .dashboard__content .card,.dashboard--admin .dashboard__content .filter-card,.dashboard--admin .dashboard__content .filters-card,.dashboard--admin .dashboard__content .table-card,.dashboard--admin .dashboard__content .stat-card,.dashboard--admin .dashboard__content .stats-card,.dashboard--admin .dashboard__content .section-card,.dashboard--admin .dashboard__content .content-card,.dashboard--admin .dashboard__content .students-card{border-color:var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.dashboard--admin .dashboard__content input:not([type=checkbox]):not([type=radio]),.dashboard--admin .dashboard__content select,.dashboard--admin .dashboard__content textarea{border-color:var(--line);border-radius:11px;background:var(--surface);color:var(--ink)}.dashboard--admin .dashboard__content input::placeholder,.dashboard--admin .dashboard__content textarea::placeholder{color:var(--muted)}.dashboard--admin .dashboard__content input:focus,.dashboard--admin .dashboard__content select:focus,.dashboard--admin .dashboard__content textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px var(--accent-soft)}.dashboard--admin .dashboard__content table thead{background:var(--surface2)}.dashboard--admin .dashboard__content table th,.dashboard--admin .dashboard__content table td{border-color:var(--line);color:var(--sub)}.dashboard--admin .dashboard__content table tbody tr:hover{background:var(--surface2)}.dashboard--admin .dashboard__content .btn-primary,.dashboard--admin .dashboard__content .btn.btn-primary,.dashboard--admin .dashboard__content .btn-ai{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:none}.dashboard--admin .dashboard__content .btn-primary:hover:not(:disabled),.dashboard--admin .dashboard__content .btn.btn-primary:hover:not(:disabled),.dashboard--admin .dashboard__content .btn-ai:hover:not(:disabled){border-color:var(--accent-ink);background:var(--accent-ink);color:var(--on-accent)}.dashboard--admin .dashboard__content .btn-secondary,.dashboard--admin .dashboard__content .btn-reset{border-color:var(--line);background:var(--surface);color:var(--sub)}.dashboard--admin .dashboard__content .btn-secondary:hover:not(:disabled),.dashboard--admin .dashboard__content .btn-reset:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}@media(max-width:1199px){.dashboard--admin .dashboard__content{padding:18px}}@media(max-width:767px){.dashboard--admin{--sidebar-width: min(88vw, 320px)}.dashboard--admin .dashboard__sidebar .sidebar__header .sidebar__toggle{display:none}.dashboard--admin .dashboard__sidebar .sidebar__link{flex-direction:row;justify-content:flex-start;min-height:46px;padding:8px 12px;text-align:right}.dashboard--admin .dashboard__sidebar .sidebar__label{max-width:none;font-size:13px}.dashboard--admin .dashboard__sidebar .sidebar__footer{flex-direction:row;justify-content:space-between;padding-inline:12px}.dashboard--admin .dashboard__sidebar .sidebar__logout{flex-direction:row;justify-content:flex-start;padding-inline:12px}.dashboard--admin .dashboard__topbar .topbar{height:64px;padding-inline:12px}.dashboard--admin .dashboard__content{padding:12px}}@keyframes donut-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--lpx-logo: url(/assets/images/logo/logo-light.png);--lpx-logo-icon: url(/assets/images/logo/logo-light-thumbnail.png)}.donut{display:inline-block;border:4px solid rgba(0,0,0,.1);border-left-color:#7983ff;border-radius:50%;width:30px;height:30px;animation:donut-spin 1.2s linear infinite}.donut.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.abp-logo{background-repeat:no-repeat}.abp-support{width:178px;height:30px;background-image:url(/assets/images/getting-started/abp-support.svg)}.abp-community{width:215px;height:30px;background-image:url(/assets/images/getting-started/abp-community.svg)}.abp-blog{width:142px;height:30px;background-image:url(/assets/images/getting-started/abp-blog.svg)}.logo-x{width:20px;height:20px;background-image:url(/assets/images/getting-started/x.svg)}.analysis-card{padding:22px;margin-bottom:18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm)}.analysis-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.analysis-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--bg-soft);color:var(--primary)}.analysis-heading h2{margin:0;color:var(--primary-dark);font-size:17px;font-weight:800}.analysis-heading .eyebrow{margin-bottom:3px}.analysis-level{margin-inline-start:auto;padding:6px 10px;border-radius:20px;background:var(--bg-soft);color:var(--primary);font-size:11px;font-weight:700}.analysis-feedback{margin:17px 0;color:var(--text-main);font-size:13px;line-height:1.9}.analysis-state{display:flex;align-items:center;gap:13px;padding:22px 4px 5px;color:var(--text-muted)}.analysis-state strong{color:var(--text-main);font-size:13px}.analysis-state p{margin:4px 0 0;font-size:12px}.analysis-state--error{justify-content:space-between;flex-wrap:wrap}.analysis-retry{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-card);color:var(--primary);cursor:pointer;font:inherit;font-size:11px}.analysis-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analysis-list h3{display:flex;align-items:center;gap:8px;margin:17px 0 11px;color:var(--primary-dark);font-size:13px}.analysis-list h3 i{color:var(--primary)}.analysis-list ul{display:grid;gap:8px;margin:0;padding-inline-start:20px;color:var(--text-muted);font-size:12px;line-height:1.7}.weak-area{padding:10px 12px;margin-bottom:8px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-soft)}.weak-area>div{display:flex;justify-content:space-between;gap:10px;color:var(--text-main);font-size:12px}.weak-area>div span{color:var(--danger, #dc2626);font-weight:700}.weak-area p,.weak-area small{display:block;margin:7px 0 0;color:var(--text-muted);font-size:11px;line-height:1.7}.analysis-alerts{display:grid;gap:8px;margin-top:16px}.analysis-alerts article{padding:11px 13px;border-inline-start:3px solid var(--primary);border-radius:8px;background:var(--bg-soft)}.analysis-alerts strong{color:var(--text-main);font-size:12px}.analysis-alerts p{margin:5px 0 0;color:var(--text-muted);font-size:11px;line-height:1.7}@media(max-width:600px){.analysis-card{padding:17px}.analysis-columns{grid-template-columns:1fr}}
