.header-topline{justify-content:space-between;align-items:center;gap:1rem;min-height:4.15rem;padding-block:.65rem;display:flex}.header-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.header-brand-mark{color:#111827;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #f59e0b9e;border-radius:.95rem;flex:none;place-items:center;width:2.7rem;height:2.7rem;display:grid;box-shadow:0 10px 24px #f59e0b38}.header-mode-badge{color:#64748b;white-space:nowrap;background:#f1f5f9e0;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:.25rem;padding:.22rem .5rem;font-size:.62rem;font-weight:800;display:inline-flex}.header-mode-view{color:#0369a1;background:#e0f2fee6;border-color:#0ea5e940}.dark .header-mode-badge{color:#94a3b8;background:#1e293bd1;border-color:#64748b40}.dark .header-mode-view{color:#7dd3fc;background:#0e74902e}.header-top-actions{flex:none;align-items:center;gap:.45rem;display:flex}.header-live-status{color:#15803d;align-items:center;gap:.4rem;margin-inline-end:.25rem;font-size:.7rem;font-weight:800}.header-live-dot{background:#22c55e;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 4px #22c55e1f}.header-icon-button,.header-compact-button,.header-primary-action,.header-action,.header-menu>summary{white-space:nowrap;border-radius:.78rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.35rem;font-size:.72rem;font-weight:800;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.header-icon-button{color:#64748b;background:#f8fafce6;border:1px solid #94a3b840;width:2.35rem}.header-compact-button{color:#475569;background:#f8fafce6;border:1px solid #94a3b840;padding-inline:.75rem}.header-compact-blue{color:#0369a1;background:#e0f2fead;border-color:#0ea5e938}.header-primary-action{color:#111827;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #d9770661;padding-inline:.95rem;box-shadow:0 8px 18px #f59e0b33}.header-icon-button:hover,.header-compact-button:hover,.header-primary-action:hover,.header-action:hover,.header-menu>summary:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0f172a17}.header-nav{scrollbar-width:none;border-top:1px solid #94a3b824;align-items:center;gap:.45rem;min-height:3.3rem;padding-block:.55rem .7rem;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav-label{color:#94a3b8;white-space:nowrap;border-inline-end:1px solid #94a3b838;align-items:center;gap:.35rem;padding-inline:.25rem .7rem;font-size:.68rem;font-weight:900;display:inline-flex}.header-action{color:#475569;background:#f8fafcc7;border:1px solid #94a3b83d;padding-inline:.75rem}.header-action-brand{color:#111827;background:#f59e0b29;border-color:#f59e0b6b}.header-action-blue{color:#0369a1;background:#e0f2feb8;border-color:#0ea5e93d}.header-action-green{color:#047857;background:#d1fae5b8;border-color:#10b98140}.header-action-violet{color:#6d28d9;background:#ede9feb8;border-color:#8b5cf640}.header-menu{flex:none;position:relative}.header-menu>summary{color:#475569;cursor:pointer;background:#f8fafcc7;border:1px solid #94a3b83d;padding-inline:.75rem;list-style:none}.header-menu>summary::-webkit-details-marker{display:none}.header-menu-chevron{transition:transform .16s}.header-menu[open]>summary{color:#92400e;background:#fef3c7e6;border-color:#f59e0b57}.header-menu[open] .header-menu-chevron{transform:rotate(180deg)}.header-menu-panel{z-index:50;top:calc(100% + .55rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #94a3b840;border-radius:1rem;gap:.3rem;min-width:14rem;padding:.45rem;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 24px 55px #0f172a29}.header-menu-panel .header-action,.header-menu-link{color:#475569;background:0 0;border:0;border-radius:.65rem;justify-content:flex-start;width:100%;min-height:2.35rem;padding-inline:.7rem;font-size:.72rem;font-weight:800;text-decoration:none}.header-menu-panel .header-action:hover,.header-menu-link:hover{box-shadow:none;background:#f8fafc;transform:none}.header-menu-danger{color:#be123c}.dark .header-icon-button,.dark .header-compact-button,.dark .header-action,.dark .header-menu>summary{color:#cbd5e1;background:#1e293bc7;border-color:#64748b47}.dark .header-compact-blue,.dark .header-action-blue{color:#7dd3fc;background:#0e74902e;border-color:#38bdf840}.dark .header-action-brand{color:#fde68a;background:#f59e0b29}.dark .header-action-green{color:#6ee7b7;background:#065f4638}.dark .header-action-violet{color:#c4b5fd;background:#5b21b633}.dark .header-menu[open]>summary{color:#fde68a;background:#78350f47}.dark .header-menu-panel{background:#0f172afa;border-color:#64748b47}.dark .header-menu-panel .header-action,.dark .header-menu-link{color:#cbd5e1}.dark .header-menu-panel .header-action:hover,.dark .header-menu-link:hover{background:#3341559e}@media (width<=640px){.header-topline{min-height:3.9rem}.header-brand-mark{width:2.35rem;height:2.35rem}.header-primary-action,.header-compact-button{padding-inline:.62rem}.header-primary-action span,.header-compact-button span,.header-nav-label{display:none}}