*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0a0c14;color:#eaf0ff}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,#7025b733,transparent 35%),radial-gradient(circle at 90% 20%,#00bde830,transparent 35%);pointer-events:none}
.top{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#111522dd;border-bottom:1px solid #ffffff15;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.top b{font-size:20px}.top small{display:block;color:#8893ae;margin-top:3px}.logout,.small{color:#fff;text-decoration:none;border:1px solid #ffffff22;background:#ffffff0d;padding:9px 14px;border-radius:10px}
.layout{display:grid;grid-template-columns:minmax(500px,1.15fr) minmax(360px,.85fr);gap:18px;padding:22px;position:relative}
.card{background:#111522dd;border:1px solid #ffffff12;border-radius:18px;padding:22px;box-shadow:0 18px 50px #0007;backdrop-filter:blur(12px)}
.list-card{grid-column:1/-1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}
label{display:block;color:#aeb8cf;font-size:13px;font-weight:700}input,select{width:100%;margin-top:7px;padding:12px 13px;border-radius:10px;border:1px solid #ffffff18;background:#090c14;color:#fff;outline:none}
input:focus,select:focus{border-color:#00bde8;box-shadow:0 0 0 3px #00bde822}
.primary{width:100%;border:0;border-radius:12px;padding:14px;background:linear-gradient(90deg,#00bde8,#006edb);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 25px #006edb44}
.models{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:12px 0 18px}.model-btn{border:1px solid #ffffff18;background:#080a11;color:#dfe6fa;border-radius:11px;padding:11px 5px;cursor:pointer}.model-btn.active{border-color:#00c7b7;background:#00c7b719;box-shadow:0 0 0 2px #00c7b724}
#preview{width:100%;height:128px;border:0;background:#05060a;border-radius:8px}.tip{color:#77839f;font-size:12px}.message{margin-top:12px;white-space:pre-wrap}.success{color:#7dffb4}.error{color:#ff798e;background:#ff385317;padding:10px;border-radius:9px}
.list-title{display:flex;align-items:center;justify-content:space-between}.player-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #ffffff10;padding:14px 0}.player-row code{display:block;color:#8d98b3;word-break:break-all;margin-top:5px}.actions{display:flex;gap:7px;align-items:center}.actions button{border:1px solid #ffffff1c;background:#080a11;color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box{position:relative;width:min(420px,100%);background:#111522e8;border:1px solid #ffffff18;border-radius:24px;padding:32px;box-shadow:0 25px 80px #000}.login-icon{width:70px;height:70px;display:grid;place-items:center;margin:auto;border-radius:22px;background:linear-gradient(145deg,#00bde8,#006edb);font-size:34px;box-shadow:0 12px 35px #00a0d055}.login-box h1{text-align:center}.login-box p{text-align:center;color:#929db5}.login-box label{margin:14px 0}.login-box .primary{margin-top:8px}
@media(max-width:900px){.layout{grid-template-columns:1fr}.list-card{grid-column:auto}.models{grid-template-columns:repeat(5,1fr)}}@media(max-width:600px){.layout{padding:10px}.card{padding:15px}.grid{grid-template-columns:1fr}.full{grid-column:auto}.models{grid-template-columns:repeat(2,1fr)}.top{padding:0 14px}.player-row{grid-template-columns:1fr}.actions{flex-wrap:wrap}}

.field-title{display:block;color:#aeb8cf;font-size:13px;font-weight:700;margin-bottom:8px}
.days{display:flex;flex-wrap:wrap;gap:8px}
.days label{display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:9px;background:#090c14;border:1px solid #ffffff18}
.days input{width:auto;margin:0}

.preview-card iframe{height:128px!important;background:transparent!important;border:1px solid #ffffff12!important}
.models{grid-template-columns:repeat(4,1fr)}
.model-btn{min-height:54px;font-weight:800;position:relative;overflow:hidden}
.model-btn:before{content:"";position:absolute;inset:auto 8px 7px;height:3px;border-radius:9px;background:linear-gradient(90deg,#00bde8,#7d5cff,#43e8ff)}
.schedule-help{font-size:12px;color:#8792ab;margin-top:6px}
@media(max-width:700px){.models{grid-template-columns:repeat(2,1fr)}}

.announcers-panel{margin-top:4px;padding:16px;border:1px solid #ffffff14;border-radius:14px;background:#090c1488}
.announcers-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.announcers-head h2{margin:0 0 4px}.announcers-head p{margin:0;color:#8490a9;font-size:12px}
.announcer-card{position:relative;margin-top:14px;padding:15px;border:1px solid #ffffff14;border-radius:13px;background:#111522}
.announcer-card .announcer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.announcer-card .remove-announcer{position:absolute;right:12px;top:12px;border:1px solid #ff5d7338;background:#ff3c5615;color:#ff8b9b;border-radius:8px;padding:7px 9px;cursor:pointer}
.announcer-card h3{margin:0 80px 12px 0;font-size:15px}
.announcer-days{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.announcer-days label{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;background:#090c14;border:1px solid #ffffff16}
.announcer-days input{width:auto;margin:0}
@media(max-width:650px){.announcer-card .announcer-grid{grid-template-columns:1fr}.announcers-head{align-items:flex-start;flex-direction:column}}


/* =========================================================
   TEMA PREMIUM DO ADMIN E LOGIN
   ========================================================= */
:root{--a1:#7c3cff;--a2:#ff347f;--a3:#35d7ff;--surface:#111522;--surface2:#171c2c}
body{background:#070a12;color:#eef2ff}
body:before{
  background:
   radial-gradient(circle at 8% 8%,#7c3cff30,transparent 30%),
   radial-gradient(circle at 92% 10%,#ff347f26,transparent 28%),
   radial-gradient(circle at 55% 100%,#35d7ff18,transparent 35%);
}
.top{
  height:76px;
  background:linear-gradient(90deg,#0d1120ed,#151326ed);
  border-bottom:1px solid #ffffff16;
  box-shadow:0 10px 35px #0005;
}
.brand-admin{display:flex;align-items:center;gap:12px}
.brand-mark{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  color:white;background:linear-gradient(145deg,var(--a2),var(--a1));
  box-shadow:0 9px 25px #7c3cff55;font-size:22px
}
.layout{max-width:1500px;margin:auto;grid-template-columns:minmax(540px,1.15fr) minmax(390px,.85fr);gap:20px}
.card{
  background:linear-gradient(145deg,#131827ef,#0e121def);
  border:1px solid #ffffff14;border-radius:22px;
  box-shadow:0 22px 65px #0008,inset 0 1px #ffffff08;
}
.form-card{position:relative;overflow:hidden}
.form-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--a2),var(--a1),var(--a3))}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}
.section-heading.compact{align-items:center}
.section-heading h1,.section-heading h2{margin:3px 0 5px}
.section-heading p{margin:0;color:#8d99b3;font-size:13px}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#66dfff}
.status-pill,.device-pill{
  flex:none;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;
  background:#64ffad12;border:1px solid #64ffad25;color:#72ffb3
}
.device-pill{background:#56c9ff12;border-color:#56c9ff25;color:#75d6ff}
input,select{
  background:#080b13;border:1px solid #ffffff19;border-radius:12px;
  transition:.2s;box-shadow:inset 0 1px 0 #ffffff05
}
input:hover,select:hover{border-color:#ffffff2b}
input:focus,select:focus{border-color:#00bde8;box-shadow:0 0 0 4px #00bde81c}
.primary{
  padding:15px;border-radius:13px;background:linear-gradient(90deg,var(--a2),var(--a1));
  box-shadow:0 12px 30px #7c3cff3d;transition:.25s
}
.primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px #7c3cff55}
.models{gap:11px}
.model-btn{
  border-radius:13px;background:linear-gradient(145deg,#0a0d16,#121724);
  transition:.2s;border-color:#ffffff12
}
.model-btn:hover{transform:translateY(-2px);border-color:#ffffff2e}
.model-btn.active{border-color:#00c7b7;background:linear-gradient(145deg,#073a48,#0b1820);box-shadow:0 0 0 3px #00a0d01a}
.preview-card{position:sticky;top:96px;height:max-content}
#preview{border-radius:13px!important;box-shadow:0 12px 32px #0008}
.announcers-panel{background:linear-gradient(145deg,#0b0f19,#111626);border-radius:16px}
.announcer-card{background:linear-gradient(145deg,#141a2a,#0d111b);box-shadow:0 10px 25px #0004}
.player-row{padding:16px;border-top-color:#ffffff0d}
.player-row:hover{background:#ffffff04}
.actions button,.small,.logout{transition:.2s}
.actions button:hover,.small:hover,.logout:hover{border-color:#00bde8;background:#00bde818}

/* Login profissional */
.login-page{padding:24px;background:#060911}
.login-page:before{background:radial-gradient(circle at 18% 45%,#7c3cff38,transparent 34%),radial-gradient(circle at 85% 25%,#ff347f30,transparent 30%)}
.login-shell{
  position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:1.08fr .92fr;
  overflow:hidden;border-radius:28px;border:1px solid #ffffff16;
  background:#101522dd;box-shadow:0 35px 100px #000b
}
.login-showcase{
  min-height:580px;padding:55px;display:flex;flex-direction:column;justify-content:center;
  background:
    linear-gradient(145deg,#5a24c9d9,#23134ee6),
    radial-gradient(circle at 30% 20%,#ff4b9688,transparent 30%);
  position:relative;overflow:hidden
}
.login-showcase:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff18;border-radius:50%;right:-130px;bottom:-130px;box-shadow:0 0 0 45px #ffffff06,0 0 0 90px #ffffff04}
.showcase-badge{width:max-content;padding:7px 11px;border:1px solid #ffffff35;border-radius:999px;font-size:10px;letter-spacing:1.8px;font-weight:900}
.login-showcase h2{font-size:38px;line-height:1.08;margin:24px 0 14px;max-width:470px}
.login-showcase p{color:#e4dcff;line-height:1.55;max-width:470px}
.showcase-wave{height:85px;display:flex;align-items:center;gap:6px;margin:28px 0}
.showcase-wave i{display:block;width:6px;height:18%;border-radius:9px;background:#fff;box-shadow:0 0 13px #fff;animation:loginWave .65s ease-in-out infinite alternate}
.showcase-wave i:nth-child(2n){animation-duration:.48s}.showcase-wave i:nth-child(3n){animation-duration:.83s}
@keyframes loginWave{to{height:90%}}
.showcase-features{display:flex;flex-wrap:wrap;gap:9px}.showcase-features span{padding:8px 10px;border-radius:9px;background:#ffffff10;border:1px solid #ffffff17;font-size:11px}
.login-box{
  width:auto;border:0;border-radius:0;padding:48px;background:linear-gradient(145deg,#151a29,#0c101a);
  box-shadow:none;display:flex;flex-direction:column;justify-content:center
}
.login-box .login-icon{margin:0 0 20px;width:62px;height:62px;border-radius:18px}
.login-box h1{text-align:left;margin:6px 0 6px}.login-box p{text-align:left;margin:0 0 18px}
.login-box label{margin:12px 0}
.input-wrap{display:flex;align-items:center;margin-top:7px;border:1px solid #ffffff18;background:#080b13;border-radius:12px;padding-left:12px}
.input-wrap:focus-within{border-color:#00bde8;box-shadow:0 0 0 4px #00bde81c}
.input-wrap input{margin:0;border:0;background:transparent;box-shadow:none!important}
.login-box .primary{display:flex;align-items:center;justify-content:space-between;margin-top:13px}
.login-foot{text-align:center;color:#626f8c;margin-top:18px}

@media(max-width:1000px){
  .layout{grid-template-columns:1fr}
  .preview-card{position:relative;top:auto}
}
@media(max-width:760px){
  .login-shell{grid-template-columns:1fr}
  .login-showcase{display:none}
  .login-box{padding:38px 28px}
  .section-heading{flex-direction:column}
  .status-pill,.device-pill{align-self:flex-start}
}
@media(max-width:600px){
  .top{height:68px}.brand-admin small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .layout{padding:10px}.card{border-radius:16px}
}

/* cartões dos 20 lançamentos: nenhum usa a mesma assinatura visual */
.model-btn{min-height:66px;text-align:left;padding:10px 10px 13px}.model-btn span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;margin-bottom:5px;background:#ffffff10;font-size:11px}.model-btn small{font-size:10px;letter-spacing:.2px}.model-card-1:before{background:linear-gradient(90deg,#8d99a8,#e8edf2)}.model-card-2:before{background:linear-gradient(90deg,#00eaff,#a654ff);box-shadow:0 0 9px #00eaff}.model-card-3:before{background:linear-gradient(90deg,#6b737e,#d0a34c)}.model-card-4:before{background:linear-gradient(90deg,#bdefff,#7e8cff)}.model-card-5:before{background:linear-gradient(90deg,#1f2027,#b5b6c1)}.model-card-6:before{background:linear-gradient(90deg,#2cff88,#25aaff)}.model-card-7:before{background:linear-gradient(90deg,#7a163a,#d7b36b)}.model-card-8:before{background:linear-gradient(90deg,#5b48ff,#ff4ac8)}.model-card-9:before{background:linear-gradient(90deg,#dff9ff,#54b8ff)}.model-card-10:before{background:linear-gradient(90deg,#ff203e,#393f48)}.model-card-11:before{background:linear-gradient(90deg,#c3ad7a,#5b4730)}.model-card-12:before{background:linear-gradient(90deg,#050505,#50eaff)}.model-card-13:before{background:linear-gradient(90deg,#ff48e0,#65eaff)}.model-card-14:before{background:linear-gradient(90deg,#19d787,#77ffc3)}.model-card-15:before{background:linear-gradient(90deg,#ffb242,#ff4d72,#b955ff)}.model-card-16:before{background:linear-gradient(90deg,#e5f8ff,#79cfff)}.model-card-17:before{background:linear-gradient(90deg,#a87a1c,#ffe89a)}.model-card-18:before{background:linear-gradient(90deg,#202226,#ff6b3d)}.model-card-19:before{background:linear-gradient(90deg,#376cff,#79efff)}.model-card-20:before{background:linear-gradient(90deg,#ffffff,#a68cff)}