.listen-dashboard{min-height:100vh;background:radial-gradient(circle at top left,rgba(13,202,240,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(236,72,153,.12),transparent 32%),linear-gradient(135deg,#08111f,#111827 48%,#172033);color:#f8fafc}.listen-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);grid-gap:20px;gap:20px}.listen-lesson-card,.listen-panel,.listen-sidebar,.listen-stat-card{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 55px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.listen-sidebar{border-radius:18px;padding:18px;position:-webkit-sticky;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.listen-sidebar-title{display:flex;align-items:center;gap:10px;color:#67e8f9;font-weight:900;font-size:18px;margin-bottom:18px}.listen-filter-block{border-top:1px solid rgba(148,163,184,.14);padding-top:14px;margin-top:14px}.listen-filter-label{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-weight:800;margin-bottom:10px}.listen-level-list{display:flex;flex-direction:column;gap:8px}.listen-level-btn{display:flex!important;justify-content:space-between;align-items:center;gap:10px;border-radius:13px!important;padding:10px 12px!important;color:#e2e8f0!important;background:hsla(0,0%,100%,.04)!important;border:1px solid rgba(148,163,184,.16)!important;font-weight:700!important;transition:.2s ease}.listen-level-btn.active,.listen-level-btn:hover{color:#fff!important;border-color:rgba(13,202,240,.55)!important;background:rgba(13,202,240,.15)!important}.listen-level-btn strong{min-width:28px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#08111f;background:#67e8f9;font-size:12px}.listen-search-input{color:#f8fafc!important;background:rgba(15,23,42,.88)!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:14px!important;padding:12px 14px!important;box-shadow:none!important}.listen-search-input:focus{border-color:rgba(13,202,240,.75)!important;box-shadow:0 0 0 .2rem rgba(13,202,240,.12)!important}.listen-search-input::placeholder{color:#94a3b8}.listen-sidebar-summary{margin-top:16px;padding:14px;border-radius:16px;background:hsla(0,0%,100%,.05);border:1px solid rgba(148,163,184,.14)}.listen-sidebar-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;color:#94a3b8;font-size:13px}.listen-sidebar-summary div+div{border-top:1px solid rgba(148,163,184,.12)}.listen-sidebar-summary strong{color:#f8fafc}.listen-main{display:flex;flex-direction:column;gap:20px;min-width:0}.listen-hero{border:1px solid rgba(13,202,240,.28);border-radius:24px;padding:28px;background:linear-gradient(135deg,rgba(13,202,240,.16),rgba(139,92,246,.1)),rgba(15,23,42,.76);box-shadow:0 22px 55px rgba(0,0,0,.2)}.listen-hero-content{display:flex;align-items:center;justify-content:space-between;gap:22px}.listen-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#22d3ee;font-weight:900;margin-bottom:10px}.listen-hero h1{max-width:780px;font-size:32px;line-height:1.25;font-weight:950;margin-bottom:10px}.listen-hero p{max-width:760px;color:#94a3b8;margin-bottom:0}.listen-hero-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:220px}.listen-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px;white-space:nowrap}.listen-pill-info{color:#082f49;background:#67e8f9}.listen-pill-warning{color:#422006;background:#fde047}.listen-pill-admin{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.listen-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.listen-stat-card{border-radius:18px;padding:18px}.listen-stat-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;color:#fff;font-size:18px}.listen-card-cyan .listen-stat-icon{background:linear-gradient(135deg,#06b6d4,#2563eb)}.listen-card-violet .listen-stat-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.listen-card-amber .listen-stat-icon{background:linear-gradient(135deg,#f59e0b,#ef4444)}.listen-card-pink .listen-stat-icon{background:linear-gradient(135deg,#ec4899,#f97316)}.listen-stat-card span{display:block;color:#94a3b8;font-size:13px;margin-bottom:4px}.listen-stat-card strong{display:block;color:#f8fafc;font-size:26px;font-weight:950;line-height:1.1}.listen-panel{border-radius:20px;padding:20px}.listen-panel-title{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;margin-bottom:16px}.listen-panel-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#22d3ee;background:hsla(0,0%,100%,.08)}.listen-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px}.listen-card-link{color:inherit;text-decoration:none}.listen-lesson-card{height:100%;overflow:hidden;border-radius:20px;transition:.22s ease}.listen-lesson-card:hover{transform:translateY(-5px);border-color:rgba(13,202,240,.5);box-shadow:0 26px 65px rgba(13,202,240,.14)}.listen-card-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:rgba(2,6,23,.65)}.listen-card-image{width:100%;height:100%;object-fit:cover;transition:.25s ease}.listen-lesson-card:hover .listen-card-image{transform:scale(1.06)}.listen-level-badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;justify-content:center;min-width:58px;border-radius:999px;padding:6px 10px;color:#fff;font-size:12px;font-weight:900;border:1px solid hsla(0,0%,100%,.22);box-shadow:0 10px 25px rgba(0,0,0,.25)}.listen-level-hsk1{background:linear-gradient(135deg,#22c55e,#14b8a6)}.listen-level-hsk2{background:linear-gradient(135deg,#06b6d4,#2563eb)}.listen-level-hsk3{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.listen-level-hsk4{color:#422006;background:linear-gradient(135deg,#fde047,#f59e0b)}.listen-level-hsk5{background:linear-gradient(135deg,#ef4444,#ec4899)}.listen-level-hsk6{background:linear-gradient(135deg,#111827,#dc2626)}.listen-level-default{background:linear-gradient(135deg,#64748b,#334155)}.listen-play-overlay{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#08111f;background:rgba(103,232,249,.92);font-size:20px;transform:scale(.96);transition:.22s ease}.listen-lesson-card:hover .listen-play-overlay{transform:scale(1.08);background:#fde047}.listen-card-body{padding:16px}.listen-card-cn{color:#f8fafc;font-size:22px;line-height:1.35;font-weight:800;margin-bottom:8px}.listen-card-body h3{color:#94a3b8;font-size:15px;line-height:1.45;font-weight:700;margin-bottom:14px}.listen-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.listen-card-footer span{display:inline-flex;align-items:center;gap:7px;color:#94a3b8;font-size:13px;font-weight:700}.listen-card-footer strong{color:#22d3ee;font-size:13px}.listen-empty,.listen-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#94a3b8}.listen-empty svg{color:#22d3ee;font-size:36px}.listen-empty h3{color:#f8fafc;font-weight:900;margin:0}.listen-empty p{margin:0 0 8px}.light-mode .listen-dashboard,.theme-light .listen-dashboard{background:linear-gradient(135deg,#f8fafc,#eef6ff);color:#0f172a}.light-mode .listen-lesson-card,.light-mode .listen-panel,.light-mode .listen-sidebar,.light-mode .listen-stat-card,.theme-light .listen-lesson-card,.theme-light .listen-panel,.theme-light .listen-sidebar,.theme-light .listen-stat-card{background:hsla(0,0%,100%,.9);border-color:rgba(15,23,42,.1);box-shadow:0 20px 50px rgba(15,23,42,.08)}.light-mode .listen-hero,.theme-light .listen-hero{background:linear-gradient(135deg,rgba(13,202,240,.14),rgba(59,130,246,.08)),#fff;border-color:rgba(13,202,240,.26)}.light-mode .listen-card-cn,.light-mode .listen-empty h3,.light-mode .listen-sidebar-summary strong,.light-mode .listen-stat-card strong,.theme-light .listen-card-cn,.theme-light .listen-empty h3,.theme-light .listen-sidebar-summary strong,.theme-light .listen-stat-card strong{color:#0f172a}.light-mode .listen-card-body h3,.light-mode .listen-card-footer span,.light-mode .listen-hero p,.light-mode .listen-sidebar-summary div,.theme-light .listen-card-body h3,.theme-light .listen-card-footer span,.theme-light .listen-hero p,.theme-light .listen-sidebar-summary div{color:#475569}.light-mode .listen-search-input,.theme-light .listen-search-input{color:#0f172a!important;background:#fff!important;border-color:rgba(15,23,42,.14)!important}.light-mode .listen-level-btn,.theme-light .listen-level-btn{color:#334155!important;background:#fff!important;border-color:rgba(15,23,42,.12)!important}@media (max-width:1200px){.listen-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:992px){.listen-layout{grid-template-columns:1fr}.listen-sidebar{position:static;max-height:none}.listen-level-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.listen-hero-content{flex-direction:column;align-items:flex-start}.listen-hero-badges{justify-content:flex-start}}@media (max-width:576px){.listen-dashboard{background:radial-gradient(circle at top left,rgba(13,202,240,.16),transparent 38%),linear-gradient(135deg,#08111f,#111827)}.listen-hero,.listen-panel,.listen-sidebar{border-radius:18px}.listen-hero{padding:22px}.listen-hero h1{font-size:26px}.listen-stat-grid{grid-template-columns:1fr}.listen-level-list{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-card-grid{grid-template-columns:1fr}.listen-card-cn{font-size:21px}}