.apex-layout{--admin-primary: #7367f0;--admin-primary-hover: #6258d9;--admin-text: #172033;--admin-muted: #64748b;--admin-border: #e2e8f0;--admin-surface: #ffffff;--admin-bg: #f7f7fb;--admin-sidebar: #ffffff;background:var(--admin-bg);color:var(--admin-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.site-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-config-section{padding:22px}.site-config-section h2{margin:0 0 18px;font-size:18px}.site-config-fields{display:grid;gap:14px}.site-config-field{display:grid;gap:6px}.site-config-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.site-config-footer,.site-config-save{grid-column:1/-1}.site-config-footer>.site-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.site-config-save{display:flex;justify-content:flex-end}@media (max-width:900px){.site-config-grid{grid-template-columns:1fr}.site-config-footer,.site-config-save{grid-column:auto}.site-config-footer>.site-config-fields,.site-config-media-grid{grid-template-columns:1fr}}.admin-media-heading{justify-content:flex-start}.admin-media-heading>small{margin-left:auto;color:#8b8895;font-size:11px}.apex-layout .apex-sidebar{background:var(--admin-sidebar);border-right:1px solid #ebeaf2;box-shadow:6px 0 24px #2f2b3d09}.apex-layout .sidebar-brand{border-color:#ffffff14;padding:22px 20px;color:inherit;text-decoration:none;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}.apex-layout .sidebar-brand:hover{background:#f8f7fb}.apex-layout .sidebar-brand:focus-visible{outline:3px solid rgba(102,40,114,.22);outline-offset:-3px;background:#f8f7fb}.apex-layout .sidebar-brand h3{color:#2f2b3d}.apex-layout .sidebar-brand p{color:#a3a0ad}.apex-layout .nav-links{padding:14px 10px}.apex-layout .nav-links li{border:0;padding:0}.apex-layout .menu-item{margin:3px 0;padding:11px 14px;border-radius:8px;color:#6d6a7e}.apex-layout .menu-item:hover{background:#f4f3fe;color:#7367f0}.apex-layout .menu-item.active{background:linear-gradient(118deg,#7367f0,#9e95f5);color:#fff;box-shadow:0 5px 16px #7367f04d}.apex-layout .sub-menu{margin:3px 0 8px;padding:5px 8px 5px 42px;background:transparent}.apex-layout .sub-menu li a{padding:8px 10px;border-radius:7px;color:#777486}.apex-layout .sub-menu li a:hover,.apex-layout .sub-menu li a.active-link{color:#7367f0;background:#f4f3fe}.apex-layout .user-avatar,.apex-layout .top-avatar{background:linear-gradient(135deg,#3b82f6,#6366f1)}.apex-layout .sidebar-footer{border-color:#ebeaf2;color:#4b4758}.apex-layout .sidebar-footer .logout-btn{color:#a3a0ad}.apex-layout .sidebar-footer .logout-btn:hover{color:#ea5455}.apex-layout .user-text small{color:#a3a0ad}.apex-layout .top-navbar{height:70px;border-color:var(--admin-border);padding:0 28px;box-shadow:0 1px 2px #0f172a08}.admin-mobile-menu-button,.admin-mobile-menu-close,.admin-mobile-nav-backdrop{display:none!important}.admin-language-switch{display:inline-flex;flex:none;padding:3px;border:1px solid #ddd9e6;border-radius:9px;background:#f7f6fa}.apex-layout .admin-language-switch button{min-width:34px;min-height:30px;padding:4px 7px;border:0;border-radius:6px;background:transparent;color:#777486;font-size:11px;box-shadow:none}.apex-layout .admin-language-switch button.active{background:#7367f0;color:#fff}.apex-layout .admin-language-switch button:hover:not(:disabled){transform:none}.apex-layout .search-bar{background:#f8fafc;border:1px solid var(--admin-border);border-radius:10px}.apex-layout .page-content{padding:28px}.apex-layout .page-header h1{margin:0 0 5px;color:var(--admin-text);font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.apex-layout .page-header{margin-bottom:22px}.apex-layout .page-header p{margin:0;font-size:14px;line-height:1.5}.apex-layout h2{line-height:1.35}.apex-layout h3{line-height:1.4}.apex-layout .data-section{font-size:14px}.apex-layout .page-header p{color:var(--admin-muted)}.apex-layout .badge{background:#ea5455}.apex-layout .data-section,.apex-layout .stat-card{border:1px solid var(--admin-border);border-radius:14px;box-shadow:0 5px 18px #0f172a0b}.apex-layout button{min-height:38px;padding:7px 13px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.2;text-align:center;transition:background .15s,border-color .15s,transform .15s}.apex-layout button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.apex-layout .btn-new,.apex-layout .btn-submit,.apex-layout button[type=submit]{background:var(--admin-primary)!important;border-color:var(--admin-primary)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb2e}.apex-layout .btn-new:hover,.apex-layout .btn-submit:hover,.apex-layout button[type=submit]:hover{background:var(--admin-primary-hover);border-color:var(--admin-primary-hover)}.apex-layout button[style*="color: rgb(220"],.apex-layout button[style*="color:#dc2626"],.apex-layout button[style*="color: #dc2626"]{background:#fff!important;border-color:#fecaca!important;color:#dc2626!important;box-shadow:none}.apex-layout button[style*="color: rgb(220"]:hover,.apex-layout button[style*="color:#dc2626"]:hover{background:#fef2f2;border-color:#fca5a5}.apex-layout span>button{min-height:24px;padding:0 3px;border:0;background:transparent;box-shadow:none}.apex-layout input,.apex-layout select,.apex-layout textarea{min-height:42px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:var(--admin-text);padding:9px 12px;outline:none;font:inherit}.apex-layout textarea{line-height:1.5}.apex-layout input:focus,.apex-layout select:focus,.apex-layout textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}.apex-layout .search-bar input,.apex-layout .search-bar input:focus{min-height:0;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none}.apex-layout .search-bar:focus-within{border-color:#7367f0;box-shadow:0 0 0 3px #7367f01a}.apex-layout input[type=checkbox],.apex-layout input[type=radio]{min-height:0;padding:0;box-shadow:none;accent-color:#662872}.apex-layout input[type=checkbox]:focus,.apex-layout input[type=radio]:focus{border-color:initial;box-shadow:none}.apex-layout input[type=checkbox]:focus-visible,.apex-layout input[type=radio]:focus-visible{outline:2px solid rgba(102,40,114,.28);outline-offset:3px}.admin-date-time-field{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px}.admin-date-time-field input:disabled{background:#f5f4f7;color:#aaa6af;cursor:not-allowed}@media (max-width:520px){.admin-date-time-field{grid-template-columns:1fr}}.contest-config-card{padding:22px;border:1px solid var(--admin-border);border-radius:14px;background:#fff;box-shadow:0 4px 16px #2f2b3d09}.contest-config-card>h2{margin:0 0 18px;color:var(--admin-text);font-size:17px;font-weight:700}.contest-toggle-list{display:grid;gap:8px;margin:18px 0;padding:8px;border:1px solid #ebeaf2;border-radius:11px;background:#faf9fc}.contest-toggle-list label{min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:#4b4758;cursor:pointer;transition:background .15s}.contest-toggle-list label:hover{background:#fff}.contest-toggle-list input{width:17px!important;height:17px!important;flex:none;cursor:pointer}.contest-toggle-list span{font-size:13px;font-weight:600;line-height:1.35}.contest-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:17px;border-top:1px solid #ebeaf2}.contest-number-field{min-width:0;display:grid;align-content:start;gap:7px}.contest-number-field>label{min-height:34px;display:flex;align-items:flex-end;color:#6d6a7e;font-size:12px;font-weight:700;line-height:1.35}.contest-number-field>input{width:100%;font-size:15px;font-weight:650}.contest-number-field.coin-field{grid-column:1/-1}.contest-number-field.coin-field>label{min-height:auto;align-items:center}@media (max-width:420px){.contest-number-grid{grid-template-columns:1fr}.contest-number-field.coin-field{grid-column:auto}}.apex-layout label{color:#334155}.apex-layout .table-responsive{overflow-x:auto}.apex-layout .apex-table{min-width:760px}.apex-layout .apex-table th{background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.apex-layout .apex-table td{color:#334155;border-color:#edf2f7}.apex-layout .apex-table tbody tr:hover{background:#fafcff}.apex-layout .badge-green{background:#dcfce7;color:#16794a}.apex-layout .badge-orange{background:#fff7ed;color:#c2410c}.admin-field-label{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%}.admin-info-tooltip{position:relative;display:inline-flex;align-items:center;flex:none;z-index:4}.apex-layout .admin-info-trigger{width:19px;height:19px;min-height:19px;padding:0;justify-content:center;border:1.5px solid #9a94df;border-radius:50%;background:#fff;color:#7367f0;font-size:12px;font-weight:800;line-height:1;box-shadow:none}.apex-layout .admin-info-trigger:hover,.apex-layout .admin-info-trigger:focus-visible{transform:none;border-color:#7367f0;background:#f0efff;outline:none}.admin-info-content{position:absolute;left:50%;bottom:calc(100% + 9px);width:max-content;max-width:min(300px,75vw);padding:9px 11px;border-radius:8px;color:#fff;background:#2f2b3d;box-shadow:0 8px 22px #2f2b3d33;font-size:12px;font-weight:500;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .15s,transform .15s,visibility .15s;white-space:normal}.admin-info-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#2f2b3d}.admin-info-tooltip:hover .admin-info-content,.admin-info-tooltip:focus-within .admin-info-content{opacity:1;visibility:visible;transform:translate(-50%)}.admin-media-field{display:grid;gap:9px;min-width:0}.admin-media-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-media-heading>span{padding:4px 8px;border-radius:6px;color:#218657;background:#e8f8ef;font-size:11px;font-weight:700}.admin-media-preview{min-height:126px;display:grid;place-items:center;overflow:hidden;border:1px dashed #d8d4e0;border-radius:11px;background:#faf9fc}.admin-media-preview.has-media{border-style:solid;background:#f4f3f7}.admin-media-preview img{display:block;width:100%;height:160px;max-height:160px!important;object-fit:contain;border-radius:0!important}.admin-media-preview video{width:100%!important;max-height:210px!important;border-radius:0!important}.admin-media-preview audio{width:calc(100% - 20px)!important}.admin-media-empty{display:grid;justify-items:center;gap:7px;color:#a3a0ad;font-size:12px}.admin-media-empty svg{color:#b7b1ee}.admin-media-actions{display:flex;align-items:center;gap:10px;min-width:0}.admin-media-actions>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b8895;font-size:11px}.apex-layout .admin-media-actions .btn-new{cursor:pointer;flex:none}.admin-pagination{min-height:62px;padding:12px 18px;border-top:1px solid #ebeaf2;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#777486;font-size:13px;background:#fcfbfd}.admin-pagination>div{display:flex;align-items:center;gap:8px}.admin-pagination strong{min-width:54px;text-align:center;color:#4b4758}.apex-layout .admin-pagination button{width:36px;min-height:36px;padding:0;justify-content:center}.admin-dashboard{display:grid;gap:24px}.dashboard-welcome{min-height:126px;padding:26px 30px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:linear-gradient(118deg,#6558dc,#8b7ff2 58%,#a9a1f8);box-shadow:0 10px 26px #7367f033;overflow:hidden;position:relative}.dashboard-welcome:after{content:"";position:absolute;width:210px;height:210px;right:12%;top:-110px;border:38px solid rgba(255,255,255,.09);border-radius:50%}.dashboard-welcome>*{position:relative;z-index:1}.dashboard-eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;opacity:.78}.dashboard-welcome h1{margin:7px 0 6px;font-size:27px;letter-spacing:-.025em}.dashboard-welcome p{margin:0;color:#ffffffd1}.dashboard-primary-action{display:inline-flex;align-items:center;gap:8px;flex:none;padding:11px 16px;border-radius:9px;color:#6558dc;background:#fff;font-weight:700;box-shadow:0 6px 18px #382b922e}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-stat,.dashboard-card{background:#fff;border:1px solid #ebeaf2;border-radius:15px;box-shadow:0 5px 18px #2f2b3d0b}.dashboard-stat{padding:20px;display:flex;align-items:center;gap:15px;min-width:0}.dashboard-stat-icon{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center}.dashboard-stat-icon svg{width:21px}.dashboard-stat-icon.violet,.quick-action span.violet{color:#7367f0;background:#eeecff}.dashboard-stat-icon.cyan,.quick-action span.cyan{color:#00bad1;background:#e5f8fb}.dashboard-stat-icon.orange,.quick-action span.orange{color:#ff9f43;background:#fff2e5}.dashboard-stat-icon.green,.quick-action span.green{color:#28c76f;background:#e8f8ef}.dashboard-stat>div:last-child{min-width:0;display:grid}.dashboard-stat span{font-size:13px;color:#6d6a7e}.dashboard-stat strong{margin:2px 0;font-size:25px;color:#2f2b3d}.dashboard-stat small{color:#a3a0ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px}.dashboard-card{padding:22px}.dashboard-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.dashboard-card-heading h2{margin:0 0 4px;color:#2f2b3d;font-size:18px}.dashboard-card-heading p{margin:0;color:#a3a0ad;font-size:13px}.dashboard-card-heading>a,.table-link{color:#7367f0;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.status-overview{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.status-ring{--progress:0%;width:146px;height:146px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#7367f0 var(--progress),#eeecff 0);position:relative}.status-ring:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:#fff}.status-ring>div{position:relative;z-index:1;display:grid;text-align:center}.status-ring strong{font-size:28px;color:#2f2b3d}.status-ring span{font-size:12px;color:#a3a0ad}.status-list{display:grid;gap:15px}.status-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;font-size:13px;color:#6d6a7e}.status-row span{display:flex;align-items:center;gap:8px}.status-row span i{width:8px;height:8px;border-radius:50%}.status-row strong{color:#2f2b3d}.status-track{height:7px;background:#f0eff5;border-radius:99px;overflow:hidden}.status-track i{display:block;height:100%;border-radius:inherit;min-width:2px}.status-row i.violet{background:#7367f0}.status-row i.cyan{background:#00bad1}.status-row i.slate{background:#a8a5b2}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action{min-height:82px;border:1px solid #ebeaf2;border-radius:11px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;color:#4b4758;transition:.18s ease}.quick-action:hover{transform:translateY(-2px);border-color:#d5d1fb;box-shadow:0 7px 16px #2f2b3d12}.quick-action span{width:38px;height:38px;border-radius:9px;display:grid;place-items:center}.quick-action span svg{width:18px}.quick-action strong{font-size:13px;line-height:1.35}.quick-action>svg{color:#b3b0bb}.dashboard-recent{padding:0;overflow:hidden}.dashboard-recent .dashboard-card-heading{padding:22px 22px 0}.dashboard-table th{background:#faf9fc!important}.match-cell{display:flex;align-items:center;gap:11px}.match-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#7367f0;background:#eeecff}.match-cell div{display:grid;gap:3px}.match-cell small{color:#a3a0ad}.dashboard-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;font-size:12px;font-weight:700}.dashboard-status.upcoming{color:#d47b22;background:#fff2e5}.dashboard-status.current{color:#168d9c;background:#e5f8fb}.dashboard-status.ended{color:#716e7c;background:#f0eff2}.dashboard-empty{padding:38px;text-align:center;color:#777486}.dashboard-empty.error{color:#d94b4b}.dashboard-analytics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:18px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:18px}.chart-legend{display:flex;align-items:center;gap:13px;color:#777486;font-size:11px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:3px}.chart-legend .attempts,.trend-bars .attempts{background:#7367f0}.chart-legend .completed,.trend-bars .completed{background:#00bad1}.trend-chart{height:230px;padding:15px 5px 0;display:flex;align-items:stretch;gap:clamp(5px,1vw,13px);border-bottom:1px solid #e8e6ed;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,#f1eff4 55px)}.trend-column{min-width:0;flex:1;display:grid;grid-template-rows:1fr 22px;gap:7px;text-align:center}.trend-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.trend-bars i{display:block;width:min(13px,38%);min-height:4px;border-radius:5px 5px 1px 1px;transition:filter .15s}.trend-column:hover .trend-bars i{filter:saturate(1.25) brightness(.94)}.trend-column>span{color:#9995a1;font-size:10px;white-space:nowrap}.trend-summary{margin-top:18px;padding:13px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:1px solid #ebe9ef;border-radius:12px;background:#faf9fc}.trend-metric{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.trend-metric>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eeecff;color:#7367f0}.trend-metric svg{width:17px}.trend-metric>div{display:grid}.trend-metric strong{color:#2f2b3d;font-size:17px}.trend-metric small{color:#918e9b;font-size:10px;white-space:nowrap}.status-overview.vertical{grid-template-columns:1fr;gap:22px}.status-overview.vertical .status-ring{margin:auto}.video-workload{min-height:230px;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.video-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#28c76f 0 var(--approved),#ff9f43 var(--approved) var(--pending),#ea5455 var(--pending) 100%);position:relative}.video-donut:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:#fff}.video-donut>div{position:relative;z-index:1;display:grid;justify-items:center;color:#7367f0}.video-donut strong{color:#2f2b3d;font-size:24px}.video-donut span{color:#918e9b;font-size:10px}.video-breakdown{display:grid;gap:13px}.workload-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #f0eef3;color:#6d6977;font-size:12px}.workload-row span{display:flex;align-items:center;gap:7px}.workload-row i{width:8px;height:8px;border-radius:3px}.workload-row i.pending{background:#ff9f43}.workload-row i.approved{background:#28c76f}.workload-row i.rejected{background:#ea5455}.workload-row strong{color:#2f2b3d}.attention-card{min-width:0}.attention-table-wrap{overflow:auto}.attention-table{width:100%;border-collapse:collapse;font-size:12px}.attention-table th{padding:9px 11px;background:#faf9fc;color:#8d8995;text-align:left;white-space:nowrap}.attention-table td{padding:12px 11px;border-bottom:1px solid #f0eef3;color:#5e5a67}.attention-table td:first-child{min-width:170px}.attention-table td:first-child a{display:grid;color:#3e3a47}.attention-table td:first-child small{color:#a09ca7}.attention-table .attention-warning{color:#d47b22;font-weight:800}.attention-warning svg{vertical-align:-2px}.attention-table .dashboard-status{font-size:10px}@media (max-width: 1100px){.apex-layout .apex-sidebar{width:220px}.apex-layout .page-content{padding:22px}.apex-layout .stats-grid,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-analytics-grid,.dashboard-lower-grid{grid-template-columns:1fr}}@media (max-width: 760px){.apex-layout .apex-sidebar{position:fixed;inset:0 auto 0 0;z-index:120;width:min(290px,86vw);display:flex;transform:translate(-105%);transition:transform .22s ease;box-shadow:16px 0 45px #1a162733}.apex-layout .apex-sidebar.mobile-open{transform:translate(0)}.admin-mobile-menu-button{width:42px;min-width:42px;min-height:42px;padding:0!important;display:grid!important;place-items:center;border-color:#e1dde7!important;background:#fff!important;color:#5e5868!important;box-shadow:none!important}.admin-mobile-menu-close{position:absolute;z-index:2;top:18px;right:12px;width:36px;min-height:36px;padding:0!important;display:grid!important;place-items:center;border:0!important;background:#f4f2f6!important;color:#6c6573!important;box-shadow:none!important}.admin-mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;width:100%;height:100%;min-height:0;padding:0;display:block!important;border:0;border-radius:0;background:#1914236b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.apex-layout .sidebar-brand{padding-right:54px}.apex-layout .nav-links{overflow-y:auto}.apex-layout .top-navbar{padding:0 16px}.apex-layout .search-bar{width:min(260px,55vw)}.apex-layout .page-content{padding:16px}.apex-layout .stats-grid{grid-template-columns:1fr}.apex-layout .data-section{padding:16px}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-stats,.status-overview{grid-template-columns:1fr}.status-ring{margin:auto}.quick-action-grid{grid-template-columns:1fr}.trend-chart{height:190px;gap:3px}.trend-column>span{font-size:8px}.trend-summary,.video-workload{grid-template-columns:1fr}.video-donut{margin:auto}.admin-pagination{align-items:flex-start;flex-direction:column}}@media (max-width: 600px){.apex-layout .top-navbar{gap:10px;padding:0 12px}.apex-layout .search-bar{width:44px;min-width:44px;height:42px;padding:0;justify-content:center}.apex-layout .search-bar>span{display:none}.apex-layout .nav-actions{min-width:0;gap:10px}.apex-layout .nav-actions>.btn-new{display:none}.apex-layout .top-avatar{flex:none}.admin-language-switch{order:-1}.apex-layout .admin-language-switch button{min-width:30px;padding:4px}.apex-layout .nav-actions>svg.icon-action{display:none}}@media (prefers-reduced-motion:reduce){.apex-layout .apex-sidebar{transition:none}}.video-donut{background:conic-gradient(#28c76f 0 var(--graded),#ff9f43 var(--graded) 100%)}.workload-row i.graded{background:#28c76f}.dashboard-empty-state{min-height:190px;margin-top:18px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px dashed #ddd9e6;border-radius:14px;background:linear-gradient(145deg,#faf9ff,#f7fbff)}.dashboard-empty-state>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eeecff;color:#7367f0}.dashboard-empty-state>span svg{width:25px;height:25px}.dashboard-empty-state>div{display:grid;gap:4px}.dashboard-empty-state strong{color:#3d3948;font-size:15px}.dashboard-empty-state p{margin:0;color:#8d8998;font-size:12px}.dashboard-empty-state>a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border-radius:8px;background:#7367f0;color:#fff;font-size:11px;font-weight:750;text-decoration:none}.dashboard-empty-state>a:hover{background:#6256df;color:#fff}.dashboard-empty-state.attention-clear{background:linear-gradient(145deg,#f8fffb,#f7fbff);border-color:#ccebd9}.dashboard-empty-state.attention-clear>span{background:#e7f8ef;color:#28a763}.attention-card:has(.attention-clear){align-self:start}.trend-heading-tools{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.period-filter{display:inline-flex;padding:3px;border:1px solid #e4e1ea;border-radius:9px;background:#f8f7fa}.period-filter button{min-height:30px!important;padding:5px 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#777486!important;font-size:10px!important;box-shadow:none!important}.period-filter button.active{background:#7367f0!important;color:#fff!important}@media (max-width:760px){.trend-heading-tools{width:100%;align-items:flex-start}.dashboard-trend-card .dashboard-card-heading{align-items:flex-start;flex-direction:column}.period-filter{width:100%}.period-filter button{flex:1}}.admin-media-hint{position:relative;display:grid!important;place-items:center;padding:0!important;color:#7367f0!important;background:transparent!important;cursor:help}.admin-media-hint i{position:absolute;left:50%;bottom:calc(100% + 9px);z-index:30;width:240px;padding:9px 11px;border-radius:8px;background:#302b3d;color:#fff;font-size:11px;font-style:normal;font-weight:500;line-height:1.45;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:.15s;pointer-events:none}.admin-media-hint:hover i,.admin-media-hint:focus i{opacity:1;visibility:visible;transform:translate(-50%)}.apex-layout .admin-media-remove{min-height:38px;padding:7px 10px;display:inline-flex;align-items:center;gap:5px;color:#d14343;border-color:#efcaca;background:#fff}.apex-layout .admin-media-remove:hover{color:#fff;background:#d14343;border-color:#d14343}.apex-layout,.apex-layout *{min-width:0}.apex-layout{width:100%;overflow-x:hidden}.apex-layout img,.apex-layout video,.apex-layout canvas{max-width:100%}.apex-layout .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.apex-layout .apex-table{width:100%}.apex-layout input,.apex-layout select,.apex-layout textarea{max-width:100%}.dashboard-card-heading{min-width:0;gap:10px}.dashboard-card-heading h2,.page-header h1{overflow-wrap:anywhere}@media (max-width:1100px){.score-summary-grid,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-main-grid,.dashboard-analytics-grid,.dashboard-lower-grid,.admin-ielts-create-grid{grid-template-columns:1fr!important}}@media (max-width:760px){.apex-layout .page-content{width:100%;overflow-x:hidden}.apex-layout .top-navbar{min-width:0}.dashboard-welcome,.video-grading-header,.admin-ielts-header{align-items:stretch!important;flex-direction:column}.score-summary-grid,.dashboard-stats,.quick-action-grid,.trend-summary{grid-template-columns:1fr!important}.score-view-tabs{overflow-x:auto}.score-view-tabs button{flex:1 0 auto}.admin-media-actions{flex-wrap:wrap}.admin-media-actions>span{white-space:normal}.status-row>div:first-child{gap:8px;flex-wrap:wrap}.video-grading-layout{grid-template-columns:1fr!important}.video-score-panel{position:static!important}.video-student-card,.video-calculated-point{align-items:flex-start;flex-direction:column}.video-student-card>div:last-child{text-align:left}.video-rubric-score-list label>div{grid-template-columns:1fr!important}}@media (max-width:520px){.apex-layout .data-section,.dashboard-card{padding:14px}.dashboard-card-heading{align-items:flex-start;flex-direction:column}.admin-pagination{font-size:12px}.admin-media-preview img{height:auto;max-height:180px}.admin-media-heading{align-items:flex-start;flex-direction:column}.period-filter{overflow-x:auto}.period-filter button{white-space:normal}.trend-chart{overflow-x:auto}.trend-column{min-width:28px}.chart-legend{flex-wrap:wrap}.quick-action{grid-template-columns:34px minmax(0,1fr)}}.admin-password-overlay{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:#1c172894;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-password-modal{position:relative;width:min(510px,100%);padding:26px;border:1px solid #e8e3ef;border-radius:22px;background:#fff;box-shadow:0 28px 75px #1c172847;display:grid;gap:17px;animation:admin-password-in .2s ease-out}.admin-password-close{position:absolute;right:16px;top:16px;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:#f5f2f7;color:#716b79;display:grid;place-items:center;cursor:pointer}.admin-password-close:hover{background:#ece7f0;color:#3f3945}.admin-password-heading{padding-right:38px;display:flex;align-items:center;gap:13px}.admin-password-heading>span{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:#f3eaf5;color:#662872}.admin-password-heading h2{margin:0;color:#282431;font-size:22px}.admin-password-heading p{margin:4px 0 0;color:#777181;font-size:13px}.admin-password-security{padding:11px 13px;display:flex;align-items:flex-start;gap:9px;border:1px solid #d8edf8;border-radius:12px;background:#f1faff;color:#4b6572;font-size:13px;line-height:1.45}.admin-password-security svg{flex:0 0 auto;color:#00adee}.admin-password-modal>label{display:grid;gap:7px;color:#504a59;font-size:13px;font-weight:700}.admin-password-input{height:46px;display:flex;align-items:center;border:1px solid #dcd6e3;border-radius:11px;background:#fff;overflow:hidden}.admin-password-input:focus-within{border-color:#662872;box-shadow:0 0 0 3px #6628721a}.apex-layout .admin-password-input input{width:100%;height:100%;min-height:0;padding:0 13px;border:0!important;border-radius:0;outline:0;background:transparent;color:#2d2933;font:inherit;box-shadow:none!important}.apex-layout .admin-password-input input:focus{border:0!important;outline:0;box-shadow:none!important}.apex-layout .admin-password-input button{width:44px;height:100%;min-height:0;padding:0;border:0;background:transparent;color:#817a88;display:grid;place-items:center;cursor:pointer;box-shadow:none}.apex-layout .admin-password-input button:hover{border:0;background:#f7f3f8;transform:none}.admin-password-message{padding:11px 13px;border-radius:11px;font-size:13px;font-weight:650}.admin-password-message.error{background:#fff0f1;color:#b52e3a}.admin-password-message.success{background:#eaf8f0;color:#087f41}.admin-password-actions{margin-top:3px;display:flex;justify-content:flex-end;gap:10px}.admin-password-actions>button{min-height:42px;padding:0 17px;justify-content:center}.admin-password-actions>button:first-child{border:1px solid #ddd7e3;background:#fff;color:#5f5966}@keyframes admin-password-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:560px){.admin-password-overlay{padding:0}.admin-password-modal{width:100%;min-height:100%;align-content:center;border:0;border-radius:0;padding:22px}.admin-password-actions>button{flex:1}}.error-toast{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;align-items:flex-start;gap:12px;width:min(380px,calc(100vw - 32px));padding:16px;color:#7f1d1d;background:#fff;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 12px 32px #0f172a33;animation:error-toast-in .18s ease-out}.error-toast__icon{flex:0 0 auto;color:#ef4444}.error-toast__content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;font-size:14px;line-height:1.4}.error-toast__content strong{font-size:15px}.error-toast__close{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:2px;color:#991b1b;background:transparent;border:0;border-radius:4px;cursor:pointer}.error-toast__close:hover{background:#fee2e2}.error-toast--success{color:#14532d;border-color:#bbf7d0;border-left-color:#22c55e}.error-toast--success .error-toast__icon{color:#22c55e}.error-toast--success .error-toast__close{color:#166534}.error-toast--success .error-toast__close:hover{background:#dcfce7}@keyframes error-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.error-toast{right:16px;bottom:16px}}@media (prefers-reduced-motion: reduce){.error-toast{animation:none}}.admin-login-page{min-height:100svh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:#fff;color:#282432}.admin-login-brand{position:relative;min-height:100svh;overflow:hidden;padding:42px clamp(38px,5vw,76px);color:#fff;background:radial-gradient(circle at 85% 15%,rgba(216,73,198,.55),transparent 28%),radial-gradient(circle at 15% 85%,rgba(0,173,238,.28),transparent 32%),linear-gradient(145deg,#351844,#662872 56%,#8a348c)}.admin-login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(#000,transparent 80%);mask-image:linear-gradient(#000,transparent 80%)}.admin-login-brand__top{position:relative;display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.01em}.admin-login-brand__top img{width:52px;height:52px;padding:4px;object-fit:contain;border-radius:14px;background:#fff}.admin-login-brand__copy{position:relative;z-index:1;max-width:600px;margin-top:clamp(130px,23vh,230px)}.admin-login-brand__copy h1{max-width:580px;margin:0;color:#fff;font-size:clamp(42px,4.2vw,64px);line-height:1.06;letter-spacing:-.045em}.admin-login-brand__mascot{position:absolute;right:34px;bottom:-42px;width:clamp(150px,17vw,245px);opacity:.96;filter:drop-shadow(0 18px 26px rgba(30,8,42,.3))}.admin-login-brand__url{position:absolute;bottom:32px;left:clamp(38px,5vw,76px);color:#ffffff7a;font-size:12px;letter-spacing:.03em}.admin-login-panel{position:relative;min-width:0;display:grid;place-items:center;min-height:100svh;padding:60px clamp(36px,6vw,100px);overflow-x:hidden;background:radial-gradient(circle at 100% 0,rgba(0,173,238,.08),transparent 28%),#fff}.admin-login-language{position:absolute;top:28px;right:32px;display:flex;gap:3px;padding:3px;border:1px solid #e5dfe8;border-radius:10px;background:#f8f6f9}.admin-login-language button{min-width:38px;min-height:32px;padding:0 8px;border-radius:7px;background:transparent;color:#817687;font-size:12px}.admin-login-language button.active{background:#662872;color:#fff;box-shadow:0 4px 10px #66287233}.admin-login-form-wrap,.admin-login-form{width:100%;min-width:0}.admin-login-form-wrap{max-width:440px}.admin-login-heading>span{color:#8f3d9b;font-size:12px;font-weight:850;letter-spacing:.1em}.admin-login-heading h2{margin:9px 0;color:#302a35;font-size:39px;line-height:1.12;letter-spacing:-.035em}.admin-login-heading p{margin:0;color:#817986;font-size:15px}.admin-login-form{display:grid;gap:20px;margin-top:38px}.admin-login-form>label{display:grid;gap:8px;color:#46404b;font-size:14px;font-weight:700}.admin-login-input{height:55px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1.5px solid #ddd6e1;border-radius:13px;background:#fbfafc;color:#93889a;transition:.2s ease}.admin-login-input:focus-within{border-color:#662872;background:#fff;color:#662872;box-shadow:0 0 0 4px #6628721a}.admin-login-input input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:#302a35;font-size:15px}.admin-login-eye{width:36px;height:36px;min-height:0;padding:0;border-radius:9px;background:transparent;color:#817786}.admin-login-eye:hover{background:#f2eaf4;color:#662872}.admin-login-submit{min-height:55px;margin-top:5px;border-radius:13px;background:linear-gradient(100deg,#51205e,#7d328a);color:#fff;box-shadow:0 13px 25px #66287238;transition:.2s ease}.admin-login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 30px #66287247}.admin-login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:25px;color:#99919d;font-size:11px}@media (max-width:900px){.admin-login-page{grid-template-columns:1fr}.admin-login-brand{display:none}.admin-login-panel{padding:72px 28px 40px}.admin-login-form-wrap{width:min(460px,100%)}.admin-login-language{top:22px;right:22px}}@media (max-width:480px){.admin-login-panel{place-items:start center;padding:105px 16px 35px}.admin-login-heading h2{font-size:clamp(29px,10vw,34px);overflow-wrap:anywhere}.admin-login-form{margin-top:30px}.admin-login-security{align-items:flex-start;text-align:left}}@media (prefers-reduced-motion:reduce){.admin-login-page *{transition:none!important}}.restricted-audio-player{display:inline-flex;align-items:center;justify-content:center}.restricted-audio-player.is-error{background:#fff5f5;border-color:#fc8181;color:#c53030;justify-content:center;font-weight:500}.restricted-audio-play-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-blue, #00adee);color:#fff;border:none;width:48px;height:48px;padding:0;border-radius:50%;cursor:pointer;transition:all .2s;white-space:nowrap}.restricted-audio-play-btn:hover:not(:disabled){background:var(--ds-blue-dark, #008cc2)}.restricted-audio-play-btn:disabled{background:#cbd5e0;cursor:not-allowed;opacity:.8}.restricted-audio-player.is-playing .restricted-audio-play-btn{background:var(--ds-orange, #ff6c22)}.restricted-audio-player.has-played .restricted-audio-play-btn{background:#a0aec0}.user-shell{min-height:100vh;background:linear-gradient(180deg,#f8f7ff,#f4faff 48%,#fff);color:#292638}.user-shell-header{position:fixed;z-index:1000;inset:0 0 auto;height:76px;background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e9e6f4;box-shadow:0 7px 24px #362d640f}.user-shell-header-inner{height:100%;max-width:1320px;margin:auto;padding:0 22px;display:grid;grid-template-columns:250px 1fr 300px;align-items:center}.user-shell-brand{display:flex;align-items:center;gap:10px;color:#292638}.user-shell-brand img{width:56px;height:54px;object-fit:contain}.user-shell-brand div{display:grid}.user-shell-brand small{color:#7367f0;font-weight:800;letter-spacing:.08em}.user-shell-brand strong{font-size:20px}.user-shell-header nav{display:flex;justify-content:center;gap:7px}.user-shell-header nav a{display:flex;align-items:center;gap:6px;padding:10px 15px;border-radius:10px;color:#706c7e;font-weight:700}.user-shell-header nav a:hover{background:#f3f1ff;color:#7367f0}.user-shell-header nav a.active{background:#7367f0;color:#fff;box-shadow:0 6px 15px #7367f040}.user-shell-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.user-shell-coin{display:flex;align-items:center;gap:5px;height:39px;padding:0 11px;border:1px solid #ffe0a3;border-radius:10px;background:#fff8e7;color:#a66600}.user-shell-coin span{font-size:11px}.shell-icon,.shell-avatar,.shell-mobile{width:40px;height:40px;border:1px solid #e6e3ec;border-radius:10px;background:#fff;display:grid;place-items:center;color:#6b6778;cursor:pointer;position:relative}.shell-icon i{position:absolute;right:-4px;top:-5px;width:17px;height:17px;border-radius:50%;background:#ea5455;color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center}.shell-avatar{padding:2px}.shell-avatar img{width:32px;height:32px;border-radius:8px;object-fit:cover}.shell-popover-host{position:relative}.shell-popover{position:absolute;top:48px;right:0;width:330px;max-height:430px;overflow:auto;background:#fff;border:1px solid #e8e5ed;border-radius:13px;box-shadow:0 18px 42px #2c264429;z-index:1100}.shell-popover-head{padding:13px;display:flex;justify-content:space-between;border-bottom:1px solid #eeeaf2}.shell-popover-head button{border:0;background:none;color:#7367f0}.shell-notifications>button{width:100%;display:grid;text-align:left;gap:4px;padding:12px;border:0;border-bottom:1px solid #f1eef4;background:#fff}.shell-notifications>button.unread{background:#f7f5ff}.shell-notifications span,.shell-notifications p{font-size:12px;color:#777280;line-height:1.45}.shell-account{width:260px;padding:9px}.shell-account>div{display:flex;gap:10px;padding:8px;border-bottom:1px solid #eeeaf2}.shell-account-image{width:42px;height:42px;border-radius:10px;object-fit:cover}.shell-account p{display:grid;margin:0}.shell-account p span{font-size:12px;color:#898591}.shell-account>a,.shell-account>button{width:100%;padding:11px;display:flex;gap:8px;border:0;border-radius:8px;background:none;color:#514d5d}.shell-mobile{display:none}.user-shell-body{min-height:calc(100vh - 76px)}.user-shell-body>.arena-home{padding-top:96px}.user-shell-body>.arena-quiz{padding-top:76px}.user-shell-footer{position:relative;overflow:hidden;padding:58px max(24px,calc((100vw - 1180px)/2)) 16px;background:linear-gradient(140deg,#ece9ff,#e8f8fa);color:#484359}.shell-footer-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2}.shell-footer-content{position:relative;z-index:2;display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:44px}.shell-footer-content h3{margin:10px 0}.shell-footer-content h4{margin:0 0 14px}.shell-footer-content p,.shell-footer-content a{display:block;color:#625e6d;line-height:1.65;margin:0 0 8px}.shell-footer-logo{width:130px;max-height:65px;object-fit:contain}.shell-footer-mascot{position:absolute;right:3%;bottom:-28px;width:145px;opacity:.75}.shell-copyright{position:relative;z-index:2;text-align:center;margin-top:32px;padding-top:15px;border-top:1px solid rgba(72,67,89,.13)}@media (max-width:900px){.user-shell-header-inner{grid-template-columns:1fr auto}.user-shell-brand div{display:none}.user-shell-header nav{display:none;position:absolute;top:76px;left:10px;right:10px;flex-direction:column;padding:10px;background:#fff;border-radius:12px;box-shadow:0 16px 35px #2c264426}.user-shell-header nav.open{display:flex}.shell-mobile{display:grid}.shell-footer-content{grid-template-columns:1fr 1fr}}@media (max-width:560px){.user-shell-header-inner{padding:0 10px}.user-shell-brand img{width:46px}.user-shell-coin span{display:none}.shell-popover{position:fixed;top:70px;left:8px;right:8px;width:auto}.shell-footer-content{grid-template-columns:1fr}.shell-footer-mascot{opacity:.16}}.shell-icon,.shell-avatar,.shell-mobile{min-height:40px;padding:0;line-height:1}.shell-icon svg,.shell-mobile svg{display:block;margin:auto}.shell-footer-content{max-width:1180px;margin:0 auto;grid-template-columns:minmax(280px,1.55fr) minmax(150px,.7fr) minmax(240px,1fr);gap:64px}.shell-footer-about{max-width:460px}.shell-footer-logo{width:138px;max-height:68px}.shell-footer-content h4{color:#662872}.shell-footer-content a{width:max-content;max-width:100%;transition:color .15s,transform .15s}.shell-footer-content a:hover{transform:translate(3px)}.shell-copyright{max-width:1180px;margin:36px auto 0;font-size:13px}@media (max-width:900px){.shell-footer-content{gap:34px}}@media (max-width:560px){.shell-footer-content{gap:24px}.shell-footer-mascot{display:none}}.user-shell-header-inner{grid-template-columns:230px 1fr 390px}.shell-language-trigger{height:39px;min-width:82px;padding:0 9px;border:1px solid #e6e3ec;border-radius:10px;background:#fff;color:#514d5d;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.shell-language-trigger:hover,.shell-language-trigger[aria-expanded=true]{border-color:#00adee;background:#f1faff}.language-flag{font-size:20px;line-height:1}.shell-language-trigger strong{font-size:12px}.shell-language-menu{position:absolute;right:0;top:47px;z-index:1200;width:190px;padding:7px;border:1px solid #e8e5ed;border-radius:12px;background:#fff;box-shadow:0 18px 42px #2c264429}.shell-language-menu>button{width:100%;min-height:48px;padding:7px 9px;border:0;border-radius:8px;background:#fff;color:#514d5d;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;text-align:left;cursor:pointer}.shell-language-menu>button:hover{background:#f8f5f9}.shell-language-menu>button.selected{background:#f1faff;color:#662872}.shell-language-menu>button>span:nth-child(2){display:grid;gap:1px}.shell-language-menu strong{font-size:12px}.shell-language-menu small{font-size:11px;color:#898591}@media (max-width:1100px){.user-shell-header-inner{grid-template-columns:180px 1fr 350px}.user-shell-coin span{display:none}}@media (max-width:900px){.user-shell-header-inner{grid-template-columns:1fr auto}.shell-language-trigger{min-width:72px}}@media (max-width:560px){.shell-language-trigger{min-width:42px;width:42px;padding:0}.shell-language-trigger strong,.shell-language-trigger svg{display:none}.shell-language-menu{position:fixed;top:70px;right:8px}.user-shell-actions{gap:5px}}.user-shell,.user-shell *{min-width:0}.user-shell-body{min-width:0;overflow-x:hidden}.user-shell img,.user-shell video,.user-shell canvas{max-width:100%}@media (max-width:760px){.user-shell-header-inner{grid-template-columns:minmax(0,1fr) auto!important}.user-shell-brand,.user-shell-actions{min-width:0}.user-shell-header nav a{white-space:normal!important}.shell-footer-content{grid-template-columns:1fr!important}.shell-footer-content a{width:auto;overflow-wrap:anywhere}}@media (max-width:420px){.user-shell-header-inner{padding-inline:8px!important}.user-shell-brand img{width:42px;height:42px}.shell-icon,.shell-avatar,.shell-mobile,.shell-language-trigger{width:38px;height:38px;min-width:38px}.user-shell-actions{gap:4px}}.shell-notifications-all{position:sticky;bottom:0;display:block!important;padding:11px 13px!important;border-top:1px solid #eeeaf2;background:#fff!important;color:#662872!important;text-align:center;font-size:12px;font-weight:800;text-decoration:none!important}.user-language-boundary{display:contents}:root{--ds-purple:#662872;--ds-blue:#00adee;--ds-green:#00a14b;--ds-yellow:#ffca05;--ds-orange:#ff6c22;--ds-text:#444244;--ds-blue-soft:#f1faff;--ds-orange-soft:#fff6ed;--ds-white:#fff;--ds-border:#e7e2e8;--ds-shadow:0 12px 32px rgba(68,66,68,.09)}body{color:var(--ds-text)}.user-shell{background:linear-gradient(180deg,var(--ds-blue-soft) 0,#fff 48%,var(--ds-orange-soft) 100%)!important;color:var(--ds-text)!important}.user-shell-header{border-color:#66287221!important;box-shadow:0 8px 28px #66287214!important}.user-shell-brand small{color:var(--ds-purple)!important}.user-shell-brand strong{color:var(--ds-text)!important}.user-shell-header nav a{color:var(--ds-text)!important}.user-shell-header nav a:hover{color:var(--ds-purple)!important;background:#f8f0fa!important}.user-shell-header nav a.active{color:#fff!important;background:linear-gradient(120deg,var(--ds-purple),#8b3b98)!important;box-shadow:0 7px 18px #6628723d!important}.user-shell-coin{color:#8a6800!important;border-color:#ffe073!important;background:#fffbea!important}.shell-icon:hover,.shell-avatar:hover{border-color:var(--ds-blue)!important;color:var(--ds-blue)!important}.shell-popover-head button{color:var(--ds-purple)!important}.shell-notifications>button.unread{background:var(--ds-blue-soft)!important}.shell-account>a:hover,.shell-account>button:hover{color:var(--ds-purple)!important;background:#f8f0fa!important}.user-shell-footer{background:linear-gradient(135deg,#f3eaf5 0,var(--ds-blue-soft) 58%,var(--ds-orange-soft) 100%)!important;color:var(--ds-text)!important}.arena-home{color:var(--ds-text)!important;background:transparent!important}.arena-hero{background:linear-gradient(110deg,var(--ds-purple) 0,#853894 55%,var(--ds-blue) 140%)!important;box-shadow:0 18px 40px #66287233!important}.arena-hero:has(.arena-hero-background):before{background:linear-gradient(90deg,#444244db,#6628729e,#00adee1f)!important}.arena-tab{color:var(--ds-text)!important;border:1px solid var(--ds-border)!important;box-shadow:0 6px 18px #4442440f!important}.arena-tab:hover{border-color:var(--ds-orange)!important;color:var(--ds-orange)!important}.arena-tab.active{color:#fff!important;background:var(--ds-purple)!important;border-color:var(--ds-purple)!important}.arena-tab-dot{background:var(--ds-green)!important}.arena-filter-bar{border-color:var(--ds-border)!important;box-shadow:var(--ds-shadow)!important}.arena-search-box{background:var(--ds-blue-soft)!important}.arena-search-box:focus-within,.arena-filter-bar select:focus{border-color:var(--ds-blue)!important;box-shadow:0 0 0 3px #00adee21!important}.arena-result-count strong,.arena-card-title h3{color:var(--ds-text)!important}.arena-challenge-card{border-color:var(--ds-border)!important;box-shadow:0 8px 24px #44424412!important}.arena-challenge-card:hover{border-color:#6628724d!important;box-shadow:0 18px 36px #66287221!important}.arena-card-cover{background:linear-gradient(135deg,var(--ds-blue-soft),var(--ds-orange-soft))!important}.arena-card-info svg{color:var(--ds-blue)!important}.arena-reward-box{background:#fffbea!important;border-color:#ffe073!important;color:#806000!important}.arena-join-btn{background:var(--ds-purple)!important}.arena-join-btn:hover:not(:disabled){background:var(--ds-orange)!important;box-shadow:0 10px 24px #ff6c2247!important}.arena-ended-btn{background:var(--ds-blue)!important}.arena-pending-btn{background:#8b878b!important}.arena-cover-status.current{background:#00a14be6!important}.arena-cover-status.upcoming{background:#ff6c22eb!important}.global-leaderboard-header-card,.global-leaderboard-card,.global-leaderboard-stat-card,.history-header,.history-item,.history-stat-card,.profile-header-card,.info-card,.waiting-main,.waiting-sidebar,.question-card,.quiz-sidebar,.result-score-card,.result-stat-card,.result-reward-card,.detail-result-card,.detail-answer-section,.detail-global-leaderboard-section{border-color:var(--ds-border)!important;box-shadow:var(--ds-shadow)!important}.global-leaderboard-title-icon,.rank-icon,.stat-icon{background:#f5ebf6!important;color:var(--ds-purple)!important}.my-rank-label,.global-leaderboard-score,.history-score,.stat-number,.result-rank{color:var(--ds-purple)!important}.my-rank-card,.profile-banner{background:linear-gradient(115deg,var(--ds-purple),#8b3b98)!important}.global-leaderboard-stat-icon{background:var(--ds-orange-soft)!important}.global-leaderboard-item.current-user{background:var(--ds-blue-soft)!important;border-color:#00adee4d!important}.history-search-container:focus-within{border-color:var(--ds-blue)!important}.history-header{background:linear-gradient(110deg,var(--ds-purple),#8b3b98)!important}.history-stat-card.trophy-card{background:#fffbea!important}.status-completed,.status-graded{color:var(--ds-green)!important;background:#eaf8f0!important}.status-in_progress,.status-submitted{color:#007cac!important;background:var(--ds-blue-soft)!important}.waiting-ready-btn,.next-btn,.finish-btn,.submit-btn,.home-btn,.detail-btn-primary{background:var(--ds-purple)!important;color:#fff!important}.waiting-ready-btn:hover,.next-btn:hover,.finish-btn:hover,.submit-btn:hover,.home-btn:hover,.detail-btn-primary:hover{background:var(--ds-orange)!important}.waiting-status-dot,.waiting-ready-progress-fill,.progress-fill{background:var(--ds-green)!important}.waiting-tip,.question-type{background:var(--ds-orange-soft)!important;border-color:#ffd5b7!important}.answer-btn:hover{border-color:var(--ds-blue)!important}.answer-btn.selected{border-color:var(--ds-purple)!important;background:#f8f0fa!important}.answer-key{background:var(--ds-purple)!important;color:#fff!important}.big-timer,.score-box,.result-score{color:var(--ds-purple)!important}.result-reward-card{background:linear-gradient(135deg,#fffbea,var(--ds-orange-soft))!important}.detail-progress-bar>span,.detail-progress{background:var(--ds-green)!important}.arena-login{color:var(--ds-text)!important}.login-card{border:1px solid var(--ds-border)!important;box-shadow:0 22px 60px #66287229!important}.login-button{background:var(--ds-purple)!important}.login-button:hover{background:var(--ds-orange)!important}.arena-login .form-group>input:focus{border-color:var(--ds-blue)!important;box-shadow:0 0 0 3px #00adee1f!important}.arena-login .password-box:focus-within{border-color:var(--ds-blue)!important;box-shadow:0 0 0 3px #00adee1f!important}.forgot-password,.back-link{color:var(--ds-purple)!important}@media (max-width:640px){.arena-hero{border-radius:18px!important}.arena-challenge-card{border-radius:14px!important}.user-shell-footer{padding-top:42px!important}}.user-shell-brand,.user-shell-header nav a,.shell-footer-content a{text-decoration:none!important}.user-shell-header nav{gap:5px!important;padding:5px!important;border:1px solid var(--ds-border)!important;border-radius:14px!important;background:#f8f7fa!important}.user-shell-header nav a{padding:9px 16px!important;border-radius:9px!important;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important}.user-shell-header nav a:hover{background:#fff!important;color:var(--ds-purple)!important;box-shadow:0 3px 10px #44424414!important;transform:translateY(-1px)}.user-shell-header nav a.active{background:var(--ds-purple)!important;color:#fff!important;box-shadow:0 5px 14px #6628723d!important;transform:none}.user-shell-header nav a:focus-visible,.user-shell-brand:focus-visible{outline:3px solid rgba(0,173,238,.3);outline-offset:3px}.shell-footer-content a:hover{color:var(--ds-purple)!important}.my-rank-card .my-rank-label{color:#fff!important}.my-rank-card .rank-box span{color:#ffffffc7!important}.my-rank-card .rank-box h3{color:#fff!important}.global-leaderboard-badge,.global-leaderboard-badge span,.global-leaderboard-badge svg{color:#fff!important}.arena-join-btn,.arena-ended-btn,.arena-pending-btn{color:#fff!important}.shell-notifications>button{color:var(--ds-text)!important}.shell-notifications>button strong{display:block;color:#343136!important;font-size:13px;line-height:1.4}.shell-notifications>button span{color:#66616c!important}.shell-notifications>button:hover{background:#f8f5f9!important}@media (max-width:900px){.user-shell-header nav{padding:10px!important}.user-shell-header nav a{justify-content:flex-start}}.user-shell-body>.arena-home{background:radial-gradient(circle at 8% 18%,rgba(0,173,238,.13),transparent 27%),radial-gradient(circle at 92% 32%,rgba(255,108,34,.11),transparent 25%),radial-gradient(circle at 48% 82%,rgba(102,40,114,.09),transparent 31%),linear-gradient(145deg,#f1faff,#fbf8fc 44%,#fff6ed)!important;overflow:hidden}.user-shell-body>.arena-home:before,.user-shell-body>.arena-home:after{display:none!important;content:none!important}.user-shell-body>.arena-home:before{width:340px;height:340px;left:-170px;top:410px;background:radial-gradient(circle,#00adee1f,#00adee00 69%)}.user-shell-body>.arena-home:after{width:430px;height:430px;right:-230px;top:690px;background:radial-gradient(circle,#6628721c,#66287200 70%)}.arena-hero{border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 24px 55px #66287238,inset 0 1px #fff3!important}.arena-hero:after{content:"";position:absolute;z-index:1;width:270px;height:270px;right:-80px;top:-120px;border-radius:50%;border:52px solid rgba(255,255,255,.07);pointer-events:none}.arena-hero-badge{border:1px solid rgba(255,255,255,.24);background:#ffffff29;box-shadow:inset 0 1px #ffffff26}.arena-tabs{padding:7px;border:1px solid rgba(102,40,114,.1);border-radius:18px;background:#ffffffad;box-shadow:0 10px 30px #44424412;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.arena-tab{min-height:44px;box-shadow:none!important;background:transparent!important;border-color:transparent!important}.arena-tab:hover{background:#fff!important;box-shadow:0 6px 16px #44424414!important}.arena-tab.active{background:linear-gradient(120deg,var(--ds-purple),#8b3b98)!important;box-shadow:0 8px 18px #6628723d!important}.arena-filter-bar{padding:16px 18px!important;border-color:#6628721f!important;background:#ffffffd1!important;box-shadow:0 14px 36px #44424414!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.arena-result-count{padding:4px 18px 4px 4px}.arena-result-count strong{font-size:21px!important;color:var(--ds-purple)!important}.arena-result-count span{font-size:12px;color:#716c76}.arena-search-box{border-color:#00adee1c!important;background:linear-gradient(120deg,#f1faff,#f8fcff)!important}.arena-filter-bar select{border-color:#66287224;background:#fbf8fc;color:#514b54}.arena-challenges-grid{gap:24px}.arena-challenge-card{border-color:#6628721f!important;background:linear-gradient(165deg,#fff,#fff 64%,#faf5fb)!important;box-shadow:0 12px 30px #44424414!important}.arena-challenge-card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--ds-purple),var(--ds-blue),var(--ds-yellow));opacity:.72}.arena-challenge-card:hover{transform:translateY(-7px);border-color:#6628724d!important;box-shadow:0 22px 44px #66287224!important}.arena-card-cover{height:184px;margin:9px 9px 0;border-radius:13px!important;box-shadow:0 8px 20px #312a351a}.arena-card-cover:after{top:42%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#221c257a)}.arena-cover-status,.arena-access-badge{top:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 13px #201c221a}.arena-card-body{padding:19px 20px 21px}.arena-card-title h3{font-size:19px!important;letter-spacing:-.015em}.arena-card-desc{color:#625e66;line-height:1.65}.arena-card-info{padding:12px 0;border-top:1px solid rgba(102,40,114,.08);border-bottom:1px solid rgba(102,40,114,.08);gap:10px 12px}.arena-card-info span{color:#5f5a63}.arena-card-info svg{padding:4px;width:24px;height:24px;border-radius:7px;background:#eaf8ff;color:#008fc4!important}.arena-reward-box{position:relative;overflow:hidden;background:linear-gradient(120deg,#fffbea,#fff3d2)!important;box-shadow:inset 0 1px #fff}.arena-card-bottom{padding-top:16px}.arena-join-btn{min-height:40px;padding:10px 17px;box-shadow:0 8px 16px #6628722e}.arena-list-state{border-color:#66287233;background:#ffffffb8;box-shadow:0 14px 36px #4442440f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (max-width:760px){.arena-tabs{overflow-x:auto;flex-wrap:nowrap}.arena-tab{flex:none}.arena-filter-bar{padding:13px!important}.arena-card-cover{height:168px}.arena-challenges-grid{gap:16px}}@media (max-width:760px){.arena-tabs{display:flex!important;overflow-x:auto!important}.arena-tab{white-space:normal!important}.arena-hero:after{display:none}.user-shell-body>.arena-home{overflow-x:hidden}}@media (max-width:760px){.arena-home{background:linear-gradient(145deg,#f1faff,#fbf8fc 44%,#fff6ed)!important}.arena-hero{aspect-ratio:16/9!important;background:#e9f8ff!important}.arena-hero-background{object-fit:cover!important;object-position:center!important}.arena-hero:has(.arena-hero-background):before,.arena-hero:after{display:none!important;content:none!important}.arena-hero-content{min-height:0!important}.arena-hero.configured-banner .arena-hero-content{visibility:hidden!important}}.user-shell-header .youth-nav{position:relative;isolation:isolate;display:flex!important;justify-content:center;align-items:center;gap:7px!important;width:max-content;max-width:100%;margin:auto;padding:6px!important;border:1px solid rgba(102,40,114,.12)!important;border-radius:18px!important;background:linear-gradient(120deg,#fff 0,#f8f2ff 42%,#f1faff)!important;box-shadow:0 8px 24px #53316917,inset 0 1px #fff!important}.user-shell-header .youth-nav:before,.user-shell-header .youth-nav:after{content:"";position:absolute;z-index:-1;width:10px;height:10px;border-radius:50%;opacity:.8}.user-shell-header .youth-nav:before{left:19%;top:-5px;background:#ffca05}.user-shell-header .youth-nav:after{right:14%;bottom:-5px;background:#00adee}.user-shell-header .youth-nav a{--nav-color:#662872;position:relative;min-height:48px;padding:6px 17px 6px 8px!important;display:flex!important;align-items:center;gap:9px!important;border:1px solid transparent;border-radius:13px!important;color:#514b58!important;background:transparent!important;font-size:14px;font-weight:800;line-height:1;letter-spacing:-.01em;text-decoration:none!important;box-shadow:none!important;transform:none;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important}.user-shell-header .youth-nav-arena{--nav-color:#ff6c22!important}.user-shell-header .youth-nav-leaderboard{--nav-color:#662872!important}.user-shell-header .youth-nav-history{--nav-color:#00a14b!important}.youth-nav-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--nav-color) 11%,white);color:var(--nav-color);transition:transform .2s ease,background .2s ease,color .2s ease}.user-shell-header .youth-nav a:hover{color:var(--nav-color)!important;background:#fff!important;box-shadow:0 7px 18px #3f314b1a!important;transform:translateY(-2px)!important}.user-shell-header .youth-nav a:hover .youth-nav-icon{transform:rotate(-5deg) scale(1.06)}.user-shell-header .youth-nav a.active{color:#fff!important;background:linear-gradient(135deg,var(--nav-color),color-mix(in srgb,var(--nav-color) 70%,#662872))!important;box-shadow:0 8px 18px color-mix(in srgb,var(--nav-color) 25%,transparent)!important;transform:none!important}.user-shell-header .youth-nav a.active .youth-nav-icon{color:var(--nav-color);background:#fff;box-shadow:0 3px 8px #0000001c}.user-shell-header .youth-nav a:focus-visible{outline:3px solid color-mix(in srgb,var(--nav-color) 30%,transparent)!important;outline-offset:2px}@media (max-width:1100px) and (min-width:901px){.user-shell-header .youth-nav a{padding-right:11px!important;font-size:13px}.youth-nav-icon{width:32px;height:32px;flex-basis:32px}}@media (max-width:900px){.user-shell-header .youth-nav{display:none!important;position:absolute;width:auto;max-width:none;margin:0;top:76px;left:10px;right:10px;padding:10px!important;border-radius:18px!important;background:#fffffffa!important;box-shadow:0 20px 45px #37264533!important}.user-shell-header .youth-nav.open{display:flex!important}.user-shell-header .youth-nav:before,.user-shell-header .youth-nav:after{display:none}.user-shell-header .youth-nav a{width:100%;justify-content:flex-start;padding:8px!important}.user-shell-header .youth-nav a:hover{transform:none!important}}@media (prefers-reduced-motion:reduce){.user-shell-header .youth-nav a,.youth-nav-icon{transition:none!important}}.user-feedback-region{position:fixed;z-index:3000;top:92px;right:22px;width:min(390px,calc(100vw - 28px));display:grid;gap:12px;pointer-events:none}.user-feedback{--feedback:#00adee;position:relative;overflow:hidden;display:grid;grid-template-columns:42px minmax(0,1fr) 32px;align-items:start;gap:11px;padding:15px 13px 16px;background:#fffffffa;border:1px solid color-mix(in srgb,var(--feedback) 26%,#e7e3ec);border-radius:16px;box-shadow:0 18px 48px #3025402e;pointer-events:auto;animation:user-feedback-in .24s cubic-bezier(.2,.8,.2,1)}.user-feedback--success{--feedback:#00a14b}.user-feedback--error{--feedback:#d94343}.user-feedback--warning{--feedback:#ff6c22}.user-feedback--info{--feedback:#00adee}.user-feedback-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--feedback);background:color-mix(in srgb,var(--feedback) 11%,white)}.user-feedback-copy{min-width:0;padding-top:1px}.user-feedback-copy strong{display:block;margin-bottom:3px;color:#302c38;font-size:15px}.user-feedback-copy p{margin:0;color:#66616d;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.user-feedback>button{width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:#8a8490;display:grid;place-items:center;cursor:pointer}.user-feedback>button:hover{background:#f2eff4;color:#444244}.user-feedback-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--feedback);transform-origin:left;animation:user-feedback-progress linear forwards}@keyframes user-feedback-in{0%{opacity:0;transform:translate3d(18px,-8px,0) scale(.98)}to{opacity:1;transform:none}}@keyframes user-feedback-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:620px){.user-feedback-region{top:82px;right:14px}.user-feedback{grid-template-columns:38px minmax(0,1fr) 30px;padding:13px 11px 15px}.user-feedback-icon{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.user-feedback,.user-feedback-progress{animation:none}}.feedback-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a7a;display:grid;place-items:center;padding:20px}.feedback-confirm{width:min(430px,100%);background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 70px #0f172a47;text-align:center}.feedback-confirm>svg{color:#f59e0b}.feedback-confirm h2{margin:12px 0 8px;font-size:21px}.feedback-confirm p{margin:0;color:#475569;line-height:1.55;white-space:pre-line}.feedback-confirm>div{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.feedback-confirm button{border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:9px 16px;font-weight:650;cursor:pointer}.feedback-confirm button.danger{border-color:#dc2626;background:#dc2626;color:#fff}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#444244;font-size:15px;line-height:1.5;min-height:100vh;overflow-x:hidden}button{border:0;border-radius:6px;background:#116149;color:#fff;cursor:pointer;font:inherit;font-weight:700;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;text-align:center;vertical-align:middle}button>svg{display:block;flex:0 0 auto;margin:0}button:disabled{cursor:wait;opacity:.65}input{font:inherit}.login-main{display:flex}.login-left{flex-grow:1;height:100vh;background-color:#162033;display:flex;justify-content:center;align-items:center}.login-left img{width:300px}.login-right{height:100vh;flex-grow:1}.login-right-container{height:100%;width:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.login-right form{display:flex;flex-direction:column}.login-logo{align-self:center;padding-top:50px}.login-center{margin:auto 0}.login-logo img{width:50px}.login-center h2{font-size:35px}.login-center{text-align:center}.login-center p{font-weight:400;font-size:20px;margin-bottom:40px}.login-right form input[type=email],.login-right form input[type=password],.login-right form input[type=text]{width:100%;padding:16px;margin-bottom:16px;border:0px;border-bottom:1px solid black;outline:none;box-sizing:border-box}.pass-input-div{position:relative}.relative{position:relative;display:inline-flex;align-items:center;justify-content:center}.pass-input-div svg{font-size:20px;position:absolute;right:10px;bottom:35px;cursor:pointer;outline:none}.login-right form button[type=submit]{width:100%;padding:16px;border:none;font-size:16px;cursor:pointer;border-radius:30px;font-weight:600}.login-center-options{display:flex;justify-content:space-between}.remember-div{display:flex;align-items:center;column-gap:5px}.remember-div label{font-size:13px;font-weight:500;cursor:pointer;margin-top:2px}.forgot-pass-link{text-decoration:none;font-size:13px}.forgot-pass-link:hover{text-decoration:underline}.login-center-buttons{margin-top:40px;display:flex;flex-direction:column;row-gap:10px}.login-center-buttons button:nth-child(1){background:#000;color:#fff;border:3px solid black;transition:background 1s linear 0ms;transition:color .5s linear 0ms}.login-center-buttons button:nth-child(1):hover{color:#333;background-color:#fff}.login-center-buttons button:nth-child(2){background:#f0f0f0;display:flex;justify-content:center;align-items:center;column-gap:10px;transition:background .5s linear 0ms}.login-center-buttons button:nth-child(2) img{width:30px}.login-center-buttons button:nth-child(2):hover{background:#c4c4c4c2}.login-bottom-p{text-align:center;font-size:15px;padding-bottom:40px}.login-bottom-p a{text-decoration:none;font-weight:600}.login-bottom-p a:hover{text-decoration:underline}@media (max-width: 900px){.login-left{display:none}}@media (max-width: 370px){.login-center-options{flex-direction:column;align-items:center;row-gap:10px}.login-center-buttons{margin-top:20px}.login-center h2{font-size:3rem}.login-center p{font-size:1.5rem}}.sidebar{width:260px;height:100vh;background-color:#000;color:#fff;display:flex;flex-direction:column;padding:20px}.sidebar-header h3{font-size:14px;color:#9ca3af;margin-bottom:30px}.nav-links{list-style:none;padding:0;flex-grow:1}.nav-links li{padding:15px 0;border-bottom:1px solid #1f2937}.nav-links a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:15px;font-weight:500}.arrow{margin-left:auto;color:#6b7280}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:20px}.avatar{width:40px;height:40px;border-radius:50%;background-color:#374151}.name{font-size:12px;font-weight:700;margin:0}.role{font-size:10px;color:#9ca3af;margin:0}.logout-icon{margin-left:auto;cursor:pointer;color:#ef4444}.menu-item{display:flex;align-items:center;gap:15px;padding:15px 0;cursor:pointer;color:#fff;font-weight:500;transition:.3s}.menu-item:hover{color:#3b82f6}.sub-menu{list-style:none;padding:0 0 10px 35px;background-color:#0f0f0f}.sub-menu li{padding:8px 0;border:none}.sub-menu a{color:#9ca3af;font-size:13px;text-decoration:none}.sub-menu a:hover{color:#fff}.sub-menu li a.active-link{color:#fff;font-weight:600}.apex-layout{display:flex;height:100vh;background-color:#f8f9fa;font-family:system-ui,-apple-system,sans-serif}.apex-sidebar{width:260px;background-color:#111827;color:#fff;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid #1f2937}.brand-logo{width:36px;height:36px;background:#10b981;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.sidebar-brand h3{margin:0;font-size:18px}.sidebar-brand p{margin:0;font-size:11px;color:#9ca3af;letter-spacing:1px}.nav-links{list-style:none;padding:20px 0;margin:0;flex:1;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;transition:.2s}.menu-item:hover,.menu-item.active{color:#fff;background-color:#ffffff0d}.menu-item.active{color:#10b981}.menu-item .arrow{margin-left:auto}.sub-menu{list-style:none;padding:0 0 10px 54px;background-color:#0f172a;margin:0}.sub-menu li a{display:block;padding:8px 0;color:#6b7280;text-decoration:none;font-size:13px}.sub-menu li a:hover{color:#fff}.sidebar-footer{padding:20px 24px;border-top:1px solid #1f2937;display:flex;align-items:center;gap:12px}.user-avatar,.top-avatar{width:36px;height:36px;background-color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-text strong{display:block;font-size:14px}.user-text small{color:#9ca3af;font-size:12px}.logout-btn{margin-left:auto;cursor:pointer;color:#fff}.apex-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-navbar{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.search-bar{display:flex;align-items:center;gap:8px;background:#f3f4f6;padding:8px 16px;border-radius:8px;width:300px}.search-bar input{border:none;background:transparent;outline:none;flex:1;font-size:14px}.shortcut-key{font-size:12px;color:#9ca3af;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #e5e7eb}.nav-actions{display:flex;align-items:center;gap:20px}.btn-new{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer}.icon-action{color:#6b7280;cursor:pointer}.badge{position:absolute;top:-6px;right:-6px;background:#10b981;color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.page-content{padding:32px;overflow-y:auto;flex:1}.page-header h1{margin:0 0 4px;font-size:24px;color:#111827}.page-header p{margin:0 0 24px;color:#6b7280;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{color:#6b7280;font-size:14px;font-weight:500}.icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card h2{margin:0 0 8px;font-size:28px;color:#111827}.trend{margin:0;font-size:13px;font-weight:600}.trend span{color:#9ca3af;font-weight:400}.trend.positive{color:#10b981}.trend.negative{color:#ef4444}.data-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #f3f4f6}.section-header{margin-bottom:20px}.section-header h3{margin:0 0 4px;font-size:18px}.section-header p{margin:0;color:#6b7280;font-size:14px}.apex-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.apex-table th{padding:12px 16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-weight:500}.apex-table td{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.badge-green{background:#d1fae5;color:#059669;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-orange{background:#ffedd5;color:#ea580c;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-gray{background:#f3f4f6;color:#4b5563;padding:4px 10px;border-radius:4px;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d1d5db;margin-right:6px}.status-dot.active{background:#10b981}.apex-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.apex-modal-content{background:#fff;padding:32px;border-radius:12px;width:500px;max-width:90%}.apex-modal-content h2{margin:0 0 24px;font-size:20px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px;flex:1}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none}.form-group input:focus,.form-group select:focus{border-color:#10b981}.form-row{display:flex;gap:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{background:#fff;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.btn-submit{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.command-palette{background:#fff;width:100%;max-width:550px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden}.command-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;gap:12px}.command-header input{flex:1;border:none;outline:none;font-size:16px;color:#111827;background:transparent}.command-header input::placeholder{color:#9ca3af}.command-list{max-height:350px;overflow-y:auto;padding:12px}.command-group{margin-bottom:8px}.command-group-label{padding:8px 12px;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.command-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.command-item:hover{background-color:#f3f4f6}.command-item-text{flex:1;font-size:14px;color:#111827;font-weight:500}