@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Outfit:wght@400;500;600;700;800&display=swap";.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#0b101c}.app aside{padding:28px 14px;background:#111b2d;display:grid;align-content:start;gap:7px}.app aside b{padding:12px;color:#fff;font:700 16px DM Mono,monospace}.app aside i{color:#24e6ff;font-style:normal}.app aside button{padding:12px;border:0;border-radius:8px;background:transparent;color:#c8d4e9;text-align:left;cursor:pointer}.app aside button:hover,.app aside .on{background:#253a5c;color:#fff}.app section{padding:36px max(4vw,24px)}.app section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.app section>header p{color:#24e6ff;font:11px DM Mono,monospace}.app section h1{margin:0;font-size:40px}.new,.editor button{padding:11px 15px;border:0;border-radius:8px;background:#24e6ff;color:#06101b;font-weight:800;cursor:pointer}.list{display:grid;gap:12px}.list article{display:flex;justify-content:space-between;gap:18px;padding:19px;border:1px solid #2d4266;border-radius:12px;background:#101827}.list-cover{width:132px;height:74px;object-fit:cover;border-radius:8px;flex:none}.list h2{margin:5px 0}.list p{margin:0;color:#b9c5d9}.list button{margin-left:7px;padding:8px;border:1px solid #405371;border-radius:7px;background:#17233b;color:#fff;cursor:pointer}.editor{display:grid;gap:14px;max-width:800px;padding:25px;border:1px solid #2d4266;border-radius:14px;background:#101827}.editor label{display:grid;gap:6px;color:#fff}.editor input,.editor textarea{width:100%;padding:11px;border:1px solid #3d506f;border-radius:8px;background:#080e19;color:#fff}.editor textarea{min-height:110px}.editor label:has(input[type=checkbox]){display:flex;align-items:center}.editor label:has(input[type=checkbox]) input{width:auto}@media (max-width:700px){.app{grid-template-columns:1fr}.app aside{grid-template-columns:repeat(3,1fr)}.app aside b{grid-column:1/-1}.list article{display:block}.list article>div+div{margin-top:14px}}*{box-sizing:border-box}body{margin:0;background:#080b14;color:#eff4ff;font-family:Outfit,Arial,sans-serif}button,input,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#31235f,#070914 55%)}.login form{display:grid;gap:13px;width:min(420px,90vw);padding:38px;border:1px solid #405078;border-radius:18px;background:#101827;box-shadow:0 20px 60px #0008}.login p{color:#24e6ff;font:12px DM Mono,monospace;letter-spacing:2px;margin:0}.login h1{margin:0 0 12px}.login input,.card input,.card textarea,.studio header input{width:100%;padding:12px;border:1px solid #3d506f;border-radius:8px;background:#080e19;color:#fff}.login button,.card button{border:0;border-radius:8px;padding:12px 15px;background:#24e6ff;color:#06101b;font-weight:800;cursor:pointer}.studio,.programs{min-height:100vh;padding:28px max(4vw,22px);background:linear-gradient(145deg,#09101d,#080b14)}.studio header,.programs header{display:flex;align-items:center;gap:20px;padding:0 0 25px;border-bottom:1px solid #283a58}.studio header>div{flex:1}.studio header p,.programs header p{margin:0;color:#24e6ff;font:11px DM Mono,monospace;letter-spacing:1.4px}.studio h1,.programs h1{margin:4px 0;color:#fff;font-size:clamp(31px,4vw,52px);line-height:1}.studio header>button{padding:10px 13px;border:1px solid #3c5377;border-radius:8px;background:#111d31;color:#fff;cursor:pointer}.live-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.3fr);gap:17px;margin-top:22px;align-items:start}.card{padding:20px;border:1px solid #2d4266;border-radius:16px;background:#101827;box-shadow:0 14px 30px #0004}.card h2{margin:0 0 15px;font-size:21px}.card label,.card form{display:grid;gap:9px}.card textarea{min-height:86px;resize:vertical}.card button:hover{filter:brightness(1.08)}.whatsapp{grid-row:span 2}.whatsapp h2 b{display:inline-grid;place-items:center;margin-left:8px;width:24px;height:24px;border-radius:50%;background:#ff50ca;color:#fff;font-size:12px}.message-list{display:grid;gap:8px;max-height:355px;overflow:auto;margin-bottom:12px}.message-list button{display:grid;text-align:left;background:#17233b;color:#fff}.message-list small,.playlist small,.guests small{color:#9cb2d3}.message-list strong{font-weight:500}.playlist details{border-top:1px solid #2b3e5d;padding:11px 0}.playlist summary{font-weight:700;cursor:pointer}.playlist p{margin:8px 0;color:#d4ddef}.guests article{margin-top:12px;padding-top:12px;border-top:1px solid #2b3e5d}.guests article p{margin:7px 0;color:#d4ddef}.programs>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px;margin-top:32px}.programs>div>button{display:grid;gap:8px;text-align:left;padding:24px;border:1px solid #2e4468;border-radius:15px;background:#101827;color:#fff;cursor:pointer}.programs>div>button:hover{border-color:#24e6ff;transform:translateY(-2px)}.programs>div b{font-size:25px}.programs>div span{color:#a9b8d1}.programs>div em{color:#24e6ff;font-style:normal;font-weight:700;margin-top:10px}@media (max-width:800px){.studio header{display:grid;grid-template-columns:1fr auto}.studio header>div{grid-column:1/-1;order:-1}.live-grid{grid-template-columns:1fr}.whatsapp{grid-row:auto}}.card select,.editor select{width:100%;padding:12px;border:1px solid #3d506f;border-radius:8px;background:#080e19;color:#fff}.row,.user-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.notice{color:#ffd38e}.users{display:grid;gap:20px}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto!important}@media (max-width:800px){.user-grid,.row{grid-template-columns:1fr}}.image-field{display:grid;gap:8px}.image-field img{width:100%;max-width:280px;max-height:180px;object-fit:cover;border-radius:8px;border:1px solid #3d506f}.image-field select{width:100%;padding:10px;border:1px solid #3d506f;border-radius:8px;background:#080e19;color:#fff}.upload{display:inline-flex!important;align-items:center;width:max-content;padding:9px 12px;border-radius:8px;background:#263d63;color:#fff;cursor:pointer}.upload input{display:none}.media-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.media-library article{display:grid;gap:8px;padding:12px;border:1px solid #2d4266;border-radius:12px;background:#101827;overflow:hidden}.media-library img{width:100%;height:130px;object-fit:cover;border-radius:8px}.media-library small,.media-library code{color:#a9b8d1;word-break:break-all;font-size:12px}.media-upload{margin-bottom:18px}.media-upload small{display:block;margin-top:8px;color:#a9b8d1}.content-field{display:grid;gap:8px}.content-tools{display:flex;flex-wrap:wrap;gap:6px}.content-tools button{padding:7px 10px;border:1px solid #3d506f;border-radius:7px;background:#17243a;color:#fff;cursor:pointer}.content-field textarea{min-height:240px}.app{background:radial-gradient(circle at 80% -10%,#25386b55,transparent 35%),#070b14}.app aside{position:sticky;top:0;height:100vh;border-right:1px solid #283b5e;background:linear-gradient(180deg,#121c30,#0a101c)}.app aside b{margin-bottom:14px;font-size:18px}.app aside button{font-weight:600;letter-spacing:.1px}.app aside button.on{box-shadow:inset 3px 0 #24e6ff;background:#1b2b48}.app section{max-width:1540px}.app section>header{padding-bottom:18px;border-bottom:1px solid #2a3c5a}.app section h1{letter-spacing:-1.8px}.list article{transition:border-color .2s,transform .2s}.list article:hover{border-color:#527db9;transform:translateY(-1px)}.list article>div:last-child{display:flex;align-items:center;gap:7px}.list button{margin:0}.new{background:#ff50ca!important;color:#fff!important;box-shadow:0 8px 22px #ff50ca36}.editor{box-shadow:0 22px 55px #0005}.editor>div:last-child{display:flex;gap:9px}.editor>div:last-child button+button{background:#1e2c45;color:#fff}.users .editor{max-width:none}.users h2{margin-top:0}.programs{background:radial-gradient(circle at 80% 0,#36215d77,transparent 32%),#080c16}.programs header{max-width:1280px;margin:auto}.programs>div{max-width:1280px;margin:32px auto}.programs>div>button{min-height:210px;background:linear-gradient(145deg,#151e32,#0d1321);position:relative;overflow:hidden}.programs>div>button:before{content:"";position:absolute;inset:auto -10% -65% auto;width:180px;height:180px;border-radius:50%;background:#24e6ff12}.programs>div>button:hover{background:#172943;box-shadow:0 16px 36px #0007}.studio{background:radial-gradient(circle at 94% 0,#3c175a88,transparent 31%),linear-gradient(145deg,#090f1b,#070a12)}.studio header{position:sticky;z-index:5;top:0;padding-top:10px;background:#090e19e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio header h1{font-size:clamp(34px,4vw,56px)}.studio header>button:last-child{border-color:#ff50ca;color:#ffb7e5}.studio header input{max-width:164px}.studio .notice{padding:12px 15px;border:1px solid #7a4e33;border-radius:9px;background:#301e16}.live-grid{max-width:1450px;margin-inline:auto;grid-template-columns:minmax(300px,.95fr) minmax(360px,1.25fr)}.card{border-color:#304a72;background:linear-gradient(150deg,#121c2d,#0d1421);box-shadow:0 15px 38px #0006}.card h2{display:flex;align-items:center;gap:9px}.card h2:before{content:"";width:8px;height:8px;border-radius:50%;background:#24e6ff;box-shadow:0 0 12px #24e6ff}.card button{background:#24e6ff!important;color:#06101b!important}.card button+button{margin-top:7px;background:#ff50ca!important;color:#fff!important}.card textarea,.card input{border-color:#3c5377!important}.whatsapp{border-color:#87517d;background:linear-gradient(145deg,#20162a,#111523)}.whatsapp h2:before{background:#25d366;box-shadow:0 0 12px #25d366}.message-list{max-height:450px}.message-list button{border-left:3px solid #25d366!important;border-radius:6px!important;padding:11px!important}.message-list button:hover{background:#22324d!important}.playlist details{padding:13px 0}.playlist summary{font-size:15px}.media-library{margin-top:14px}.media-library article{background:#111a2b}.image-field img{box-shadow:0 8px 18px #0008}@media (max-width:800px){.app aside{position:static;height:auto}.studio header{position:static}.studio header input{max-width:none}.live-grid{margin-top:16px}.card{padding:16px}.programs>div>button{min-height:160px}}