/* Stable shell: browser-like tabs and the established platform palette. */
body{color:#071f3f;background:linear-gradient(#f8fbff,#edf5fd)}main{max-width:1440px;margin:28px auto;padding:0 42px}.staff-header{display:flex;align-items:flex-end;gap:18px;padding:24px 42px 0;min-height:140px;border-bottom:2px solid #09d9ff}.brand{align-self:center;padding-bottom:22px;min-width:230px}.brand span{font-size:22px}.brand small{font-size:11px}.staff-tabs{display:flex;align-self:stretch;align-items:flex-end;gap:4px;min-width:60%;overflow-x:auto;scrollbar-width:thin}.staff-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:2px solid #4285a6;border-bottom:0;border-radius:13px 13px 0 0;background:#ffffff12;color:white;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.staff-tabs a.active,.staff-tabs a:hover{background:linear-gradient(#08d9ff,#70e6f9);color:#03152d;border-color:#09d9ff;min-height:50px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;align-self:center;padding-bottom:20px;margin-left:auto}.header-actions form{margin:0}.header-actions button{background:transparent;border:0;color:white}.language-switch{display:flex;border:1px solid #75d5ee;border-radius:30px;padding:3px;font-size:11px;font-weight:bold}.language-switch a{padding:4px 8px;color:white;text-decoration:none;border-radius:20px}.language-switch .active{background:#09d9ff;color:#03152d}.profile-link{display:flex;align-items:center;gap:6px;color:white;font-size:12px;text-decoration:none}.avatar{width:72px;height:72px;object-fit:cover;border-radius:50%;border:2px solid #9deeff}.profile-link .avatar{width:34px;height:34px}.dashboard-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px;padding:10px 0}.dashboard-tabs a{padding:10px 17px;border:2px solid #092447;border-radius:28px;background:white;color:#071f3f;font-size:14px;font-weight:800;text-decoration:none}.dashboard-tabs a.active{background:#09d9ff;border-color:#09d9ff}.panel{border:1px solid #a9c3e0;border-radius:19px;box-shadow:0 16px 35px #08244808}.primary{background:#ff9c25;color:#071f3f;border:2px solid #092447;border-radius:24px}.primary:hover{background:#ffb249;color:#071f3f}.button,button{border-radius:24px}input,select,textarea{border-color:#092447;border-radius:9px}.account-columns{display:grid;grid-template-columns:1.05fr 1.15fr 1.1fr .5fr;gap:24px}.account-columns h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#61738d;margin:0 0 20px}.account-columns section{min-width:0}.account-form{border:2px solid #092447}.level-checks{display:flex;gap:12px;flex-wrap:wrap}.level-checks label{display:flex;flex-direction:column;align-items:center;gap:8px}.level-checks input{width:18px;height:18px}.page-list{max-height:450px;overflow-y:auto}.page-list-item{display:block;padding:13px;border-bottom:1px solid #d5e1ef;text-decoration:none}.page-list-item[hidden]{display:none}.media-thumb{max-width:100%;max-height:220px;object-fit:contain}.stat-cards{display:flex;gap:10px;flex-wrap:wrap}.stat-cards>div{background:#edf5ff;border-radius:14px;padding:18px;min-width:110px;flex:1}.stat-cards strong{display:block;font-size:28px}.stat-cards span{font-size:12px}#new-user:target{outline:2px solid #09d9ff}footer{margin-top:30px}@media(max-width:1400px){.staff-header{flex-wrap:wrap}.staff-tabs{order:3;min-width:60%;width:100%}.brand{padding-bottom:8px}.header-actions{padding-bottom:8px}}@media(max-width:800px){main{padding:0 16px}.staff-header{padding:18px 16px 0}.account-columns{grid-template-columns:1fr}.staff-tabs a{font-size:11px;padding:0 10px}.brand{min-width:0}.profile-link span{display:none}.header-actions{gap:4px}.table-wrap{overflow:auto}}
.media-video{display:block;width:100%;max-height:500px;border-radius:12px;background:#03152d}
.lesson-image{display:block;width:100%;max-width:900px;height:auto;margin:16px auto;border-radius:12px}.lesson-image[hidden]{display:none}figure{margin:16px 0}.voice-box{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f7fbff}.voice-box [data-record-status]{overflow-wrap:anywhere}.voice-box audio{max-width:100%}