/* Compact administration layout inspired by the supplied reference. */
:root{--accent:#873cde;--muted:#7d8794;--line:#e6e9ee;background:#f0f2f5;color:#303845;font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
.sidebar{width:220px;background:#041827;border-right:1px solid #0e2536;padding:0 0 22px;color:#d6dfeb}
.brand{min-height:88px;padding:22px 18px;gap:10px;border-bottom:1px solid #172b3b;color:#ba62f1}
.brand:hover{text-decoration:none}.brand-copy>[data-site-name]{font-size:16px;font-weight:700}.brand small{color:#8ea1b5;font-size:10px;letter-spacing:0}
.brand-icon{background:#132d3f;color:#d79bf9;width:34px;height:34px;flex-basis:34px;border-radius:6px}
.nav-label{font-size:11px;color:#97a9bb;background:#0b2233;padding:16px 18px;margin:0;letter-spacing:0;font-weight:650}
.sidebar nav{padding:8px 0}.nav{color:#a8b9ca;border-radius:0;padding:13px 20px;margin:0;gap:12px;font-size:13px;line-height:1.6;min-height:47px}
.nav span{font-size:17px;width:21px;color:#9fb5c9}.nav:hover{background:#0c2538;filter:none;color:#fff}
.nav.active{background:#422258;color:#fff;border-right:3px solid #a54dec;font-weight:600}.nav.active span{color:#d69cf6}
#settings-nav{margin-top:15px;border-top:1px solid #193044}
.sidebar-bottom{padding:25px 20px 0;font-size:11px}.sidebar-bottom a{color:#97aabc}.sidebar-bottom p{color:#71889b;font-size:10px}
.workspace{margin-left:220px}header{height:65px;margin:22px 24px 0;padding:0 23px;border:0;border-radius:9px;box-shadow:0 1px 5px #15233608;gap:18px}
.breadcrumb{font-size:0}.breadcrumb>span{display:none}.breadcrumb b{font-size:18px;color:#303845;font-weight:650}
.session{gap:13px;font-size:12px;color:#7b8490}.language-control{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;white-space:nowrap;color:#727e8e}.language-control select{margin:0;width:100px;padding:7px 9px;font-size:12px;background:#fff;border-color:#e0e4ea;border-radius:5px}
main{padding:22px 24px 42px;max-width:none;margin:0;flex:1}.page-heading{display:none}
.panel{border:0;border-radius:10px;box-shadow:0 1px 5px #14243408;padding:24px}
.soft{background:#fff;border:1px solid #e6e9ef;box-shadow:none}.primary{background:#883ddd;border-color:#883ddd;border-radius:5px;padding:10px 17px;font-size:13px}.primary:hover{background:#7830c9}
button{border-radius:5px;padding:8px 13px;font-size:12px}.quiet{font-weight:400;background:#fff}.danger{color:#c3444e}
input,select,textarea{border-radius:5px;background:#fff;border-color:#dfe4ea;font-size:13px;padding:10px 11px;color:#384353}
input:focus,textarea:focus,select:focus{outline-color:#c3a3eb;border-color:#ab7de0}
label{font-size:12px;color:#596477}h2{font-size:16px}h3{font-size:14px}p{font-size:12px}
.configuration{border-radius:6px;background:#fff4f2;border-color:#ffd8d1;color:#b65047;padding:12px 16px;margin-bottom:18px}
.notice{border-radius:6px;background:#eff8f2;border-color:#d0e8d7}
.channel-picker{border:0;border-radius:7px;padding:12px 16px;margin-bottom:18px;box-shadow:0 1px 4px #17293e05}
.searchbar{padding:7px;border-radius:7px;box-shadow:none;border:0}.section-title{margin:22px 0 16px}
.video-card{border:0;border-radius:9px;box-shadow:0 1px 5px #1424340a}.video-grid{gap:18px}
.empty-icon{background:#f0eaf8;border-color:#e9def6;color:#9e74c8;border-radius:12px}
.wide-grid{background:#fff;border:0;border-radius:10px;min-height:300px}.empty{color:#919aa6}
.empty h3{color:#657184}.file-zone{background:#faf8fd;border-color:#d6c5eb}
.brand-preview{background:#f5f1fa;border-color:#d8c8e9;color:var(--accent)}
.status{background:#f0e8fa;color:#8456ad}.metric{color:#8051b2}.list-card{border-color:#e8eaf0;border-radius:7px}
footer{margin:0 24px;padding:18px 0;background:transparent;gap:18px;border-top:1px solid #e1e5eb}
footer a{color:#7d8794}.youtube-footer{background:white}.login-card{margin:65px auto;max-width:1050px}.login-card .panel{box-shadow:0 3px 18px #15233608}
.login-card h1{color:#263343}.login-note{color:#8a8494}.eyebrow{color:#9674b4}
.table-wrap{overflow:auto;background:#fff;border-radius:8px}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:620px}
.admin-table th{padding:13px 14px;background:#f8f9fb;font-weight:600;color:#687482;border-bottom:1px solid #e9edf1;white-space:nowrap}
.admin-table td{padding:15px 14px;border-bottom:1px solid #edf0f4;vertical-align:top}.admin-table tr:last-child td{border-bottom:0}.admin-table progress{min-width:80px;margin:4px 0}.admin-table .actions{gap:6px}.admin-table .small{margin:4px 0;max-width:240px;overflow-wrap:anywhere}
#view-upload .two-col{grid-template-columns:minmax(300px,1fr) minmax(0,1.6fr)}.admin-table .empty-row{text-align:center;height:130px;color:#929ba6;vertical-align:middle}
html[lang=en] .nav{font-size:12px}html[lang=en] .brand small{font-size:9px}html[lang=en] .brand-copy>[data-site-name]{font-size:15px}
@media(max-width:1200px){#view-upload .two-col{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}
@media(max-width:720px){
 .sidebar{width:100%;position:static;padding:0}.brand{min-height:64px;padding:15px 18px}.nav-label,.sidebar-bottom{display:none}
 .sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 8px;gap:2px}.nav{padding:9px 6px;font-size:11px;gap:5px;min-height:42px;white-space:normal;line-height:1.45}.nav span{width:15px;font-size:14px;flex-shrink:0}.nav.active{border-right:0;border-radius:4px}
 #settings-nav{margin:0;border-top:0}.workspace{margin-left:0}header{margin:12px 12px 0;padding:12px;height:auto;min-height:64px;flex-wrap:wrap;gap:10px}.breadcrumb b{font-size:15px}.session{gap:8px;flex-wrap:wrap;justify-content:flex-end}.language-control{font-size:10px;gap:4px}.language-control select{width:87px;font-size:11px;padding:6px}.session button{padding:6px 8px}
 main{padding:14px 12px 30px}.panel{padding:18px}.two-col,#view-upload .two-col{grid-template-columns:minmax(0,1fr)}.video-grid{grid-template-columns:1fr}.channel-picker{padding:12px}
 footer{margin:0 12px;padding:17px 0;font-size:10px}.login-card{margin:15px 0}.connect-panel{gap:15px}.configuration{font-size:11px}.branding-fields{gap:10px}.form-row{gap:0}
}