:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-sidebar:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--text-sidebar:#e2e8f0;--accent-primary:#3b82f6;--accent-hover:#2563eb;--border-color:#e2e8f0;--border-sidebar:#1e293b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.admin-layout{display:flex;height:100vh;overflow:hidden;width:100vw}.admin-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;transition:all .3s ease;width:260px}.admin-sidebar-header{border-bottom:1px solid var(--border-sidebar);color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:1px;padding:1.5rem}.admin-sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.admin-sidebar-link{color:var(--text-sidebar);display:block;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s}.admin-sidebar-link:hover{background-color:#ffffff0d;color:#fff}.admin-content{background-color:var(--bg-primary);display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.admin-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex:0 0 64px;height:64px;justify-content:flex-end;min-height:64px;padding:0 2rem}.admin-main{flex:1;min-height:0;overflow-y:auto;padding:2rem}.admin-page{display:flex;flex-direction:column;gap:1rem}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.page-title{font-size:1.5rem;margin:0}.page-subtitle{color:var(--text-secondary);margin:.35rem 0 0}.admin-grid{display:grid;gap:1rem}.admin-grid-form{grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr)}.panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.panel-title{font-size:1rem;margin:0}.stack-form{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.form-actions{align-items:center;display:flex;gap:.75rem}.btn-auto{width:auto}.btn-ghost,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;padding:.65rem 1rem}.btn-secondary{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.btn-ghost{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-ghost:hover,.btn-secondary:hover{filter:brightness(.97)}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:720px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:.9rem 1rem;text-align:left;vertical-align:top}.data-table th{background:#f8fafc;color:var(--text-secondary);font-size:.8rem}.data-table th,.strong-text{font-weight:600}.muted-text{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem}.meta-pill,.status-pill,.tag{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:.78rem;line-height:1.2;min-height:1.6rem;padding:.2rem .55rem}.tag{background:#eef2ff;color:#3730a3}.tag.member-group-normal{background:#f1f5f9;color:#475569}.tag.member-group-bronze{background:#fef3c7;color:#92400e}.tag.member-group-silver{background:#e2e8f0;color:#334155}.tag.member-group-gold{background:#fef9c3;color:#854d0e}.meta-pill{background:#f1f5f9;color:var(--text-secondary)}.status-pill.active{background:#dcfce7;color:#166534}.status-pill.inactive{background:#fee2e2;color:#991b1b}.status-pill.pending{background:#f1f5f9;color:#475569}.status-pill.finished{background:#e0f2fe;color:#075985}.checkbox-grid{display:grid;gap:.6rem}.checkbox-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.checkbox-row{align-items:flex-start;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.55rem;padding:.65rem}.checkbox-row input{height:1rem;margin-top:.1rem;width:1rem}.checkbox-row strong{display:block;font-size:.85rem}.checkbox-row small{color:var(--text-secondary);display:block;margin-top:.2rem}.row-actions{align-items:center;display:flex;gap:.75rem}.text-button{background:transparent;border:0;color:var(--accent-primary);cursor:pointer;padding:0}.text-button.danger{color:#dc2626}.text-button:disabled{color:#94a3b8;cursor:not-allowed}.ellipsis-text{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-task-summary,.stream-url-line{align-items:center;display:flex;gap:.75rem}.stream-url-line{justify-content:space-between;min-width:220px}.stream-task-table{min-width:1180px}.stream-task-error{color:#b91c1c;font-size:.85rem;line-height:1.35;margin-top:.25rem;max-width:260px}.empty-state,.notice{border-radius:var(--radius-md);padding:.9rem 1rem}.notice-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.notice-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.empty-state{color:var(--text-secondary)}.empty-state.inline-empty{background:var(--bg-secondary);border:1px dashed var(--border-color)}@media(max-width:960px){.admin-layout{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.admin-sidebar{width:100%}.admin-sidebar-nav{display:flex;overflow-x:auto}.admin-sidebar-link{white-space:nowrap}.admin-main{padding:1rem}.page-header,.panel-header{align-items:flex-start;flex-direction:column}.admin-grid-form,.mapping-editor-form,.rule-form-grid{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100vh;justify-content:center}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:2.5rem;width:100%}.auth-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.captcha-row{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) 120px}.captcha-input{min-width:0;text-transform:uppercase}.captcha-image-button{background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:48px;overflow:hidden;padding:0;width:120px}.captcha-image-button:disabled{cursor:not-allowed;opacity:.7}.captcha-image{display:block;height:48px;width:120px}.auth-error{color:#b91c1c;font-size:.875rem;margin-bottom:1rem;text-align:center}.form-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;line-height:1.6;min-height:8rem;outline:none;padding:.75rem 1rem;resize:vertical;transition:all .2s;width:100%}.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.settings-panel{max-width:760px}.settings-stack{display:flex;flex-direction:column;gap:1rem;max-width:760px}.date-shortcuts,.filter-row,.mapping-form,.tab-bar,.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.tab-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.35rem}.chip-button,.tab-button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-weight:600}.tab-button{padding:.65rem 1rem}.chip-button{background:var(--bg-secondary);border:1px solid var(--border-color);padding:.55rem .8rem}.chip-button.active,.tab-button.active{background:var(--text-primary);color:#fff}.filter-date{max-width:180px}.filter-search{max-width:260px}.mapping-form{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.mapping-form .form-input{max-width:220px}.rule-form-grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.rule-protocol-checks{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:.65rem 1rem;padding:.7rem .8rem}.domain-rule-table{min-width:980px}.rule-domain-text{margin-top:.45rem}.rule-code{display:block;max-width:260px}.rule-code,.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{max-width:220px}.inline-check{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem}.modal-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:50}.modal-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:min(760px,calc(100vh - 3rem));overflow:hidden;width:min(980px,100%)}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.modal-close{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.25rem;height:2rem;line-height:1;width:2rem}.modal-close:hover{border-color:var(--text-secondary);color:var(--text-primary)}.mapping-modal .table-wrap{max-height:420px;overflow:auto}.mapping-modal{max-height:min(760px,calc(100vh - 3rem));overflow-y:auto;width:min(860px,100%)}.modal-eyebrow{color:var(--accent-primary);font-size:.86rem;font-weight:800;margin-bottom:.25rem}.mapping-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mapping-tab-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:.35rem;overflow-x:auto;padding:.25rem}.mapping-tab-button{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.86rem;font-weight:800;min-width:5.5rem;padding:.55rem .75rem;white-space:nowrap}.mapping-tab-button.active{background:var(--text-primary);color:#fff}.mapping-tab-button.source-tab.active{background:var(--accent-primary)}.mapping-editor-form{align-items:end;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto auto auto;padding:1rem}.mapping-source-picker{grid-column:1/-1}.mapping-source-checks{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mapping-source-check{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);display:inline-flex;font-size:.86rem;font-weight:800;gap:.45rem;height:2.25rem;padding:0 .75rem}.mapping-source-check input{height:1rem;width:1rem}.mapping-field-label{color:var(--text-primary);display:block;font-size:.86rem;font-weight:800;margin-bottom:.45rem}.mapping-regex-check{height:2.75rem;margin-bottom:.05rem}.mapping-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:360px;overflow:auto}.mapping-table{border:0;min-width:780px}.mapping-table th{background:var(--bg-primary);color:var(--text-secondary);font-size:.76rem}.mapping-table td,.mapping-table th{vertical-align:middle}.mapping-table td:nth-child(3),.mapping-table th:nth-child(3){text-align:center;width:3rem}.mapping-source-name{color:var(--text-secondary);font-size:.78rem;font-weight:900}.mapping-original,.mapping-target{font-weight:800}.mapping-target{color:var(--accent-primary)}.mapping-arrow{color:var(--text-secondary);font-weight:800}.regex-pill{background:#f5f3ff;border-radius:var(--radius-sm);color:#7c3aed;display:inline-flex;font-size:.66rem;font-weight:900;margin-left:.35rem;padding:.1rem .35rem}.mapping-applied-sources{display:flex;flex-wrap:wrap;gap:.3rem}.mapping-source-pill{background:#f1f5f9;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.68rem;font-weight:900;padding:.12rem .45rem}.mapping-actions{justify-content:flex-end}.mapping-empty{padding:1.6rem 1rem;text-align:center}.compact-table{min-width:620px}.user-table{min-width:940px}.schedule-table{min-width:1020px}.live-source-table{min-width:1240px}.live-source-header-stats{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.live-source-list{display:grid;gap:0}.live-source-list-row{align-items:start;background:#fff;border-bottom:1px solid var(--border-color);display:grid;gap:1rem;grid-template-columns:minmax(240px,300px) minmax(0,1fr);padding:1rem 1.25rem}.live-source-list-row:last-child{border-bottom:0}.live-source-list-row:nth-child(2n){background:#fbfdff}.live-source-match-cell{background:#f8fbff;border:1px solid #dbeafe;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.7rem;min-width:0;padding:.85rem;position:sticky;top:.75rem}.live-source-channel-label,.live-source-match-stats,.live-source-match-top{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.live-source-match-meta{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;gap:.25rem;line-height:1.35}.manual-source-actions{display:flex;margin-top:.2rem}.live-source-signal-cell{display:grid;gap:.8rem;min-width:0}.live-source-channel-row{align-items:start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:.85rem;grid-template-columns:156px minmax(0,1fr);padding:.8rem}.live-source-channel-label{align-content:flex-start}.live-source-channel-label .tag{font-weight:800;justify-content:center;min-width:7rem}.live-source-signal-list{display:grid;gap:.55rem;min-width:0}.live-source-signal-row{align-items:center;background:#fff;border:1px solid var(--border-color);border-left-width:4px;border-radius:var(--radius-sm);display:grid;gap:.75rem;grid-template-columns:4.5rem minmax(160px,.48fr) minmax(280px,1fr) auto;min-width:0;padding:.7rem .75rem}.live-source-signal-row.proxy-row{grid-template-columns:4.5rem minmax(180px,.42fr) minmax(320px,1fr)}.live-source-signal-row.is-active{border-left-color:#22c55e}.live-source-signal-row.is-inactive{border-left-color:#f87171}.live-source-signal-main,.live-source-signal-state,.live-source-url-list{min-width:0}.live-source-signal-main,.live-source-url-list{display:flex;flex-direction:column;gap:.35rem}.live-source-stream-key{color:var(--text-primary);font-size:.96rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-source-url-line{align-items:center;display:grid;gap:.45rem;grid-template-columns:2.5rem minmax(0,1fr) 2.25rem;min-width:0}.live-source-url-line.is-empty{grid-template-columns:2.5rem minmax(0,1fr)}.live-source-url-label{color:var(--text-secondary);font-size:.76rem;font-weight:800}.live-source-url-line code{background:#f8fafc;border-radius:var(--radius-sm);color:#334155;display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;min-width:0;overflow:hidden;padding:.25rem .4rem;text-overflow:ellipsis;white-space:nowrap}.live-source-url-line.is-empty code{color:#94a3b8}.live-source-copy-button{font-size:.78rem;font-weight:800}.device-override-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.45rem;grid-column:1/-1;padding-top:.6rem}.device-override-button,.device-override-state{background:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.78rem;font-weight:900;min-height:1.9rem;padding:.25rem .65rem}.device-override-state{align-items:center;display:inline-flex}.device-override-state.active{background:#dcfce7;border-color:#22c55e;color:#166534}.device-override-state.disabled{background:#fee2e2;border-color:#fecaca;color:#991b1b}.device-override-button{cursor:pointer}.device-override-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.device-override-button.danger{background:#fff1f2;border-color:#fecaca;color:#991b1b}.device-override-button.danger:hover{background:#ffe4e6;border-color:#fca5a5;color:#7f1d1d}.device-override-button.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.device-override-button.success:hover{background:#dcfce7;border-color:#86efac;color:#14532d}.device-override-button:disabled{color:#94a3b8;cursor:not-allowed;opacity:.65}.device-override-button:disabled:hover{background:#fff;border-color:#cbd5e1;color:#94a3b8}.device-override-modal{width:min(720px,100%)}.device-override-origin{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:grid;gap:.5rem;grid-template-columns:3rem minmax(0,1fr) 2.25rem;min-width:0;padding:.75rem}.device-override-origin code{background:#fff;border-radius:var(--radius-sm);color:#334155;display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;min-width:0;overflow:hidden;padding:.25rem .4rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:960px){.live-source-channel-row,.live-source-list-row,.live-source-signal-row{grid-template-columns:1fr}.live-source-match-cell{position:static}.device-override-origin,.live-source-url-line,.live-source-url-line.is-empty,.local-schedule-form,.local-team-groups{grid-template-columns:1fr}.live-source-copy-button{justify-self:start}}.live-source-modal{width:min(720px,100%)}.manual-source-modal{display:flex;flex-direction:column}.manual-source-form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.local-schedule-modal{display:flex;flex-direction:column;width:min(760px,100%)}.local-schedule-form{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;overflow-y:auto;overscroll-behavior:contain}.local-schedule-form .form-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:-1.25rem;grid-column:1/-1;margin-bottom:-1.25rem;padding:1rem 0 1.25rem;position:sticky;z-index:1}.local-team-groups{display:grid;gap:1rem;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.local-team-group{background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:.85rem;min-width:0;padding:1rem}.local-team-group-title{color:var(--text-secondary);font-size:.9rem;margin:0}.schedule-table td,.schedule-table th{text-align:center;vertical-align:middle}.match-line,.schedule-table .row-actions{justify-content:center}.match-line{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(120px,max-content) 32px minmax(120px,max-content)}.match-line.compact{gap:.45rem;grid-template-columns:minmax(84px,max-content) 28px minmax(84px,max-content);justify-content:flex-start;margin-top:.35rem}.match-separator{color:var(--text-secondary);font-size:.85rem}.match-line span,.match-separator{text-align:center}.match-id-list{display:flex;flex-direction:column;gap:.35rem}.match-id-list,.match-id-pill{align-items:center;justify-content:center}.match-id-pill{background:#f1f5f9;border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:.72rem;font-weight:800;gap:.3rem;min-height:1.55rem;padding:.15rem .45rem}.match-id-pill strong{color:var(--text-primary)}.btn-primary{background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background-color .2s;width:100%}.btn-primary:hover{background-color:var(--accent-hover)}.member-shell{background:#f8fafc;min-height:100vh;padding:2rem}.member-login-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:12vh auto 0;padding:2rem;width:min(400px,100%)}.member-title{font-size:1.45rem;line-height:1.25;margin:0}.member-login-form{margin-top:1.5rem}.member-source-page{margin:0 auto;width:min(1120px,100%)}.member-topbar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.member-source-list{display:grid;gap:.8rem}.member-source-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:1rem;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);padding:1rem}.member-match-main{min-width:0}.member-match-league{color:var(--text-secondary);font-size:.82rem;font-weight:800}.member-match-teams{align-items:center;display:flex;flex-wrap:wrap;font-weight:800;gap:.45rem;margin-top:.35rem}.member-stream-list{align-content:start;display:grid;gap:.45rem}.member-stream-address{background:#f8fbff;border:1px solid #dbeafe;border-radius:var(--radius-sm);color:var(--text-primary);display:block;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.45;min-height:2.4rem;overflow-wrap:anywhere;padding:.55rem .75rem}@media(max-width:720px){.member-shell{padding:1rem}.member-source-item,.member-topbar{grid-template-columns:1fr}.member-topbar{align-items:flex-start;flex-direction:column}.member-stream-address{font-size:.82rem}}
