html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#20252b;background:#f5f6f7;min-height:100vh;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:400}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}:root{color:#20252b;background:#f6f7f8;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:#f5f6f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border:1px solid #dfe3e6;border-radius:10px;width:400px;padding:38px;box-shadow:0 18px 45px #00000012}.login-brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.login-brand img{object-fit:contain;width:38px;height:38px}.login-brand strong{font-size:19px;font-weight:650;display:block}.login-brand span{color:#747d84;margin-top:1px;font-size:12px;display:block}.login-card h1{margin:0 0 26px;font-size:25px;font-weight:650;line-height:32px}.login-card label{color:#515a62;margin-top:17px;font-size:13px;font-weight:500;display:block}.login-card input{border:1px solid #cdd3d7;border-radius:6px;outline:none;width:100%;height:43px;margin-top:7px;padding:0 12px}.login-card input:focus{border-color:#7e888f}.login-card>button{color:#fff;background:#252a2f;border:0;border-radius:6px;width:100%;height:43px;margin-top:24px;font-weight:600}.login-card footer{text-align:center;color:#90979d;margin-top:30px;font-size:10px}.login-error{color:#8b4747;background:#faf3f3;border:1px solid #ead0d0;border-radius:6px;margin-bottom:18px;padding:10px 12px;font-size:12px}.portal{min-height:100vh;display:flex}.portal aside{background:#fff;border-right:1px solid #dfe3e6;flex-direction:column;width:224px;padding:24px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;height:48px;padding:0 8px;display:flex}.brand img{object-fit:contain;width:34px;height:34px}.brand strong{font-size:18px;font-weight:650;display:block}.brand span{color:#747d84;margin-top:1px;font-size:12px;display:block}.portal nav{margin-top:32px}.portal nav button,.logout{text-align:left;color:#555e66;background:0 0;border:0;border-radius:6px;width:100%;height:40px;padding:0 12px;font-size:14px;font-weight:500}.portal nav button.active{color:#20252b;background:#eef1f2}.logout{color:#737b82;margin-top:auto}.workspace{flex-direction:column;width:calc(100% - 224px);min-height:100vh;margin-left:224px;display:flex}.workspace>header{background:#fff;border-bottom:1px solid #dfe3e6;justify-content:space-between;align-items:center;height:80px;padding:0 32px;display:flex}.workspace>header h1{margin:0;font-size:24px;font-weight:650;line-height:30px}.workspace>header>div:first-child span{color:#818990;margin-top:2px;font-size:11px;display:block}.service{color:#687179;background:#eef1f2;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}.service.active{color:#2e7554;background:#eaf4ef}.workspace main{flex:1;width:min(1120px,100% - 64px);margin:34px auto 50px}.workspace main h2{margin:0 0 20px;font-size:21px;font-weight:600;line-height:28px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.cards article{background:#fff;border:1px solid #dfe3e6;border-radius:8px;min-height:104px;padding:20px}.cards span{color:#687179;font-size:13px;display:block}.cards strong{margin-top:12px;font-size:19px;font-weight:600;line-height:25px;display:block}.page-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-head h2{margin:0}.upload{color:#fff;cursor:pointer;background:#252a2f;border-radius:6px;align-items:center;height:40px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.upload input{display:none}.panel{background:#fff;border:1px solid #dfe3e6;border-radius:8px;overflow:hidden}.list-row{border-bottom:1px solid #e8ebed;justify-content:space-between;align-items:center;min-height:62px;padding:0 18px;display:flex}.list-row:last-child{border-bottom:0}.list-row strong{font-size:14px;font-weight:600}.list-row span{color:#727b82;font-size:12px}.list-row small{color:#858d94;margin-top:3px;font-size:11px;display:block}.empty{color:#778087;justify-content:center;align-items:center;min-height:170px;font-size:13px;display:flex}.create-row,.schedule-form{gap:10px;margin-bottom:18px;display:flex}.create-row input,.schedule-form input,.schedule-form select{background:#fff;border:1px solid #cfd5d9;border-radius:6px;outline:none;height:40px;padding:0 11px}.create-row input{width:320px}.schedule-form input:first-child{flex:1}.schedule-form select{min-width:180px}.create-row button,.schedule-form button{color:#fff;background:#252a2f;border:0;border-radius:6px;height:40px;padding:0 15px;font-size:13px;font-weight:600}.error{color:#894949;background:#faf3f3;border:1px solid #ead0d0;border-radius:6px;margin-bottom:18px;padding:11px 13px;font-size:12px}.workspace>footer{color:#899197;justify-content:center;align-items:center;min-height:46px;padding:0 30px;font-size:10px;display:flex}@media (width<=900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.playlist-block{border-bottom:1px solid #e8ebed}.playlist-block:last-child{border-bottom:0}.playlist-row{color:#20252b;text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0 18px;display:flex}.playlist-row:hover{background:#f7f8f9}.playlist-row strong{font-size:14px;font-weight:600}.playlist-row span{color:#747d84;font-size:12px}.playlist-items{background:#f7f8f9;border-top:1px solid #e8ebed;padding:14px 18px 18px}.playlist-add{margin-bottom:12px}.playlist-add select{background:#fff;border:1px solid #cfd5d9;border-radius:6px;min-width:320px;height:38px;padding:0 10px}.playlist-empty{color:#7b848b;padding:18px 0 4px;font-size:13px}.track-row{border-top:1px solid #e2e6e8;grid-template-columns:30px 1fr 90px 76px;align-items:center;gap:12px;min-height:48px;display:grid}.track-number{color:#8a9298;font-size:12px}.track-row strong{font-size:13px;font-weight:500}.track-row>span{color:#778087;font-size:12px}.track-row button{color:#59636b;background:#fff;border:1px solid #cfd5d9;border-radius:5px;height:30px;font-size:11px}