:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;background:#f5f7fb;font-family:Segoe UI,PingFang SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#4484ff24,#0000 28%),linear-gradient(#f8faff 0%,#eef3fb 100%);min-width:320px;min-height:100vh;margin:0}button,input,form{font:inherit}#app{min-height:100vh}.admin-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#e5eefc;background:#0f172a;flex-direction:column;gap:20px;padding:28px 20px;display:flex}.admin-brand{font-size:1.25rem;font-weight:700}.admin-nav{gap:10px;display:grid}.admin-nav a{color:inherit;background:#ffffff0d;border-radius:12px;padding:12px 14px;text-decoration:none}.admin-nav a.router-link-active{background:#2563eb}.ghost-button{color:#0f172a;cursor:pointer;background:#dbe7ff;border:0;border-radius:12px;margin-top:auto;padding:12px 14px}.admin-main{padding:32px}.admin-login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card,.panel{background:#ffffffe6;border:1px solid #0f172a14;border-radius:20px;box-shadow:0 18px 60px #0f172a14}.admin-login-card{gap:14px;width:min(420px,100%);padding:28px;display:grid}.admin-login-card input,.admin-login-card button,.tab-button{border-radius:12px;padding:12px 14px}.admin-login-card input{background:#fff;border:1px solid #c8d3e6}.admin-login-card button,.tab-button.is-active{color:#fff;background:#2563eb;border:0}.error-text{color:#c62828}.page-section{gap:20px;display:grid}.page-header h1,.panel h2{margin:0 0 8px}.tabs-row{gap:12px;display:flex}.tab-button{background:#fff;border:1px solid #c8d3e6}.video-placeholder-grid,.video-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:20px;display:grid}.panel{padding:24px}.admin-search-bar{align-items:center;gap:12px;display:flex}.admin-search-bar input{background:#fff;border:1px solid #c8d3e6;border-radius:12px;min-width:240px;padding:10px 14px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.refresh-button{color:#172033;background:#fff;border:1px solid #c8d3e6;border-radius:12px;padding:10px 14px}.empty-state{color:#54617b;gap:8px;padding:24px 0 6px;display:grid}.video-list{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.video-item{background:#fbfcff;border:1px solid #d6e0ee;border-radius:18px;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:16px;display:grid}.video-cover{object-fit:cover;background:#e8eef8;border-radius:14px;width:100%;height:96px}.video-meta{gap:8px;display:grid}.video-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.video-title-row h3,.empty-state h3{margin:0}.status-badge{color:#1d4ed8;background:#dbe7ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:.875rem;font-weight:600;display:inline-flex}.video-subtitle,.video-description,.hint-text{color:#54617b;margin:0}.review-link{color:#2563eb;background:0 0;border:0;justify-self:start;padding:0;font-weight:600}.drawer-cover{object-fit:cover;background:#e8eef8;border-radius:16px;width:100%;max-height:240px;margin:8px 0 14px}.drawer-actions{gap:12px;margin-top:18px;display:flex}.approve-button,.reject-button{color:#fff;border:0;border-radius:12px;padding:12px 16px}.approve-button{background:#16a34a}.reject-button{background:#dc2626}.placeholder-list{margin:0;padding-left:18px}.user-list{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.user-item{background:#fbfcff;border:1px solid #d6e0ee;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;display:flex}.user-main{gap:8px;display:grid}.user-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-title-row h3{margin:0}.user-actions{align-items:center;display:flex}.user-ban-badge{color:#475569;background:#e8eef8}.user-ban-badge.is-banned{color:#b91c1c;background:#fee2e2}.pagination-row{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}@media (width<=920px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{gap:14px}.video-placeholder-grid,.video-layout,.video-item{grid-template-columns:1fr}.admin-search-bar,.pagination-row,.user-item{flex-direction:column;align-items:stretch}.admin-search-bar input{width:100%;min-width:0}}