*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f6f8fb;color:#111827}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb}.topbar-inner{max-width:1280px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.brand{font-size:1.2rem;font-weight:800;color:#2563eb}.live-status-badge{font-size:.75rem;font-weight:700;border-radius:999px;padding:4px 10px;border:1px solid transparent;letter-spacing:.02em}.live-status-badge-off{background:#fee2e2;color:#991b1b;border-color:#fecaca}.live-status-badge-on{background:#dcfce7;color:#166534;border-color:#bbf7d0}.main-nav{display:flex;align-items:center;gap:8px;flex:1}.main-nav-link{padding:8px 10px;border-radius:8px;color:#374151;font-weight:500}.main-nav-link:hover{background:#eef2ff;color:#1d4ed8}.main-nav-link-active{background:#dbeafe;color:#1d4ed8;font-weight:700}.app-container{max-width:1280px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600}.btn-small{font-size:.85rem;padding:6px 10px}.btn-outline{border-color:#cbd5e1;color:#334155;background:#fff}.btn-outline:hover{border-color:#2563eb;color:#1d4ed8}