:root{--bg-main: #0e1114;--bg-panel: #141a20;--bg-soft: #1b2229;--line: #2b3640;--text: #f1f4f7;--muted: #aeb7bf;--accent: #34c38f;--danger: #f15a5a;--font-main: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:radial-gradient(circle at 20% 10%,#1a2630,var(--bg-main) 45%);color:var(--text);font-family:var(--font-main)}button,input{font-family:inherit}.loading{height:100%;display:grid;place-items:center;color:var(--muted)}.login-wrap{width:100%;height:100%;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);border:1px solid var(--line);background:var(--bg-panel);border-radius:14px;padding:1.2rem;display:grid;gap:.7rem}.login-card h1{margin:0;font-size:1.6rem}.login-card p{margin:0;color:var(--muted)}.login-card label{font-size:.86rem;color:var(--muted)}.login-card input{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);padding:0 .7rem}.login-card button,.topbar button,.panel-table button{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);cursor:pointer}.login-card button:disabled{opacity:.7;cursor:default}.error-text{border:1px solid #7f2a2a;background:#2f1616;color:#ffd3d3;border-radius:8px;padding:.6rem .7rem;font-size:.9rem}.app-wrap{width:100%;height:100%;padding:1rem;display:grid;grid-template-rows:auto 1fr;gap:.8rem}.topbar{border:1px solid var(--line);background:var(--bg-panel);border-radius:12px;padding:.9rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar h1{margin:0;font-size:1.3rem}.topbar p{margin:.25rem 0 0;color:var(--muted)}.panel{border:1px solid var(--line);background:var(--bg-panel);border-radius:12px;padding:.8rem;display:flex;flex-direction:column;gap:.8rem;min-height:0;overflow:auto}.panel-tools{display:flex;gap:.8rem;align-items:center;justify-content:space-between}.panel-tools-left{display:flex;align-items:center;gap:.8rem;flex:1;min-width:0}.panel-tools-right{display:inline-flex;align-items:center;gap:.8rem;flex-wrap:wrap}.open-streams-btn{height:36px;border:1px solid #2b7a5d;border-radius:9px;background:#1f2f29;color:#d8f3e6;cursor:pointer;padding:0 .9rem;font-weight:700;letter-spacing:.03em}.clear-streams-btn{height:36px;border:1px solid #55606b;border-radius:9px;background:#1b242e;color:#e2e8ef;cursor:pointer;padding:0 .9rem;font-weight:600}.multi-control-panel{border:1px solid var(--line);border-radius:10px;background:#111922;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.7rem}.multi-control-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.multi-count-control{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.9rem}.multi-summary-chip{height:34px;border:1px solid var(--line);border-radius:999px;padding:0 .7rem;display:inline-flex;align-items:center;font-size:.86rem;color:var(--muted);background:#141d26}.panel-tools input{flex:1;min-width:220px;height:40px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);padding:0 .7rem}.slot-count-control{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;white-space:nowrap}.slot-count-control select{height:40px;border:1px solid var(--line);border-radius:9px;background:var(--bg-soft);color:var(--text);padding:0 .6rem}.panel-tools span{color:var(--muted);font-size:.9rem}.action-buttons,.action-state-wrap{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.assign-chip{display:inline-flex;align-items:center;height:30px;border:1px solid var(--line);border-radius:999px;padding:0 .65rem;font-size:.8rem;color:var(--muted);background:#151d24}.assign-chip.active{border-color:#2b7a5d;background:#1f2f29;color:#d8f3e6}.danger-btn{border-color:#7f2a2a!important;color:#ffd3d3!important;background:#2f1616!important}.panel-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:auto;flex:0 0 auto;height:38vh;min-height:110px;max-height:72vh;resize:vertical}.panel-table-wrap.full-height{flex:1 1 auto;height:auto;max-height:none;min-height:0;resize:none}.panel-table{width:100%;border-collapse:collapse;min-width:860px}.panel-table th,.panel-table td{border-bottom:1px solid var(--line);padding:.65rem;text-align:left;font-size:.92rem}.panel-table th{background:#1e2730;position:sticky;top:0}.panel-table .row-active{background:#1f2f29}.panel-table .empty-row{text-align:center;color:var(--muted)}.slot-buttons{display:inline-flex;gap:.35rem;flex-wrap:wrap}.slot-cell{margin-bottom:.4rem;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.slot-btn{min-width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer}.slot-btn.active{border-color:#2b7a5d;background:#1f2f29}.slot-btn.occupied{border-color:#6b5d2f;color:#f6e4aa;background:#2a2415}.slot-btn.disabled,.slot-btn:disabled{opacity:.45;cursor:not-allowed}.streams-section{border:1px solid var(--line);border-radius:10px;background:#10161c;padding:.75rem;flex:1 1 auto;min-height:260px;max-height:80vh;overflow:auto;resize:vertical}.streams-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.multi-toggle{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:.02em;color:var(--muted);-webkit-user-select:none;user-select:none}.multi-toggle input{width:18px;height:18px;accent-color:var(--accent)}.multi-toggle.active{color:var(--text)}.multi-actions{display:inline-flex;align-items:center;gap:.45rem}.multi-actions button{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer;min-width:34px}.multi-actions button:disabled{opacity:.45;cursor:not-allowed}.slot-counter{color:var(--muted);font-size:.85rem;min-width:88px;text-align:center}.slot-tab-list{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.65rem}.slot-tab{border:1px solid var(--line);border-radius:8px;background:#121921;color:var(--text);min-width:160px;padding:.5rem .6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;cursor:pointer}.slot-tab strong{font-size:.8rem;color:var(--muted)}.slot-tab span{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.slot-tab.active{border-color:#2b7a5d;background:#1f2f29}.streams-grid{display:grid;gap:.7rem}.streams-grid.slots-1{grid-template-columns:minmax(0,1fr)}.streams-grid.slots-2,.streams-grid.slots-4{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-tile{border:1px solid var(--line);border-radius:10px;background:#0f1419;min-height:250px;display:grid;grid-template-rows:auto 1fr auto}.stream-tile.active{border-color:#2b7a5d}.stream-tile.selected{border-color:#58b08e}.stream-tile-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem;border-bottom:1px solid var(--line)}.stream-tile-header h3{margin:0;font-size:1rem}.stream-tile-header p{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.stream-tile-header button{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer}.stream-tile-body{position:relative;min-height:0;padding:.6rem}.stream-tile-body video{width:100%;height:100%;border:1px solid var(--line);border-radius:8px;background:#0a0c0f;object-fit:contain}.stream-placeholder{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:.88rem;pointer-events:none;background:#070a0dc7}.stream-tile-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;padding:.55rem .6rem}.single-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#070b0fd1;display:grid;place-items:center;padding:1rem}.single-popup-card{width:min(1160px,96vw);height:min(84vh,820px);border:1px solid var(--line);border-radius:12px;background:#0f151b;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.single-popup-header{border-bottom:1px solid var(--line);padding:.7rem .85rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.single-popup-header h3{margin:0;font-size:1rem}.single-popup-header p{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.single-popup-header button{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer}.single-popup-body{position:relative;padding:.75rem;min-height:0}.single-popup-body video{width:100%;height:100%;border:1px solid var(--line);border-radius:10px;background:#0a0c0f;object-fit:contain}.single-popup-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.87rem;padding:.6rem .75rem}.multi-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#070b0fd9;display:grid;place-items:center;padding:.35rem}.multi-popup-card{width:98vw;height:98vh;border:1px solid var(--line);border-radius:12px;background:#0f151b;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.multi-popup-topbar{border-bottom:1px solid var(--line);padding:.65rem .85rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.multi-popup-topbar h2{margin:0;font-size:1rem}.multi-popup-topbar p{margin:.2rem 0 0;color:var(--muted);font-size:.86rem}.multi-popup-actions{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.multi-popup-topbar button{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text);cursor:pointer}.multi-popup-body{min-height:0;padding:.75rem}.streams-section.streams-section-popup{width:100%;height:100%;min-height:0;max-height:none;resize:none}.players-panel{border:1px solid var(--line);border-radius:10px;background:#0f151b;overflow:hidden}.players-panel.open,.players-panel.single-mode{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.players-panel.open .panel-table-wrap.full-height{border-top-left-radius:0;border-top-right-radius:0;flex:1 1 auto}.players-panel-toggle{width:100%;border:none;border-bottom:1px solid var(--line);background:#111922;color:var(--text);padding:.7rem .8rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;cursor:pointer}.players-panel.collapsed .players-panel-toggle{border-bottom:none}.players-panel-title{font-size:.82rem;font-weight:700;letter-spacing:.08em}.players-panel-meta{color:var(--muted);font-size:.84rem;justify-self:start}.players-panel-chevron{color:var(--muted);font-size:.95rem;transition:transform .16s ease}.players-panel-chevron.open{transform:rotate(180deg)}.players-panel-hint{margin:0;padding:.65rem .8rem 0;color:var(--muted);font-size:.85rem}@media (max-width: 900px){html,body,#root{height:auto;min-height:100dvh}.app-wrap{height:auto;min-height:100dvh;padding:.65rem}.topbar,.panel-tools,.panel-tools-left{flex-direction:column;align-items:stretch}.panel-tools-right{width:100%;justify-content:space-between}.multi-control-row{align-items:stretch}.multi-count-control{width:100%;justify-content:space-between}.multi-summary-chip{width:100%;justify-content:center}.streams-header{flex-direction:column;align-items:stretch}.multi-actions{justify-content:flex-start}.panel-tools span{text-align:right}.panel{overflow:visible}.panel-table-wrap{max-height:none;overflow:visible;border:none;padding:0;resize:none;height:auto;min-height:0}.open-streams-btn{width:100%}.panel-table{min-width:0;border-collapse:separate;border-spacing:0 .6rem}.panel-table thead{display:none}.panel-table tbody,.panel-table tr,.panel-table td{display:block;width:100%}.panel-table tr{border:1px solid var(--line);border-radius:10px;background:#131a21;padding:.45rem .55rem}.panel-table .row-active{border-color:#2b7a5d;background:#1f2f29}.panel-table td{border-bottom:1px solid rgba(54,67,80,.75);padding:.45rem 0;display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem}.panel-table td:last-child{border-bottom:none}.panel-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;min-width:90px;flex:0 0 90px}.panel-table td[data-label=Accion],.panel-table td[data-label=Pantallas]{flex-direction:column;align-items:flex-start}.panel-table td[data-label=Accion]:before,.panel-table td[data-label=Pantallas]:before{margin-bottom:.25rem}.panel-table .empty-row{display:block;text-align:center;border:1px solid var(--line);border-radius:10px;background:#131a21;padding:.8rem}.panel-table .empty-row:before{content:none}.slot-buttons{width:100%}.slot-btn{min-width:44px;height:34px}.players-panel-toggle{grid-template-columns:1fr auto;grid-template-areas:"title icon" "meta icon";row-gap:.35rem}.players-panel-title{grid-area:title}.players-panel-meta{grid-area:meta}.players-panel-chevron{grid-area:icon;justify-self:end}.streams-section{min-height:0;resize:none;max-height:none}.streams-grid.slots-2,.streams-grid.slots-4{grid-template-columns:minmax(0,1fr)}.multi-popup-card{width:100%;height:min(96dvh,860px)}.multi-popup-topbar{flex-direction:column;align-items:flex-start}.multi-popup-actions{width:100%;justify-content:space-between}.single-popup-backdrop{padding:.6rem}.single-popup-card{width:100%;height:min(82dvh,720px)}.single-popup-header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.stream-tile{min-height:210px}.stream-tile-header{flex-direction:column;align-items:flex-start}.single-popup-card{height:min(86dvh,640px)}}