:root{color-scheme:light dark;--bg: #0f1115;--panel: #171a21;--border: #2a2e38;--text: #e6e8ec;--muted: #9aa1ad;--accent: #4f8cff;--danger: #e5484d;--warn: #c9971e;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}button:disabled{background:#3a3f4b;cursor:not-allowed}input,select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:2rem;padding:.75rem 1.5rem;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:1.25rem;flex:1}.topbar nav a.active{color:#fff;font-weight:600}.user-box{display:flex;align-items:center;gap:.75rem;color:var(--muted)}.live-indicator{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#6b7280}.live-dot-on{background:#2ecc71;box-shadow:0 0 0 2px #2ecc7140}.content{padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);padding:2rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem;min-width:320px}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}.filters{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.filters .checkbox,.filters .inline{display:flex;align-items:center;gap:.4rem;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border)}.data-table th,.data-table td{padding:.6rem .8rem;border-bottom:1px solid var(--border);text-align:left}.data-table .empty{text-align:center;color:var(--muted);padding:2rem}.thumb{width:64px;height:40px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.thumb-placeholder{color:var(--muted)}.pagination{display:flex;align-items:center;gap:1rem;margin-top:1rem;color:var(--muted)}.flag-badge{display:inline-block;background:#c9971e26;color:var(--warn);border:1px solid var(--warn);border-radius:4px;padding:.1rem .5rem;font-size:.8rem;margin-left:.5rem}.error-text{color:var(--danger)}.muted{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.image-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.image-block img{max-width:100%;border-radius:6px}.meta-table{width:100%;border-collapse:collapse}.meta-table th{text-align:left;color:var(--muted);font-weight:500;padding:.35rem .5rem;width:45%}.meta-table td{padding:.35rem .5rem}.link-button{display:inline-block;margin-top:1rem}.timeline{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;align-items:center}.timeline-date{font-weight:600}