:root{font-family:Arial,'Microsoft YaHei',sans-serif;color:#183a54;background:#eef4f8;line-height:1.6}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{min-height:86px;background:white;padding:16px 4%;display:flex;align-items:center;gap:26px;border-bottom:1px solid #d8e4eb}header img{width:190px;display:block}.links{margin-left:auto;display:flex;gap:18px;align-items:center}a{color:#1475a9;text-decoration:none}main{max-width:1450px;margin:32px auto;padding:0 28px}.card{background:white;border:1px solid #dce7ed;border-radius:16px;padding:26px;margin:18px 0;box-shadow:0 5px 20px #17334a04}.login{max-width:460px;margin:8vh auto}h1{font-size:30px;line-height:1.3;margin:5px 0 12px}h2{font-size:20px;margin:0 0 14px}p{margin:8px 0}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;color:#5594b4}label{display:block;font-weight:bold;margin:16px 0}input,select{display:block;width:100%;padding:12px;font:inherit;border:1px solid #c2d4df;border-radius:8px;margin-top:6px}button{cursor:pointer;font:inherit;padding:10px 18px;border:1px solid #bfd1df;border-radius:9px;color:#24536f;background:#fff}button:disabled{opacity:.55;cursor:wait}.primary{background:#1679ac;color:white;border-color:#1679ac}.login .primary{width:100%;margin-top:12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}nav{display:flex;gap:10px;border-bottom:1px solid #d3e1ea;padding:12px 0}nav .active{background:#143e5b;color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metrics .card{margin-bottom:0}.metrics span{display:block;color:#668092;font-size:14px}.metrics strong{display:block;font-size:34px;margin-top:8px}.metrics strong.small{font-size:22px;color:#bd793a}.note{background:#edf8fd;border-color:#c2e4f2}.note p,.hint{font-size:14px;color:#5e788a}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.group{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f4}.history{max-height:400px;overflow:auto}.history p{padding:8px 0;border-bottom:1px solid #e5edf2;font-size:14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:12px;border-bottom:1px solid #e4edf2;white-space:nowrap}td:nth-child(3){max-width:170px;overflow:hidden;text-overflow:ellipsis}th{color:#6a8495}#message,#loginMessage{color:#b64933}iframe{width:100%;height:1100px;border:1px solid #d2e0ea;border-radius:12px;background:white}#mediaPreview{width:min(100%,860px);display:block;background:#071422;border-radius:12px;margin:20px 0}#mediaForm{display:flex;align-items:end;gap:18px;max-width:640px}#mediaForm label{flex:1}#mediaForm button{margin-bottom:16px}@media(max-width:760px){header{flex-wrap:wrap;gap:10px}header img{width:140px}.links{margin:0;flex-wrap:wrap;font-size:13px}main{padding:0 14px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.columns{grid-template-columns:1fr}.card{padding:18px}#tabs{overflow:auto;white-space:nowrap}#mediaForm{display:block}h1{font-size:26px}}

.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:0 20px}.price-input{min-width:100px;width:110px;margin:0;padding:8px}input[type=checkbox]{display:inline-block;width:auto;transform:scale(1.2);margin-right:10px}.playlist-row{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #dce7ed}.playlist-row span{flex:1}.playlist-row button{padding:3px 12px}@media(max-width:760px){.settings-grid{grid-template-columns:1fr 1fr}}
