*{box-sizing:border-box}body{margin:0;background:#07111d;color:#eaf2fb;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#081522;border-right:1px solid #1c3143;position:sticky;top:0;height:100vh;padding:18px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.brand .live-icon{font-size:38px;color:#ff2929}.brand small{display:block;letter-spacing:1px}.brand strong{display:block;font-size:21px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.logout{color:#e6eef6;text-decoration:none;padding:13px 14px;border-radius:6px;display:flex;gap:13px;align-items:center}.sidebar nav a.active{background:#176df1}.sidebar nav a:hover{background:#13283a}.logout{margin-top:auto;color:#ff5b5b}main{padding:18px 20px 30px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}header h1{margin:0 0 5px;font-size:26px}header p,.card p{margin:0;color:#9eb0c1}.top-status{display:flex;gap:18px;align-items:center}.online,.green{color:#16d77b}.online{background:#063d2d;padding:7px 12px;border-radius:8px}.grid{display:grid;gap:12px}.top-grid{grid-template-columns:1.05fr 1.05fr 1.1fr}.two{grid-template-columns:1fr 1fr}.card{background:linear-gradient(180deg,#152838,#102130);border:1px solid #294052;border-radius:7px;padding:16px;box-shadow:0 4px 16px #0003}.card h2{font-size:17px;margin:0 0 14px}.card h3{font-size:15px;margin:18px 0 10px}.card h2 small{color:#93a8b9;font-weight:400}.live-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px}.live-badge{background:#4a5d6d;padding:15px 28px;border-radius:15px;font-size:19px;font-weight:800}.live-badge.on{background:#f42424}.timer{font-size:29px}.actions,.mode-row{display:flex;gap:10px}.btn{border:0;border-radius:6px;padding:11px 14px;color:#fff;background:#385166;cursor:pointer;font-weight:600}.btn.primary{background:#1976f3}.btn.danger{background:#ef3d3d}.btn.outline{background:transparent;border:1px dashed #3587da;color:#55a6ff}.btn.small{padding:8px 11px;font-size:12px}.btn.full{width:100%}.mode{flex:1;text-align:left;background:#102335;color:#dfeaf4;border:1px solid #29475d;padding:13px;border-radius:7px;cursor:pointer}.mode.selected{border-color:#2488ff;background:#0e2c49}.mode b,.mode small{display:block}.mode small{color:#8fa6b8;margin-top:4px}.dest-row,.playlist-row,.user-row{display:grid;grid-template-columns:38px 1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid #294052;padding:9px 0}.platform{font-size:22px}.muted{color:#91a2b1}.playlist-row{grid-template-columns:22px 54px 1fr auto}.playlist-row small{display:block;color:#9aabba}.thumb{height:36px;background:#263c50;border-radius:4px;display:grid;place-items:center}.tag{background:#37546b;padding:6px 8px;border-radius:5px;font-size:11px}.title-action{display:flex;justify-content:space-between;align-items:flex-start}.apuracao-card{margin-top:12px}.apuracao-summary{display:grid;grid-template-columns:140px 1fr repeat(3,150px);gap:16px;align-items:center}.apuracao-summary>div:first-child strong{display:block;font-size:45px}.apuracao-summary span,.metric small{display:block;color:#aab9c7}.progress{height:22px;background:#24394a;border:1px solid #6c8091;border-radius:15px;overflow:hidden}.progress i{display:block;height:100%;background:#2585ff;border-radius:15px}.metric{background:#172d3f;padding:13px;border:1px solid #31495c;border-radius:6px}.metric b{font-size:19px}.preview-grid{display:grid;grid-template-columns:1.55fr .85fr 1.05fr;gap:10px;margin-top:12px}.preview-grid iframe,.monitor,.scene-grid iframe{width:100%;aspect-ratio:16/9;border:1px solid #31495c;background:#000}.section-label{display:inline-block;background:#0e1b26;padding:8px 18px;font-weight:800;border-radius:6px 6px 0 0}.section-label.red{background:#ef1f1f}.obs-links{background:#101d28;padding:9px;font-size:11px}.obs-links code{display:block;margin-top:6px;color:#9ed0ff;white-space:nowrap;overflow:hidden}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:15px 0}label{display:flex;flex-direction:column;gap:7px;color:#b8c7d4}input{background:#0a1824;border:1px solid #365064;color:#fff;border-radius:5px;padding:11px}.candidate-edit,.editor-row{display:grid;grid-template-columns:1.2fr .8fr 1fr .7fr 1.5fr;gap:8px;margin-bottom:8px}.editor-row{grid-template-columns:1.2fr 1.8fr 1fr auto auto;align-items:center}.big-control{display:flex;gap:12px;margin:25px 0}.big-control .btn{flex:1;padding:22px}.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scene-grid b{display:block;margin-bottom:8px}.note{margin-top:15px!important}.avatar{width:38px;height:38px;border-radius:50%;background:#277af0;display:grid;place-items:center}.user-row{grid-template-columns:48px 1fr auto}.user-row small{display:block;color:#9badbd}.logs div{padding:10px;border-bottom:1px solid #294052}.logs time{display:inline-block;width:155px;color:#7da2c0}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#17314a,#06101a 65%)}.login-card{width:min(420px,92vw);background:#102130;border:1px solid #2c4558;padding:30px;border-radius:12px;box-shadow:0 20px 60px #0008}.login-card h1{font-size:24px;margin:10px 0}.login-card p{color:#9eb0c1}.login-card label{margin:16px 0}.login-hint{margin-top:18px;color:#8299aa;font-size:12px}.alert{padding:10px;border-radius:5px}.alert.danger{background:#642323;color:#ffd7d7}@media(max-width:1100px){.app{grid-template-columns:220px 1fr}.top-grid,.preview-grid{grid-template-columns:1fr}.apuracao-summary{grid-template-columns:1fr 2fr repeat(3,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{height:auto;position:relative}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.top-status{display:none}.two,.form-grid,.scene-grid{grid-template-columns:1fr}.apuracao-summary{grid-template-columns:1fr}.candidate-edit,.editor-row{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}}