*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#f5f5f7;color:#1f2937}button{cursor:pointer}.error{color:#b91c1c;padding:8px;background:#fee2e2;border-radius:6px}.admin-shell{min-height:100vh;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:24px;padding:12px 20px;background:#063b6c;color:#fff}.admin-brand{font-weight:700;color:#fff;text-decoration:none;font-size:18px}.admin-brand span{opacity:.7;font-weight:400;margin-left:4px}.admin-nav{display:flex;gap:16px;flex:1}.admin-nav a{color:#fff;text-decoration:none;opacity:.85}.admin-nav a.active{opacity:1;text-decoration:underline}.admin-user{display:flex;gap:12px;align-items:center;font-size:14px}.admin-user button{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:4px 10px;border-radius:4px}.admin-main{padding:24px;max-width:1200px;width:100%;margin:0 auto}.admin-login,.admin-denegado{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 12px #00000014;width:360px;display:flex;flex-direction:column;gap:16px}.admin-login-card h1{margin:0;font-size:20px}.admin-login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.admin-login-card input{padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.admin-login-card button[type=submit]{background:#063b6c;color:#fff;padding:10px;border:none;border-radius:6px;font-weight:600}.contenidos-list .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contenidos-list .filters{display:flex;gap:12px;align-items:center}.btn-primary{background:#063b6c;color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:14px}.contenidos-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.contenidos-table th,.contenidos-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:13px}.contenidos-table th{background:#f9fafb;font-weight:600}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.pager button{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px}.pager button:disabled{opacity:.4;cursor:not-allowed}.contenido-editor{background:#fff;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:12px;max-width:720px}.contenido-editor label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.contenido-editor input,.contenido-editor textarea,.contenido-editor select{padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.contenido-editor fieldset{border:1px solid #e5e7eb;border-radius:6px;padding:12px}.contenido-editor legend{padding:0 6px;font-size:13px;font-weight:600}.contenido-editor small{display:block;margin-top:6px;color:#6b7280;word-break:break-all}.upload-progress{padding:8px;background:#dbeafe;color:#1e3a8a;border-radius:6px;font-size:13px}.contenido-editor .actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.contenido-editor .actions button{padding:8px 16px;border-radius:6px;border:none;font-weight:600}.contenido-editor .actions button[type=submit]{background:#063b6c;color:#fff}.contenido-editor .actions button[type=button]{background:#e5e7eb}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}.app{display:grid;grid-template-columns:248px 1fr;height:100vh;background:var(--phd-crema);color:var(--phd-gray-800);font-family:var(--font-body);overflow:hidden}.app[data-density=compacto]{--pad: 18px;--gap: 12px}.app{--pad: 26px;--gap: 18px}.side{position:relative;z-index:70;background:var(--phd-guardian-blue);border-right:0;display:flex;flex-direction:column;min-height:0}.side-brand{display:flex;align-items:center;gap:11px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.14)}.side-brand img{width:34px;height:34px}.side-brand .bt{font-family:var(--font-heading);font-weight:900;font-size:15px;letter-spacing:-.01em;text-transform:uppercase;color:#fff;line-height:1}.side-brand .bs{font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#fff9;margin-top:3px}.side-nav{flex:1;overflow-y:auto;padding:14px 12px 18px}.side-nav::-webkit-scrollbar{width:8px}.side-nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:99px}.nav-group+.nav-group{margin-top:18px}.nav-label{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;background-color:transparent;padding:9px 12px;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13.5px;color:#ffffffc7}.nav-item+.nav-item{margin-top:2px}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:#ffffff1a;color:#fff}.side-nav:hover .nav-item:not(:hover):not(.active){opacity:.4}.side-nav .nav-item{transition:opacity var(--duration-fast) var(--ease-out)}.side-nav:hover .nav-label,.side-nav:hover .nav-label-btn:not(:hover){opacity:.55;transition:opacity var(--duration-fast) var(--ease-out)}.nav-item.active{background:var(--phd-white);color:var(--phd-guardian-blue);font-weight:700;box-shadow:var(--shadow-sm)}.nav-item .tag{margin-left:auto;font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.08em;padding:2px 7px;border-radius:99px;background:#ffffff29;color:#ffffffd9}.nav-item.active .tag{background:#063b6c1a;color:var(--phd-guardian-blue)}.nav-item.group-hd{width:100%}.nav-item.group-hd .chev{width:11px;height:11px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.nav-item.group-hd .chev.open{transform:rotate(90deg)}.nav-item.group-hd.cur{color:#fff;font-weight:700}.nav-label-btn{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;padding:6px 12px;margin-bottom:6px;border-radius:8px;text-align:left;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.nav-label-btn:hover{color:#fff;background:#ffffff14}.nav-label-btn.cur{color:#fff}.nav-label-btn .chev{width:11px;height:11px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.nav-label-btn .chev.open{transform:rotate(90deg)}.nav-steps{position:relative;margin-left:6px;padding-left:8px}.nav-steps:before{content:"";position:absolute;left:24px;top:16px;bottom:16px;width:2px;background:#ffffff4d;border-radius:99px}.nav-item.sub{font-size:12.5px;padding:7px 10px}.nav-item.sub svg{width:15px;height:15px}.nav-item.sub .step-n{width:18px;height:18px;border-radius:50%;background:var(--phd-guardian-blue);border:1.5px solid rgba(255,255,255,.45);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:-2px;position:relative;z-index:1;box-shadow:0 0 0 3px var(--phd-guardian-blue)}.nav-item.sub:hover .step-n{border-color:#fff}.nav-item.sub.active .step-n{background:var(--phd-guardian-blue);border-color:transparent;color:#fff;box-shadow:none}.nav-item .live-tag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.1em;color:var(--phd-red)}.nav-item.active .live-tag{color:#fff}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--phd-red);animation:pulse 1.4s var(--ease-in-out) infinite}.side-foot{border-top:1px solid rgba(255,255,255,.14);padding:12px}.side-user{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:12px;cursor:pointer}.side-user:hover{background:#ffffff1a}.side-user .av{width:36px;height:36px;border-radius:50%;background:var(--phd-white);color:var(--phd-guardian-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:14px;flex-shrink:0}.side-user .nm{font-weight:700;font-size:13px;color:#fff}.side-user .rl{font-size:11px;color:#fff9}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{position:relative;z-index:60;height:62px;flex-shrink:0;background:var(--phd-guardian-blue);border-bottom:0;display:flex;align-items:center;gap:18px;padding:0 26px}.crumb{display:flex;align-items:center;gap:9px;font-size:13px}.crumb .c0{color:#ffffffa6}.crumb .sep{color:#ffffff59}.crumb .c1{font-weight:700;color:#fff}.topbar .spacer{flex:1}.tb-search{display:flex;align-items:center;gap:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:8px 13px;width:250px;color:#ffffffbf;font-size:13px}.tb-search svg{width:16px;height:16px}.tb-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#ffffffd9;cursor:pointer}.tb-icon:hover{color:#fff;border-color:#fff9;background:#ffffff29}.tb-icon svg{width:18px;height:18px}.tb-icon .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--phd-red);border:1.5px solid var(--phd-guardian-blue)}.tb-live{display:inline-flex;align-items:center;gap:8px;background:var(--phd-gray-800);color:#fff;padding:8px 14px;border-radius:99px;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.1em}.tb-live.on{background:var(--phd-red)}.tb-live.on .live-dot{background:#fff}.tb-live.off .live-dot{background:var(--phd-slate-600);animation:none}.content{flex:1;overflow-y:auto;padding:var(--pad)}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-thumb{background:var(--phd-slate-300);border-radius:99px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:var(--gap)}.page-head .eyebrow{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--phd-guardian-blue)}.page-head h1{font-family:var(--font-heading);font-weight:900;text-transform:uppercase;font-size:30px;letter-spacing:-.02em;color:var(--phd-gray-800);margin:3px 0 0}.page-head .sub{font-size:13px;color:var(--phd-slate-600);margin-top:5px}.head-clock{display:flex;align-items:center;gap:14px}.head-clock .tc{font-family:var(--font-heading);font-weight:900;font-size:34px;letter-spacing:.01em;color:var(--phd-gray-800);font-variant-numeric:tabular-nums}.head-clock .tc.rec{color:var(--phd-red)}.head-clock .meta{text-align:right}.head-clock .meta .l{font-size:11px;color:var(--phd-slate-600)}.head-clock .meta .v{font-family:var(--font-heading);font-weight:700;font-size:13px;text-transform:uppercase}.pc-grid{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:var(--gap);align-items:start}.pc-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);margin-top:var(--gap)}.card{background:var(--phd-white);border:1px solid var(--phd-slate-300);border-radius:16px;box-shadow:var(--shadow-sm)}.card-h{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--phd-slate-300)}.card-h .ic{width:18px;height:18px;color:var(--phd-guardian-blue);flex-shrink:0}.card-h .t{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--phd-gray-800)}.card-h .r{margin-left:auto}.card-b{padding:18px}.monitors-wrap{display:flex;flex-direction:column;gap:12px}.mon-bar{display:flex;align-items:center;gap:12px}.mon-bar .mt{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--phd-gray-800)}.mon-bar .msub{font-size:12px;color:var(--phd-slate-600)}.mon-bar .spacer{flex:1}.mon-bar .vlabel{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--phd-slate-600)}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--phd-white);border:1px solid var(--phd-slate-300);border-radius:10px}.seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;padding:7px 12px;border-radius:7px;font-family:var(--font-heading);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--phd-slate-600);transition:all var(--duration-fast) var(--ease-out)}.seg button:hover{background:var(--phd-slate-50);color:var(--phd-gray-800)}.seg button.active{background:var(--phd-guardian-blue);color:#fff;box-shadow:var(--shadow-sm)}.seg button svg{width:15px;height:15px}.seg button .gico{display:grid;gap:1.5px}.seg button .gico span{display:block;background:currentColor;border-radius:1px}.monitors{display:flex;flex-direction:column;gap:var(--gap)}.monitor{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#16202f,#0b1018 70%,#070b11);aspect-ratio:16 / 9;width:100%;border:1px solid #1f2c3f}.monitor.program{box-shadow:var(--shadow-lg)}.monitor .feed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.monitor .feed .logo{width:88px;height:88px;opacity:.07}.monitor.program .feed .logo{width:120px;height:120px}.monitor .feed .fname{font-family:var(--font-heading);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff4d}.monitor .scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.monitor .guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.monitor .guides:before,.monitor .guides:after{content:"";position:absolute;background:#ffffff0f}.monitor .guides:before{left:33.33%;right:33.33%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.monitor .guides:after{top:33.33%;bottom:33.33%;left:0;right:0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.monitor .safe{position:absolute;top:7%;right:6%;bottom:7%;left:6%;border:1px solid rgba(255,255,255,.08);border-radius:4px;pointer-events:none}.ov{position:absolute;display:flex;align-items:center;gap:7px;z-index:2}.ov-tl{top:12px;left:12px}.ov-tr{top:12px;right:12px}.ov-bl{bottom:12px;left:12px}.ov-br{bottom:12px;right:12px}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.08em;padding:5px 10px;border-radius:7px;background:#070b119e;color:#ffffffdb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.chip.mono{font-variant-numeric:tabular-nums}.chip.rec{background:var(--phd-red);color:#fff;border-color:transparent}.chip.pgm{background:var(--phd-guardian-blue);color:#fff;border-color:transparent;letter-spacing:.16em}.chip.paused{background:var(--phd-amber);color:var(--phd-gray-800);border-color:transparent}.chip .rd{width:9px;height:9px;border-radius:50%;background:#fff}.chip.rec .rd{animation:pulse 1.2s var(--ease-in-out) infinite}.ov-vu{display:flex;align-items:flex-end;gap:3px;height:16px}.ov-vu i{width:3px;background:#ffffffd9;border-radius:1px}.mv{display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr)}.app[data-mv=fila] .monitors{align-items:stretch}.app[data-mv=fila] .monitor.program{width:100%;max-width:none;max-height:58vh}.app[data-mv=fila] .mv{width:100%;max-width:none}.app[data-mv=grid] .monitors{display:flex;flex-direction:row;gap:var(--gap);align-items:center}.app[data-mv=grid] .monitor.program{flex:1 1 auto;aspect-ratio:16/9;height:auto;min-width:0;max-width:620px}.app[data-mv=grid] .mv{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,clamp(138px,13.5vw,184px));grid-auto-rows:auto;align-content:center;gap:var(--gap)}.app[data-mv=grid] .mv-tile{aspect-ratio:16/9}.app[data-mv=columna] .monitors{display:flex;flex-direction:row;gap:var(--gap);align-items:stretch}.app[data-mv=columna] .monitor.program{flex:1 1 auto;aspect-ratio:auto;height:auto;min-width:0}.app[data-mv=columna] .mv{flex:0 0 clamp(150px,15vw,196px);display:flex;flex-direction:column;gap:var(--gap);grid-template-columns:none}.app[data-mv=columna] .mv-tile{aspect-ratio:16/9}.mv-tile{position:relative;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#ffffff0d,#fff0 45%),radial-gradient(120% 130% at 50% 0%,#243349,#182231 60%,#10171f);aspect-ratio:16/9;border:2px solid #2a3a52;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mv-tile:hover{transform:translateY(-2px);border-color:#44618f}.mv-tile.active{border-color:var(--phd-guardian-blue);box-shadow:0 0 0 2px #063b6c66}.mv-tile.recording.active{border-color:var(--phd-red);box-shadow:0 0 0 2px #ef444473}.mv-tile.empty{cursor:default;border-style:dashed;border-color:#2a3950;background:#0c121b}.mv-tile .feed{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mv-tile .feed .logo{width:44px;height:44px;opacity:.16}.mv-tile .mv-live{position:absolute;right:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-heading);font-weight:700;font-size:8px;letter-spacing:.1em;padding:2px 7px 2px 6px;border-radius:99px;background:#070b118c;color:var(--phd-success);border:1px solid rgba(16,185,129,.4)}.mv-tile .mv-live .d{width:6px;height:6px;border-radius:50%;background:var(--phd-success)}.mv-tile .mv-name{position:absolute;left:9px;bottom:8px;z-index:2;font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.mv-tile .mv-role{position:absolute;left:9px;top:8px;z-index:2;font-family:var(--font-heading);font-weight:700;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:#070b1199;color:#fffc;border:1px solid rgba(255,255,255,.1)}.mv-tile.active .mv-role{background:var(--phd-guardian-blue);color:#fff;border-color:transparent}.mv-tile.recording.active .mv-role{background:var(--phd-red)}.mv-tile .mv-rec{position:absolute;right:8px;top:8px;z-index:2;width:9px;height:9px;border-radius:50%;background:var(--phd-red);animation:pulse 1.2s var(--ease-in-out) infinite}.mv-tile .empty-c{text-align:center;color:var(--phd-slate-600)}.mv-tile .empty-c .plus{width:26px;height:26px;margin:0 auto 7px;color:#3a4d6b}.mv-tile .empty-c .et{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#46597a}.mv-tile .empty-c .es{font-size:9.5px;color:#38495f;margin-top:2px;letter-spacing:.04em}.rail{display:flex;flex-direction:column;gap:var(--gap)}.transport{background:var(--phd-gray-800);border-color:transparent;color:#fff}.transport .card-h{border-bottom-color:#ffffff1a}.transport .card-h .t,.transport .card-h .ic{color:#fff}.tp-clock{text-align:center;padding:6px 0 14px}.tp-clock .tc{font-family:var(--font-heading);font-weight:900;font-size:46px;letter-spacing:.01em;line-height:1;font-variant-numeric:tabular-nums;color:#fff}.tp-clock .tc.rec{color:#fff}.tp-clock .ff{color:#ffffff8c;font-size:22px}.tp-clock .st{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 13px;border-radius:99px;background:#ffffff1f;color:#ffffffd9}.tp-clock .st.rec{background:var(--phd-red);color:#fff}.tp-clock .st.paused{background:var(--phd-amber);color:var(--phd-gray-800)}.tp-clock .st.ready{background:#ffffff24;color:#fff}.tp-clock .st .d{width:8px;height:8px;border-radius:50%;background:currentColor}.tp-clock .st.rec .d{animation:pulse 1.2s var(--ease-in-out) infinite}.tp-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.tp-btn{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 11px;border-radius:12px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:all var(--duration-fast) var(--ease-out)}.tp-btn .gl{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tp-btn:not(:disabled):hover{background:#ffffff1f;transform:translateY(-1px)}.tp-btn:not(:disabled):active{transform:translateY(1px)}.tp-btn:disabled{opacity:.34;cursor:not-allowed}.tp-btn.rec .gl{background:var(--phd-red)}.tp-btn.rec .gl .sq{width:13px;height:13px;border-radius:50%;background:#fff}.tp-btn.rec.armed{background:var(--phd-red);border-color:transparent}.tp-btn.rec.armed .gl{background:#fff3}.tp-btn.pause .gl{background:#ffffff24}.tp-btn.pause .gl .bars{display:flex;gap:3px}.tp-btn.pause .gl .bars i{width:4px;height:13px;background:#fff;border-radius:1px}.tp-btn.pause.on{background:var(--phd-amber);border-color:transparent;color:var(--phd-gray-800)}.tp-btn.pause.on .gl{background:#1f29372e}.tp-btn.pause.on .gl .bars i{background:var(--phd-gray-800)}.tp-btn.stop .gl{background:#ffffff24}.tp-btn.stop .gl .sq{width:13px;height:13px;border-radius:3px;background:#fff}.tp-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#fff9}.tp-foot b{color:#fff;font-family:var(--font-heading);font-weight:700;letter-spacing:.04em}.audio-dev{display:flex;align-items:center;gap:10px;margin-bottom:16px}.audio-dev .badge{width:38px;height:38px;border-radius:10px;background:var(--phd-slate-50);border:1px solid var(--phd-slate-300);display:flex;align-items:center;justify-content:center;color:var(--phd-guardian-blue)}.audio-dev .badge svg{width:20px;height:20px}.audio-dev .nm{font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--phd-gray-800)}.audio-dev .ds{font-size:11px;color:var(--phd-slate-600)}.audio-dev .clip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-weight:700;font-size:9.5px;letter-spacing:.1em;padding:4px 9px;border-radius:99px;background:var(--phd-slate-50);border:1px solid var(--phd-slate-300);color:var(--phd-slate-600)}.audio-dev .clip.on{background:var(--phd-red);border-color:transparent;color:#fff}.audio-dev .clip .d{width:7px;height:7px;border-radius:50%;background:currentColor}.meters{display:flex;gap:14px;align-items:stretch}.scale{position:relative;width:26px;height:132px;font-family:var(--font-mono);font-size:9px;color:var(--phd-slate-600)}.scale span{position:absolute;right:0;transform:translateY(-50%)}.meter-cols{display:flex;gap:9px;flex:1}.meter{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.meter .track{position:relative;width:100%;height:132px;background:var(--phd-slate-50);border:1px solid var(--phd-slate-300);border-radius:5px;overflow:hidden}.meter .grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.meter .grid i{position:absolute;left:0;right:0;height:1px;background:#4755692e}.meter .fill{position:absolute;left:0;right:0;bottom:0;background:var(--phd-guardian-blue);transition:height 70ms linear}.meter .peak{position:absolute;left:0;right:0;height:2px;background:#fff;box-shadow:0 0 0 1px #063b6c80;transition:bottom .12s linear}.meter .clip-led{position:absolute;top:0;left:0;right:0;height:8px;background:var(--phd-slate-300);transition:background 80ms}.meter .clip-led.on{background:var(--phd-red)}.meter .ch{font-family:var(--font-heading);font-weight:700;font-size:11px;color:var(--phd-slate-600)}.meter .db{font-family:var(--font-mono);font-size:10px;color:var(--phd-gray-800);font-weight:600}.audio-foot{display:flex;align-items:center;gap:12px;margin-top:16px}.gain{flex:1}.gain .gl{display:flex;justify-content:space-between;font-size:11px;color:var(--phd-slate-600);margin-bottom:5px}.gain .gl b{color:var(--phd-gray-800);font-family:var(--font-heading)}.gain input[type=range]{width:100%;accent-color:var(--phd-guardian-blue)}.mute{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--phd-slate-300);background:var(--phd-white);padding:9px 13px;border-radius:9px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--phd-slate-600)}.mute svg{width:15px;height:15px}.mute.on{background:var(--phd-red);border-color:transparent;color:#fff}.src-list{display:flex;flex-direction:column;gap:8px}.src{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;border:1px solid var(--phd-slate-300);background:var(--phd-white);cursor:pointer;text-align:left;width:100%;transition:all var(--duration-fast) var(--ease-out)}.src:hover:not(.empty){border-color:var(--phd-guardian-blue);background:var(--phd-slate-50)}.src.active{border-color:var(--phd-guardian-blue);background:#063b6c0d;box-shadow:inset 0 0 0 1px var(--phd-guardian-blue)}.src.active.rec{border-color:var(--phd-red);box-shadow:inset 0 0 0 1px var(--phd-red)}.src .ix{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--phd-gray-800);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:13px}.src.active .ix{background:var(--phd-guardian-blue)}.src.active.rec .ix{background:var(--phd-red)}.src .info{flex:1;min-width:0}.src .nm{font-weight:700;font-size:13px;color:var(--phd-gray-800);display:flex;align-items:center;gap:8px}.src .role-tag{font-family:var(--font-heading);font-weight:700;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:var(--phd-slate-300);color:var(--phd-slate-600)}.src.active .role-tag{background:var(--phd-guardian-blue);color:#fff}.src .det{font-size:11px;color:var(--phd-slate-600);margin-top:2px;font-variant-numeric:tabular-nums}.src .state{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--phd-success);font-family:var(--font-heading);letter-spacing:.06em}.src .state .d{width:7px;height:7px;border-radius:50%;background:var(--phd-success)}.src .pgm-flag{font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.12em;color:var(--phd-guardian-blue)}.src.active.rec .pgm-flag{color:var(--phd-red)}.src.empty{border-style:dashed;cursor:default;opacity:.85}.src.empty .ix{background:var(--phd-slate-300);color:var(--phd-slate-600)}.src.empty .nm,.src.empty .det{color:var(--phd-slate-600)}.src .conn-line{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--phd-slate-600);margin-top:5px}.bus-pill{font-family:var(--font-heading);font-weight:700;font-size:8.5px;letter-spacing:.08em;padding:2px 6px;border-radius:5px;background:var(--phd-slate-300);color:var(--phd-slate-600)}.bus-pill.usb{background:#063b6c1a;color:var(--phd-guardian-blue)}.bus-pill.hdmi{background:#47556924;color:var(--phd-slate-600)}.sel-note{display:flex;gap:9px;margin-top:14px;padding:11px 12px;border-radius:10px;background:var(--phd-slate-50);border:1px solid var(--phd-slate-300)}.sel-note svg{width:16px;height:16px;color:var(--phd-guardian-blue);flex-shrink:0;margin-top:1px}.sel-note span{font-size:11.5px;line-height:1.5;color:var(--phd-slate-600)}.sel-note b{color:var(--phd-gray-800)}.mv-tile .mv-name .mv-bus{margin-left:7px;font-size:8px;letter-spacing:.08em;padding:1px 5px;border-radius:4px;background:#ffffff29;color:#ffffffeb;vertical-align:middle}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.stat-cell .l{font-size:11px;color:var(--phd-slate-600);margin-bottom:3px}.stat-cell .v{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--phd-gray-800);font-variant-numeric:tabular-nums}.stat-cell .v.ok{color:var(--phd-success)}.conn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:#10b9811f;color:var(--phd-success)}.conn .d{width:7px;height:7px;border-radius:50%;background:var(--phd-success)}.conn.warn{background:#facc1529;color:#92700a}.conn.warn .d{background:var(--phd-amber)}.aten-io{display:flex;gap:8px;margin-top:14px}.io-pill{flex:1;text-align:center;padding:9px 6px;border-radius:9px;border:1px solid var(--phd-slate-300);background:var(--phd-slate-50)}.io-pill .l{font-size:9px;font-family:var(--font-heading);font-weight:700;letter-spacing:.1em;color:var(--phd-slate-600);text-transform:uppercase}.io-pill .v{font-family:var(--font-heading);font-weight:700;font-size:12px;color:var(--phd-gray-800);margin-top:3px}.io-pill.live{border-color:var(--phd-guardian-blue);background:#063b6c0d}.io-pill.live .v{color:var(--phd-guardian-blue)}.bar{height:12px;border-radius:99px;background:var(--phd-slate-300);overflow:hidden;margin:4px 0 9px}.bar i{display:block;height:100%;background:var(--phd-guardian-blue);border-radius:99px;transition:width .4s var(--ease-out)}.bar i.warn{background:var(--phd-amber)}.store-row{display:flex;justify-content:space-between;font-size:12px;color:var(--phd-slate-600)}.store-row b{color:var(--phd-gray-800);font-family:var(--font-heading);font-weight:700;font-variant-numeric:tabular-nums}.store-eta{margin-top:13px;padding-top:13px;border-top:1px solid var(--phd-slate-300);display:flex;align-items:baseline;justify-content:space-between}.store-eta .l{font-size:11px;color:var(--phd-slate-600)}.store-eta .v{font-family:var(--font-heading);font-weight:900;font-size:19px;color:var(--phd-gray-800);font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media(max-width:1180px){.pc-grid,.pc-bottom{grid-template-columns:1fr}}@media(max-width:920px){.app{grid-template-columns:1fr}.side{display:none}}.ag-sum{display:flex;align-items:stretch;gap:var(--gap);margin-bottom:var(--gap);flex-wrap:wrap}.ag-sum .card{flex:1;min-width:200px}.ag-sum .cb{padding:14px 17px;display:flex;align-items:center;gap:12px}.ag-sum .ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ag-sum .ic svg{width:19px;height:19px}.ag-sum .ic.c1{background:#10b9811f;color:var(--phd-success)}.ag-sum .ic.c2{background:#063b6c1a;color:var(--phd-guardian-blue)}.ag-sum .ic.c3{background:#facc152e;color:#92700a}.ag-sum .ic.tot{background:var(--phd-gray-800);color:#fff}.ag-sum .t{font-family:var(--font-heading);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--phd-gray-800)}.ag-sum .s{font-size:11px;color:var(--phd-slate-600);margin-top:2px;line-height:1.4}.ag-sum .v{font-family:var(--font-heading);font-weight:900;font-size:16px;color:var(--phd-gray-800)}.ag-scroll{overflow-x:auto;padding-bottom:10px}.ag-scroll::-webkit-scrollbar{height:10px}.ag-scroll::-webkit-scrollbar-thumb{background:var(--phd-slate-300);border-radius:99px}.ag-grid{display:grid;grid-template-columns:repeat(6,minmax(252px,1fr));gap:14px;min-width:1580px;align-items:start}.ag-col{background:var(--phd-white);border:1px solid var(--phd-slate-300);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.ag-head{padding:15px 15px 13px;background:var(--phd-guardian-blue);color:#fff}.ag-head .row{display:flex;align-items:center;gap:10px}.ag-head .av{width:38px;height:38px;border-radius:50%;background:#ffffff29;border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:15px;flex-shrink:0}.ag-head .foto{flex-shrink:0;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;box-shadow:0 0 0 2px #ffffff1f}.ag-head .nm{font-family:var(--font-heading);font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.02em}.ag-head .st{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-family:var(--font-heading);font-weight:700;font-size:8.5px;letter-spacing:.1em}.ag-head .st .d{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399cc}.ag-head .role{font-size:11px;line-height:1.45;color:#fffc;margin-top:8px}.ag-actions{display:flex;gap:6px;padding:11px 13px;border-bottom:1px solid var(--phd-slate-300);background:var(--phd-slate-50)}.ag-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--phd-slate-300);background:var(--phd-white);border-radius:8px;padding:7px 4px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--phd-guardian-blue);transition:all var(--duration-fast) var(--ease-out)}.ag-btn svg{width:12px;height:12px}.ag-btn:hover{background:var(--phd-guardian-blue);border-color:transparent;color:#fff}.ag-sec{border-bottom:1px solid var(--phd-slate-300)}.ag-sec:last-child{border-bottom:0}.ag-sec-h{display:flex;align-items:center;gap:8px;width:100%;border:0;background:var(--phd-guardian-blue);cursor:pointer;padding:11px 14px;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.ag-sec-h:hover{background:#0d4b85}.ag-sec-h .cd{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ag-sec-h .cd.c1{background:#34d399;box-shadow:0 0 6px #34d399b3}.ag-sec-h .cd.c2{background:#93c5fd}.ag-sec-h .cd.c3{background:var(--phd-amber)}.ag-sec-h .tt{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;flex:1;line-height:1.3}.ag-sec-h .n{font-family:var(--font-heading);font-weight:700;font-size:10px;color:#ffffffb3}.ag-sec-h .chev{width:10px;height:10px;color:#ffffffb3;transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.ag-sec-h .chev.open{transform:rotate(90deg)}.ag-apis{padding:11px 14px;display:flex;flex-direction:column;gap:5px}.ag-api{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--phd-slate-300);border-radius:8px;background:var(--phd-slate-50);cursor:help}.ag-api .d{width:8px;height:8px;border-radius:50%;background:var(--phd-success);box-shadow:0 0 5px #10b9818c;flex-shrink:0}.ag-api.off .d{background:var(--phd-red);box-shadow:0 0 5px #ef44448c}.ag-api .nm{flex:1;font-size:11px;font-weight:600;color:var(--phd-gray-800);line-height:1.3;min-width:0}.ag-api .nm .cost{display:block;font-family:var(--font-heading);font-weight:700;font-size:8px;letter-spacing:.05em;color:var(--phd-slate-600);margin-top:1px}.ag-api .nm .cost.free{color:var(--phd-success)}.ag-api .est{flex-shrink:0;font-family:var(--font-heading);font-weight:700;font-size:7.5px;letter-spacing:.07em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:#10b98121;color:var(--phd-success)}.ag-api.off .est{background:#ef44441f;color:var(--phd-red)}.ag-api.off{border-style:dashed}.ag-db{padding:12px 13px 13px;display:flex;flex-direction:column;gap:7px;background:var(--phd-slate-50);border-top:1px solid var(--phd-slate-300)}.ag-db-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--phd-slate-300);background:var(--phd-white);border-radius:10px;padding:10px 11px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ag-db-btn:hover{border-color:var(--phd-guardian-blue);box-shadow:var(--shadow-sm)}.ag-db-btn .ic{width:30px;height:30px;border-radius:8px;background:var(--phd-guardian-blue);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ag-db-btn .ic svg{width:15px;height:15px}.ag-db-btn .t{font-family:var(--font-heading);font-weight:700;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--phd-gray-800);line-height:1.35}.ag-db-btn .s{font-size:10px;color:var(--phd-slate-600);margin-top:2px}.ag-db-btn .chev{width:10px;height:10px;color:var(--phd-slate-600);margin-left:auto;flex-shrink:0}.ag-modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f293799;z-index:90;display:flex;align-items:center;justify-content:center;padding:30px}.ag-modal{background:var(--phd-white);border-radius:18px;box-shadow:var(--shadow-xl);width:min(780px,94vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.ag-modal-h{display:flex;align-items:center;gap:12px;padding:17px 20px;background:var(--phd-guardian-blue);color:#fff;flex-shrink:0}.ag-modal-h .av{width:38px;height:38px;border-radius:50%;background:#ffffff29;border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:15px;flex-shrink:0}.ag-modal-h .t{font-family:var(--font-heading);font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.02em}.ag-modal-h .s{font-size:11px;color:#ffffffbf;margin-top:2px}.ag-close{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;flex-shrink:0}.ag-close:hover{background:#ffffff38}.ag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--phd-slate-300);border-bottom:1px solid var(--phd-slate-300);flex-shrink:0}.ag-stats .st{background:var(--phd-slate-50);padding:13px 18px;text-align:center}.ag-stats .v{font-family:var(--font-heading);font-weight:900;font-size:21px;color:var(--phd-guardian-blue);font-variant-numeric:tabular-nums}.ag-stats .l{font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--phd-slate-600);margin-top:3px}.ag-modal-b{overflow-y:auto;padding:14px 20px 20px}.ag-modal-b::-webkit-scrollbar{width:9px}.ag-modal-b::-webkit-scrollbar-thumb{background:var(--phd-slate-300);border-radius:99px}.ag-modal-b .ag-ev{padding:9px 0}.ag-modal-b .ag-ev .dt{width:52px}.ag-modal-b .ag-ev .tx{font-size:12px}.ag-news{display:flex;flex-direction:column;gap:9px}.ag-new{display:flex;align-items:center;gap:13px;border:1px solid var(--phd-slate-300);border-radius:11px;padding:12px 14px;background:var(--phd-white)}.ag-new .dt{font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.04em;color:var(--phd-guardian-blue);white-space:nowrap;flex-shrink:0;width:46px}.ag-new .info{flex:1;min-width:0}.ag-new .ti{font-weight:700;font-size:12.5px;color:var(--phd-gray-800);line-height:1.4}.ag-new .me{font-size:10.5px;color:var(--phd-slate-600);margin-top:2px}.ag-new .acts{display:flex;gap:7px;flex-shrink:0}.ag-new .ver{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--phd-slate-300);background:var(--phd-white);border-radius:8px;padding:7px 11px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--phd-gray-800);text-decoration:none}.ag-new .ver:hover{border-color:var(--phd-guardian-blue);color:var(--phd-guardian-blue)}.ag-new .usar{display:inline-flex;align-items:center;gap:5px;border:0;background:var(--phd-guardian-blue);border-radius:8px;padding:7px 11px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#fff}.ag-new .usar:hover{background:#0d4b85}.ag-new .ver svg,.ag-new .usar svg{width:12px;height:12px}.ag-feed-h{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}.ag-feed-h svg{width:14px;height:14px;color:var(--phd-guardian-blue)}.ag-feed-h .tt{font-family:var(--font-heading);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--phd-gray-800);flex:1}.ag-feed{padding:0 14px 14px;display:flex;flex-direction:column}.ag-ev{display:flex;gap:9px;padding:7px 0;border-bottom:1px dashed var(--phd-slate-300)}.ag-ev:last-child{border-bottom:0}.ag-ev .dt{font-family:var(--font-heading);font-weight:700;font-size:9px;letter-spacing:.04em;color:var(--phd-guardian-blue);white-space:nowrap;flex-shrink:0;width:44px;padding-top:1px}.ag-ev .tx{font-size:11px;line-height:1.45;color:var(--phd-gray-800)}.ag-ev .tx b{font-weight:700}.ag-ev .src{display:block;font-size:9.5px;color:var(--phd-slate-600);margin-top:1px}