:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17202a;background:#f6f7fb}*{box-sizing:border-box}body{margin:0}header{min-height:70px;background:#18253a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,60px);gap:20px}header strong{font-size:20px;display:block}header span{font-size:13px;opacity:.7}header label{font-size:12px;display:grid;gap:4px}input{border:1px solid #d4d8e1;border-radius:7px;padding:9px 10px;font:inherit;background:#fff}header input{min-width:220px}main{max-width:1120px;margin:28px auto;padding:0 20px}nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}button{font:inherit;border:0;border-radius:7px;padding:9px 13px;cursor:pointer;background:#e6e9ef;color:#243148}button:hover{filter:brightness(.97)}button.active,.primary{background:#276ef1;color:#fff}.tab{display:none}.tab.active{display:block}.toolbar,.panel form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.toolbar label,.panel label{display:grid;gap:5px;font-size:13px;color:#566171}.panel{background:#fff;border:1px solid #e3e6ec;border-radius:12px;padding:20px;margin-bottom:16px}.panel h2{margin:0 0 16px;font-size:18px}.cards{display:grid;gap:10px}.card{background:#fff;border:1px solid #e3e6ec;border-radius:10px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:center}.card form{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;width:100%}.card form h3,.card form p,.card form button{grid-column:1/-1;margin:0}.card label{display:grid;gap:5px;font-size:12px;color:#566171}.session{display:grid;gap:4px}.session span,.card>span{font-size:13px;color:#667085}.badge{font-size:12px;border-radius:99px;padding:4px 8px;background:#fff3cf;color:#7b5700}.badge.reported{background:#ddf8e9;color:#197144}.badge.no_music{background:#edf0f4;color:#586273}.count{font-size:12px;margin-left:7px;color:#667085}.hint,.empty{color:#687385;font-size:14px}.empty{padding:25px;background:#fff;border-radius:10px}a{color:#1d5ed3}code{background:#eef1f5;padding:2px 5px;border-radius:4px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}header input{min-width:0}.card{align-items:flex-start;flex-direction:column}.card form{grid-template-columns:1fr}}