:root{--color-bg-canvas: #07090d;--color-bg-surface: #10141b;--color-bg-surface-raised: #171d26;--color-bg-overlay: #1e2530;--color-border: #232b37;--color-border-strong: #2e3846;--color-text-primary: #e8ecf2;--color-text-secondary: #8b95a5;--color-text-disabled: #5d6675;--color-accent: #c8f45a;--color-accent-strong: #b3e83f;--color-accent-muted: rgba(200, 244, 90, .15);--color-accent-ink: #0e1305;--color-success: #4ade9b;--color-success-muted: rgba(74, 222, 155, .15);--color-warning: #f5b544;--color-warning-muted: rgba(245, 181, 68, .15);--color-danger: #ff6b5a;--color-danger-muted: rgba(255, 107, 90, .15);--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-2xs: .6875rem;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.375rem;--font-size-xl: 1.75rem;--font-size-xl2: 2.125rem;--font-size-hero: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 4px;--radius-md: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 2px rgba(0, 0, 0, .3)}:root[data-theme=light]{--color-bg-canvas: #f7f8f5;--color-bg-surface: #ffffff;--color-bg-surface-raised: #eef0ea;--color-bg-overlay: #e5e8de;--color-border: #dde1d6;--color-border-strong: #c7cdbe;--color-text-primary: #14181d;--color-text-secondary: #565f52;--color-text-disabled: #8b917f;--color-accent: #5c8a1a;--color-accent-strong: #4a7015;--color-accent-muted: rgba(92, 138, 26, .12);--color-accent-ink: #f4ffe0;--color-success: #128a5e;--color-success-muted: rgba(18, 138, 94, .12);--color-warning: #966018;--color-warning-muted: rgba(150, 96, 24, .12);--color-danger: #c23c2c;--color-danger-muted: rgba(194, 60, 44, .12)}@font-face{font-family:Space Grotesk;src:url(/assets/space-grotesk-variable-BhU9QXUp.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-variable-6fWv1k7M.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--space-4) 0;font-weight:var(--font-weight-semibold);letter-spacing:-.01em}h1{font-size:var(--font-size-xl2)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-md)}h4{font-size:var(--font-size-base)}p{margin:0 0 var(--space-3) 0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--color-text-secondary)}.empty,.status-msg{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-msg--error{color:var(--color-danger)}.status-msg--warning{color:var(--color-warning)}.hidden{display:none!important}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg-surface-raised);color:var(--color-text-primary);cursor:pointer;transition:background-color .15s,border-color .15s}.btn:hover{border-color:var(--color-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);font-weight:var(--font-weight-semibold)}.btn--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn--success{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-muted)}.btn--success:hover{background:var(--color-success);color:#06231a}.btn--danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-muted)}.btn--danger:hover{background:var(--color-danger);color:#2b0a0a}.link-button{background:none;border:none;padding:0;color:var(--color-accent);cursor:pointer;font-size:inherit;font-family:inherit}.link-button:hover{text-decoration:underline}input,select,textarea{font-family:var(--font-sans);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg-canvas);color:var(--color-text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent)}input::placeholder{color:var(--color-text-disabled)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.mono{font-family:var(--font-mono)}.inline-form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;background:var(--color-bg-surface-raised);color:var(--color-text-secondary)}.badge-online{background:var(--color-success-muted);color:var(--color-success)}.badge-degraded{background:var(--color-warning-muted);color:var(--color-warning)}.badge-offline{background:var(--color-bg-surface-raised);color:var(--color-text-disabled)}table.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}table.table th,table.table td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border)}table.table th{background:var(--color-bg-surface-raised);color:var(--color-text-secondary);font-family:var(--font-mono);font-weight:var(--font-weight-medium);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:.1em}table.table td{font-variant-numeric:tabular-nums}table.table tr:hover td{background:var(--color-bg-surface-raised)}table.table button.approve,table.table button.reject{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;margin-right:var(--space-2)}table.table button.approve{border:1px solid var(--color-success);color:var(--color-success);background:var(--color-success-muted)}table.table button.reject{border:1px solid var(--color-danger);color:var(--color-danger);background:var(--color-danger-muted)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.table-search{max-width:280px}.table-pagination{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.stat-row{display:flex;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-4)}.stat{background:var(--color-bg-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);min-width:140px}.stat .stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;display:block}.stat .stat-label{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.gallery .gallery-item{background:var(--color-bg-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.gallery .gallery-item img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.gallery .gallery-item .gallery-caption{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.detail-panel{background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-4)}#root{min-height:100vh}.app-loading{padding:var(--space-6);color:var(--color-text-secondary)}.shell{max-width:1100px;margin:0 auto;padding:0 var(--space-5)}.shell-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.shell-header h1{font-size:var(--font-size-lg);margin:0;color:var(--color-text-primary)}.shell-header .shell-user{display:flex;align-items:center;gap:var(--space-4)}.shell-header .shell-user-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.shell-main{padding:var(--space-6) 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:360px;padding:var(--space-6)}.login-card h1{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--space-6)}.view-section{margin-top:var(--space-6)}.view-section:first-child{margin-top:0}.admin-layout{display:flex;gap:var(--space-6);align-items:flex-start}.admin-sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:var(--space-1);position:sticky;top:var(--space-5)}.admin-content{flex:1;min-width:0}.admin-sidebar-group-label{font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-disabled);margin:var(--space-4) var(--space-3) var(--space-1)}.admin-sidebar-group-label:first-child{margin-top:0}.admin-nav-item{display:block;width:100%;background:none;border:none;border-left:2px solid transparent;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;border-radius:var(--radius-sm);cursor:pointer}.admin-nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-surface-raised)}.admin-nav-item.active{color:var(--color-accent);background:var(--color-accent-muted);border-left-color:var(--color-accent)}.channel-logo-cell{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.channel-logo-thumb{width:40px;height:40px;object-fit:contain;background:var(--color-bg-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1)}.channel-logo-placeholder{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-surface-raised);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-disabled);font-size:var(--font-size-2xs);text-align:center;line-height:1.2}.channel-logo-input{font-size:var(--font-size-xs);max-width:170px}.channel-logo-thumb-btn{padding:0;border:none;background:none;cursor:pointer;line-height:0;border-radius:var(--radius-sm)}.channel-logo-thumb-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.logo-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.logo-lightbox-frame{position:relative;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5);max-width:min(90vw,400px);max-height:90vh;display:flex}.logo-lightbox-img{max-width:100%;max-height:calc(90vh - var(--space-5) * 2);object-fit:contain}.logo-lightbox-close{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border:none;border-radius:var(--radius-full);background:var(--color-bg-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1;cursor:pointer}.logo-lightbox-close:hover{background:var(--color-border)}