.admin-workspace{--exp-good:oklch(52% .13 150);--exp-ok:oklch(55% .12 75);--exp-bad:oklch(55% .19 28);--exp-good-bg:color-mix(in oklch, var(--exp-good) 13%, var(--surface));--exp-ok-bg:color-mix(in oklch, var(--exp-ok) 15%, var(--surface));--exp-bad-bg:color-mix(in oklch, var(--exp-bad) 13%, var(--surface))}html[data-theme=dark] .admin-workspace{--exp-good:oklch(78% .14 150);--exp-ok:oklch(82% .13 85);--exp-bad:oklch(76% .15 28)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .admin-workspace{--exp-good:oklch(78% .14 150);--exp-ok:oklch(82% .13 85);--exp-bad:oklch(76% .15 28)}}.exp-muted{color:var(--muted)}.exp-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:8px 0 12px;font-size:.8rem;display:flex}.exp-bad{color:var(--exp-bad);align-items:center;gap:4px;font-weight:700;display:inline-flex}.exp-filters{z-index:5;background:color-mix(in oklch, var(--surface) 92%, transparent);backdrop-filter:blur(10px);box-shadow:var(--adm-clay);border-radius:20px;gap:10px;margin:20px 0 4px;padding:12px 14px;display:grid;position:sticky;top:8px}.exp-filter-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.exp-filter-row .admin-segment button{align-items:center;gap:4px;display:inline-flex}.exp-dates{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.exp-dates input,.exp-search input,.exp-select select,.data-table-size select{border:1px solid var(--line);background:var(--surface-soft);min-height:38px;color:var(--ink);font:inherit;border-radius:12px;padding:0 10px;font-size:.85rem}.exp-search{border:1px solid var(--line);background:var(--surface-soft);min-width:0;color:var(--muted);border-radius:12px;flex:220px;align-items:center;gap:6px;padding-left:10px;display:flex}.exp-search input{background:0 0;border:0;flex:1;min-width:0;padding-left:0}.exp-search:focus-within{outline:3px solid var(--adm-accent,var(--action));outline-offset:1px}.exp-search input:focus{outline:none}.exp-select{min-width:0;color:var(--muted);align-items:center;display:inline-flex;position:relative}.exp-select svg{pointer-events:none;position:absolute;left:10px}.exp-select select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;max-width:220px;padding-left:30px;padding-right:30px}.exp-select[data-set] select{border-color:var(--adm-accent,var(--action));background-color:color-mix(in oklch, var(--adm-accent,var(--action)) 10%, var(--surface));font-weight:700}.exp-select[data-set] svg{color:var(--adm-accent,var(--action))}.exp-more{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:0 12px;font-size:.85rem;font-weight:700;display:none}.exp-more[aria-expanded=true]{border-color:var(--adm-accent,var(--action))}.exp-bots{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:0 12px;font-size:.88rem;display:inline-flex}.exp-bots[aria-pressed=true]{border-color:var(--adm-accent,var(--action));color:var(--adm-accent,var(--action));font-weight:600}.exp-bots:hover{border-color:var(--adm-accent,var(--action))}.exp-bots:focus-visible{outline:3px solid var(--adm-accent,var(--action));outline-offset:2px}.exp-clear{min-height:38px;color:var(--exp-bad);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:4px;padding:0 12px;font-size:.85rem;font-weight:700;display:inline-flex}.exp-clear:hover{background:var(--exp-bad-bg)}.exp-chip-row{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.exp-filters .exp-chip-row{margin:0}.exp-chip{border:1px solid var(--line);background:var(--surface-soft);min-height:32px;color:var(--ink);font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:.8rem;font-weight:600;display:inline-flex}button.exp-chip{cursor:pointer}.exp-chip[aria-pressed=true]{border-color:var(--adm-accent,var(--action));background:color-mix(in oklch, var(--adm-accent,var(--action)) 14%, var(--surface))}.exp-chip strong{font-variant-numeric:tabular-nums}.exp-chip button{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-4px;display:grid}.exp-delay{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.exp-delay[data-level=good]{color:var(--exp-good);background:var(--exp-good-bg)}.exp-delay[data-level=ok]{color:var(--exp-ok);background:var(--exp-ok-bg)}.exp-delay[data-level=slow]{color:var(--exp-bad);background:var(--exp-bad-bg)}.exp-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;margin-bottom:12px;display:grid}.exp-tiles article{background:var(--surface-soft);border-radius:14px;gap:4px;min-width:0;padding:10px 12px;display:grid}.exp-tiles small{color:var(--muted);font-size:.76rem;font-weight:600}.exp-tiles strong{font-size:1.15rem}.exp-tiles strong .exp-delay{font-size:1rem}.exp-who{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.exp-who code{font-size:.8rem}.exp-account{flex-direction:column;min-width:0;line-height:1.2;display:inline-flex}.exp-account small{color:var(--muted,#6b7280);text-overflow:ellipsis;max-width:22ch;font-size:.75rem;overflow:hidden}.exp-flag{min-width:1.3em;color:var(--muted);place-items:center;display:inline-grid}.exp-device{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.exp-device svg{color:var(--muted);flex-shrink:0}.exp-event[data-problem]{color:var(--exp-bad);font-weight:700}.exp-link,.data-table-open{color:var(--ink);font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;background:0 0;border:0;padding:0}.exp-link:hover,.data-table-open:hover{text-decoration-color:currentColor}.data-table[data-loading] tbody{opacity:.6;transition:opacity .15s}.data-table .admin-table th[data-numeric],.data-table .admin-table td[data-numeric],.exp-compact th[data-numeric],.exp-compact td[data-numeric]{text-align:right;font-variant-numeric:tabular-nums}.data-table tr[data-clickable]{cursor:pointer}.data-table-sort{color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}th[aria-sort] .data-table-sort{color:var(--ink)}.data-table-empty{color:var(--muted);text-align:center;padding:20px 8px}.data-table-pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:10px;font-size:.82rem;display:flex}.data-table-count{font-variant-numeric:tabular-nums}.data-table-size{align-items:center;gap:6px;display:inline-flex}.data-table-size select{min-height:34px}.data-table-pages{align-items:center;gap:4px;display:inline-flex}.data-table-pages span{font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px}.data-table-pages button,.exp-icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;display:grid}.data-table-pages button:disabled{opacity:.35;cursor:default}.data-table-pages button:focus-visible,.data-table-sort:focus-visible,.exp-link:focus-visible,.data-table-open:focus-visible,.exp-chip:focus-visible,.exp-bars button:focus-visible,.exp-people button:focus-visible,.exp-icon-button:focus-visible{outline:3px solid var(--adm-accent,var(--action));outline-offset:2px}.exp-compact{min-width:0}.exp-bars{gap:4px;margin:0;padding:0;list-style:none;display:grid}.exp-bars button{width:100%;min-height:34px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:minmax(0,10rem) minmax(40px,1fr) auto;align-items:center;gap:10px;padding:2px 8px;font-size:.88rem;display:grid}.exp-bars button:disabled{cursor:default}.exp-bars button:not(:disabled):hover{background:var(--surface-soft)}.exp-bars button[aria-pressed=true]{background:color-mix(in oklch, var(--adm-accent,var(--action)) 12%, var(--surface));font-weight:700}.exp-bars-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.exp-bars-label svg{color:var(--muted);flex-shrink:0}.exp-bars-bar{background:var(--surface-soft);border-radius:999px;height:8px;overflow:hidden}.exp-bars-bar span{background:var(--adm-accent,var(--action));border-radius:999px;height:100%;display:block}.exp-bars strong{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.exp-audience{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px 22px;display:grid}.exp-people{gap:6px;max-height:420px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.exp-people button{background:var(--surface-soft);width:100%;min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:12px;grid-template-columns:auto auto minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:6px 10px;font-size:.86rem;display:grid}.exp-people button:hover{background:color-mix(in oklch, var(--adm-accent,var(--action)) 10%, var(--surface-soft))}.exp-people-screen{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.exp-people .exp-device{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.exp-people .exp-muted{white-space:nowrap;font-size:.78rem}.exp-live{background:var(--exp-good);width:8px;height:8px;box-shadow:0 0 0 3px var(--exp-good-bg);border-radius:50%}.exp-drawer{z-index:90;justify-content:flex-end;align-items:stretch;padding:0}.exp-drawer-panel{background:var(--surface);width:min(640px,100vw);height:100dvh;padding:20px 22px 40px;overflow-y:auto;box-shadow:-20px 0 40px -20px #00000059}.exp-drawer-panel>header{background:var(--surface);z-index:1;justify-content:space-between;align-items:start;gap:12px;margin:-20px -22px 12px;padding:20px 22px 10px;display:flex;position:sticky;top:-20px}.exp-drawer-panel h2{margin:2px 0 0;font-size:1.25rem}.exp-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px;margin:0 0 14px;display:grid}.exp-facts div{background:var(--surface-soft);border-radius:12px;min-width:0;padding:8px 10px}.exp-facts dt{color:var(--muted);font-size:.74rem;font-weight:700}.exp-facts dd{overflow-wrap:anywhere;margin:2px 0 0;font-size:.88rem}.exp-drawer-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.exp-drawer-actions button,.exp-toggle{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.exp-toggle input{accent-color:var(--adm-accent,var(--action))}.exp-bugs ul{margin:0 0 16px;padding-left:18px;font-size:.86rem}.exp-visit{margin-bottom:18px}.exp-visit h3{margin:0 0 8px;font-size:.95rem}.exp-visit h3 small{color:var(--muted);font-weight:500}.exp-timeline{border-left:2px solid var(--line);margin:0;padding:0 0 0 4px;list-style:none;display:grid}.exp-timeline li{grid-template-columns:4.6rem auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:6px 0 6px 10px;font-size:.85rem;display:grid}.exp-timeline time{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.78rem}.exp-timeline-icon{background:var(--surface-soft);width:24px;height:24px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.exp-timeline li[data-problem] .exp-timeline-icon{background:var(--exp-bad-bg);color:var(--exp-bad)}.exp-timeline li[data-problem] strong{color:var(--exp-bad)}.exp-timeline-text{overflow-wrap:anywhere;min-width:0}.exp-timeline-text small{color:var(--muted);font-size:.76rem;display:block}.admin-restart-note{background:var(--exp-ok-bg);color:var(--ink);border-radius:12px;margin:0 0 14px;padding:9px 12px;font-size:.85rem}@media (max-width:860px){.exp-filters{top:calc(64px + env(safe-area-inset-top));margin-left:-6px;margin-right:-6px;padding:10px}.exp-more{display:inline-flex}.exp-filters:not([data-more]) .exp-selects{display:none}.exp-filter-row .admin-segment{flex:100%;justify-content:space-between}.exp-select{flex:calc(50% - 8px)}.exp-select select{width:100%;max-width:none}.exp-people button{grid-template-columns:auto auto minmax(0,1fr)}.exp-people .exp-device,.exp-people .exp-muted{grid-column:3}.data-table .admin-table td[data-numeric],.exp-compact td[data-numeric]{text-align:left}.exp-timeline li{grid-template-columns:4.2rem auto minmax(0,1fr)}.exp-timeline li>.exp-delay,.exp-timeline li>.exp-muted{grid-column:3;justify-self:start}.exp-drawer-panel{padding:16px 16px 32px}.exp-drawer-panel>header{margin:-16px -16px 12px;padding:16px 16px 10px;top:-16px}:is(.data-table,.exp-compact) td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:.72rem;font-weight:700;display:block}.data-table td.data-table-empty:before{content:none}}@media (prefers-reduced-motion:reduce){.data-table[data-loading] tbody{transition:none}}.exp-fixed{color:var(--green,#2f9e6f);font-weight:600}.exp-timeline-text .exp-fix{background:color-mix(in srgb, var(--green,#2f9e6f) 12%, transparent);color:var(--ink);border-radius:6px;align-items:baseline;gap:4px;margin-top:2px;padding:3px 6px;display:flex}.exp-timeline-text .exp-fix svg{color:var(--green,#2f9e6f);flex:none}.exp-timeline-text .exp-fix-recurred{background:color-mix(in srgb, var(--red,#e0405a) 12%, transparent)}.exp-timeline-text .exp-fix-recurred svg{color:var(--red,#e0405a)}
.widget-board{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:16px;margin-top:16px;display:grid}.widget-board-tools{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.widget-board-tools span{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.widget-board-tools button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-weight:600}.widget{background:var(--surface);min-width:0;box-shadow:var(--adm-clay,0 1px 0 var(--line));border-radius:20px;grid-column:span 6;transition:box-shadow .15s ease-out,opacity .15s}.widget[data-size=s]{grid-column:span 4}.widget[data-size=l]{grid-column:span 8}.widget[data-size=full]{grid-column:1/-1}.widget[data-pinned]{box-shadow:var(--adm-clay,0 1px 0 var(--line)), inset 0 3px 0 var(--adm-accent,var(--action))}.widget[data-dragging]{opacity:.5}.widget[data-over]{box-shadow:0 0 0 3px var(--adm-accent,var(--action))}.widget>header{align-items:center;gap:8px;padding:12px 12px 8px 10px;display:flex}.widget>header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.02rem;overflow:hidden}.widget-grip{width:28px;height:32px;color:var(--muted);cursor:grab;border-radius:8px;place-items:center;display:grid}.widget-grip:active{cursor:grabbing}.widget-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.widget-actions button{min-width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:2px;padding:0 6px;display:inline-flex}.widget-actions button small{font-size:.65rem;font-weight:700}.widget-actions button:hover:not(:disabled){background:var(--surface-soft);color:var(--ink)}.widget-actions button:disabled{opacity:.3;cursor:default}.widget-actions button[aria-pressed=true]{color:var(--adm-accent,var(--action))}.widget-actions button:focus-visible{outline:3px solid var(--adm-accent,var(--action));outline-offset:1px}.widget-collapse svg{transition:transform .15s ease-out}.widget-collapse[aria-expanded=false] svg{transform:rotate(-90deg)}.widget-body{min-width:0;padding:0 16px 16px}@media (max-width:1099px){.widget,.widget[data-size]{grid-column:1/-1}}@media (max-width:600px){.widget-actions button[aria-label=Lên],.widget-actions button[aria-label=Xuống],.widget-actions button[title^=Cỡ]{display:none}.widget-board{gap:12px}}@media (prefers-reduced-motion:reduce){.widget,.widget-collapse svg{transition:none}}
.admin-insights{--ins-accent:var(--adm-accent,var(--action));gap:18px;min-width:0;display:grid}.admin-insights h2 small{color:var(--muted);font-size:.8rem;font-weight:500}.admin-insights-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.admin-insights-tiles article{background:var(--surface);box-shadow:var(--adm-clay);border-radius:18px;gap:2px;min-width:0;padding:14px 16px;display:grid}.admin-insights-tiles small{color:var(--muted);font-size:.8rem;font-weight:600}.admin-insights-tiles strong{color:var(--ink);overflow-wrap:anywhere;font-size:1.6rem;line-height:1.15}.admin-insights-tiles span{color:var(--muted);font-size:.82rem}.admin-insights-online{position:relative}.admin-insights-live{background:oklch(68% .17 150);border-radius:50%;width:10px;height:10px;position:absolute;top:16px;right:16px;box-shadow:0 0 0 4px oklch(68% .17 150/.25)}@media (prefers-reduced-motion:no-preference){.admin-insights-live{animation:2s ease-in-out infinite ins-live}}@keyframes ins-live{50%{box-shadow:0 0 0 7px oklch(68% .17 150/.08)}}.admin-insights-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;display:grid}.admin-insights-two>section{min-width:0}.admin-insights-note,.admin-insights-empty,.admin-insights-source{color:var(--muted);margin:8px 0 0;font-size:.82rem}.admin-insights-source code{font-size:.78rem}.admin-insights-ranked,.admin-insights-flows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-insights-ranked li{grid-template-columns:minmax(0,11rem) minmax(40px,1fr) auto;align-items:center;gap:4px 10px;display:grid}.admin-insights-ranked-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.admin-insights-ranked-bar{background:var(--surface-soft);border-radius:999px;height:10px;overflow:hidden}.admin-insights-ranked-bar span{background:var(--ins-accent);border-radius:999px;height:100%;display:block}.admin-insights-ranked strong{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.admin-insights-ranked small{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.76rem}.admin-insights-flows li{background:var(--surface-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:8px 10px;display:grid}.admin-insights-flows li>span:not(.admin-insights-arrow){color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.admin-insights-arrow{color:var(--ins-accent);font-weight:700}.admin-insights-flows strong{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.admin-insights-flows small{color:var(--muted);grid-column:1/-1;font-size:.75rem}.admin-insights-heatmap{gap:3px;padding-bottom:4px;display:grid;overflow-x:auto}.admin-insights-heatmap>div{grid-template-columns:2.2rem repeat(24,minmax(10px,1fr));gap:3px;min-width:300px;display:grid}.admin-insights-heatmap-head span{color:var(--muted);text-align:center;font-size:.66rem}.admin-insights-heatmap [role=rowheader]{color:var(--muted);align-self:center;font-size:.74rem;font-weight:600}.admin-insights-heatmap [role=cell]{aspect-ratio:1;background:var(--surface-soft);border-radius:3px;min-height:10px}.admin-insights-heatmap [data-level="1"]{background:color-mix(in oklch, var(--ins-accent) 18%, var(--surface))}.admin-insights-heatmap [data-level="2"]{background:color-mix(in oklch, var(--ins-accent) 36%, var(--surface))}.admin-insights-heatmap [data-level="3"]{background:color-mix(in oklch, var(--ins-accent) 55%, var(--surface))}.admin-insights-heatmap [data-level="4"]{background:color-mix(in oklch, var(--ins-accent) 75%, var(--surface))}.admin-insights-heatmap [data-level="5"]{background:var(--ins-accent)}.admin-insights-heatmap [role=cell]:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.widget:has(.admin-insights-problems){box-shadow:var(--adm-clay), inset 4px 0 0 var(--exp-bad)}.admin-insights-ok{color:var(--ink);margin:0}.admin-insights-ok:before{content:"✓ ";color:oklch(60% .15 150);font-weight:700}.admin-insights-problem-kinds{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin-bottom:12px;display:grid}.admin-insights-problem-kinds article{background:var(--surface-soft);border-radius:14px;gap:2px;padding:10px 12px;display:grid}.admin-insights-problem-kinds small{color:var(--muted);font-size:.78rem;font-weight:600}.admin-insights-problem-kinds strong{color:var(--ink);font-size:1.3rem}.admin-insights-problem-kinds span{color:var(--muted);font-size:.76rem}.admin-problem-status,.admin-problem-status-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-problem-status span{white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.admin-problem-status[data-state=resolved] span{color:oklch(52% .13 150)}.admin-problem-status[data-state=recurred] span{color:var(--exp-bad)}.admin-problem-status-form input{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:32px;color:var(--ink);font:inherit;border-radius:10px;flex:160px;padding:0 10px;font-size:.82rem}.admin-problem-status-form small{color:var(--exp-bad);flex-basis:100%}.admin-insights-problems tr:has([data-state=resolved]) td:not([data-label=Trạng\ thái]){opacity:.62}@media (max-width:600px){.admin-insights-problems td[data-label]:not([data-label=Sự\ cố]):before{content:attr(data-label) ": ";color:var(--muted);font-size:.78rem}.admin-insights-ranked li{grid-template-columns:minmax(0,1fr) auto}.admin-insights-ranked-bar{grid-area:2/1/auto/-1}.admin-insights-ranked small{grid-row:3}}.admin-insights-report{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.admin-insights-report:hover{background:var(--surface-soft)}.admin-insights-report:focus-visible{outline:3px solid var(--adm-accent,var(--action));outline-offset:2px}.admin-insights-report:disabled{opacity:.6;cursor:progress}.admin-insights-sub{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:4px 0 8px;font-size:.8rem;font-weight:700}.admin-games{gap:14px;min-width:0;display:grid}.admin-games-tip{background:color-mix(in srgb, var(--green) 10%, var(--surface));color:var(--ink);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;padding:10px 14px;font-size:.85rem;display:flex}.admin-games-tip span{flex:240px}.admin-games .admin-insights-sub small{color:var(--muted);font-weight:500}.admin-games .admin-kids-word img,.admin-games-chips img{object-fit:contain}.admin-games .admin-kids-word{color:inherit;text-decoration:none}.admin-games a.admin-kids-word:hover strong{text-decoration:underline}.admin-games-pic-empty{flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.admin-games-chips{flex-wrap:wrap;gap:4px;display:flex}.admin-games-chips>span{background:var(--surface-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:.75rem;display:inline-flex}.admin-games-chips img{width:20px;height:20px}.admin-games-more{justify-self:start}@media (max-width:640px){.admin-games-table .admin-table{min-width:0}.admin-games-table thead{display:none}.admin-games-table tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2px 12px;padding:10px 0;display:grid}.admin-games-table td{border:0;justify-content:space-between;gap:8px;padding:2px 0;display:flex}.admin-games-table td:before{content:attr(data-label);color:var(--muted)}.admin-games-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-games-tiles strong{font-size:1.3rem}.admin-games-table td:first-child,.admin-games-table td[data-label="Trò đã chơi"],.admin-games-table td[data-label=Gia\ đình],.admin-games-table td[data-label=Lượt]:nth-child(3){grid-column:1/-1}.admin-games-table td:first-child:before{content:none}.admin-games-table td[data-label="Trò đã chơi"]{flex-direction:column}}
.admin-analytics-dashboard{flex-direction:column;gap:22px;margin-top:18px;display:flex}.admin-charts-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;display:grid}@media (max-width:480px){.admin-charts-grid{grid-template-columns:1fr}}.admin-funnel-card,.admin-cefr-chart-card,.admin-ranking-card,.admin-insights-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 4px 16px #101b2b0a}.admin-chart-header h3{color:var(--ink);margin:0 0 4px;font-size:1rem;font-weight:600}.admin-chart-header p{color:var(--muted);margin:0;font-size:.75rem}.admin-funnel-bars{flex-direction:column;gap:14px;display:flex}.admin-funnel-step{flex-direction:column;gap:6px;display:flex}.admin-funnel-label-row{justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.admin-funnel-step-name{color:var(--muted);font-weight:600}.admin-funnel-step-val{color:var(--ink);font-size:.875rem}.admin-funnel-track{background:var(--surface-soft);border-radius:999px;width:100%;height:10px;overflow:hidden}.admin-funnel-fill{border-radius:999px;height:100%;transition:width .3s}.admin-funnel-note{color:var(--muted);font-size:.75rem}.admin-rankings-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.admin-ranking-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.admin-ranking-row{flex-direction:column;gap:5px;display:flex}.admin-ranking-meta{align-items:center;gap:8px;font-size:.75rem;display:flex}.admin-ranking-rank{color:var(--muted);width:22px;font-size:.75rem;font-weight:600}.admin-ranking-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.admin-ranking-val{border-radius:999px;padding:2px 7px;font-size:.75rem;font-weight:600}.badge-blue,.badge-purple{background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--blue)}.badge-green{background:color-mix(in srgb, var(--green) 14%, var(--surface));color:var(--green)}.admin-ranking-bar{background:var(--surface-soft);border-radius:999px;height:6px;overflow:hidden}.admin-ranking-bar-fill{border-radius:999px;height:100%}.fill-blue,.fill-purple{background:var(--blue)}.fill-green{background:var(--green)}.admin-ranking-empty{color:var(--muted);text-align:center;padding:16px 0;font-size:.75rem}.color-green{color:var(--green)}.color-blue,.color-purple{color:var(--blue)}.bg-green{background-color:var(--green)}.bg-blue,.bg-purple{background-color:var(--blue)}.level-a1{background:color-mix(in srgb, var(--green) 14%, var(--surface));color:var(--green)}.level-a2{background:color-mix(in srgb, var(--blue) 18%, var(--surface));color:var(--blue)}.level-b1{background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--blue)}.level-b2{background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--deep)}.level-c1{background:color-mix(in srgb, var(--orange) 12%, var(--surface));color:var(--orange)}.level-c2,.tag-high{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger)}.tag-medium{background:color-mix(in srgb, var(--orange) 12%, var(--surface));color:var(--orange)}.tag-low{background:color-mix(in srgb, var(--blue) 12%, var(--surface));color:var(--blue)}.admin-preview-container{background:var(--surface-soft);border:1px dashed var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.admin-preview-meta-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-preview-badge{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.admin-preview-slug{color:var(--muted);margin-right:auto;font-size:.75rem}.admin-preview-flip-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 9px;font-size:.75rem;font-weight:700}.admin-preview-card{background:var(--surface);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0f172a0d}.admin-preview-card:hover{box-shadow:0 8px 24px #0f172a14}.admin-preview-front,.admin-preview-back{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.admin-preview-kicker{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.75rem;font-weight:600}.admin-preview-word{color:var(--ink);letter-spacing:-.02em;font-size:1.5rem}.admin-preview-phonetic{color:var(--blue);font-family:monospace;font-size:.875rem}.admin-preview-image-wrap{border:1px solid var(--line);border-radius:8px;margin:8px 0;overflow:hidden}.admin-preview-img{object-fit:cover;display:block}.admin-preview-actions{gap:8px;margin-top:6px;display:flex}.admin-preview-audio-btn{background:var(--surface-soft);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-preview-hint{color:var(--muted);margin-top:4px;font-size:.75rem}.admin-preview-meaning{color:var(--green);font-size:1.25rem}.admin-preview-example-box{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;margin:6px 0;padding:8px 12px;display:flex}.admin-preview-example-box q{color:var(--muted);font-size:.875rem;font-style:italic}.admin-preview-audio-mini-btn{color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:inline-flex}.admin-preview-translation{color:var(--muted);font-size:.75rem}.admin-modal-split{grid-template-columns:1fr 280px;gap:20px;display:grid}.admin-thumb-cell{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:44px;height:44px}.admin-play-cell-btn{background:color-mix(in srgb, var(--blue) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--blue) 18%, var(--surface));color:var(--blue);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-ga4-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-ga4-links a{color:inherit;border:1px solid color-mix(in srgb, currentColor 12%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--orange) 10%, transparent), color-mix(in srgb, var(--blue) 10%, transparent));border-radius:12px;gap:2px;padding:12px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.admin-ga4-links a:hover,.admin-ga4-links a:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.admin-ga4-links span{opacity:.75;font-size:.875rem}.admin-analytics-scope{gap:6px;margin-bottom:14px;display:grid}.admin-analytics-scope p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}