.app-root{--app-bg:#f8f9ff;--app-bg-elevated:#eff4ff;--app-surface:#fff;--app-surface-muted:#e6eeff;--app-border:#e5e7eb;--app-border-strong:#bec9c7;--app-text:#121c2a;--app-muted:#3e4948;--app-dim:#6e7978;--app-primary:#004f4d;--app-primary-bright:#006967;--app-primary-soft:#0069671a;--app-primary-glow:#00696740;--app-on-primary:#fff;--app-sidebar:#111827;--app-sidebar-muted:#94a3b8;--app-sidebar-label:#64748b;--app-sidebar-hover:#ffffff0f;--app-sidebar-active:#006967;--app-sidebar-active-text:#fff;--app-sidebar-width:240px;--app-success:#15803d;--app-error:#ba1a1a}.app-display{font-family:var(--font-display),var(--font-sans),system-ui,sans-serif;letter-spacing:-.02em}.app-header-profile-name{color:var(--app-text)}.app-header-profile-role{color:var(--app-dim)}@media (max-width:1023px){.header.app-mobile-header{background-color:var(--app-sidebar);padding-top:env(safe-area-inset-top,0px);min-height:calc(var(--header-height) + env(safe-area-inset-top,0px));border-bottom:1px solid #ffffff14;height:auto;box-shadow:0 4px 6px -1px #11182724,0 14px 28px -10px #004f4d2e}.header.app-mobile-header .app-header-logo-name{color:#fff}.header.app-mobile-header .app-plan-badge{color:var(--app-sidebar-muted);background:#ffffff0f;border-color:#ffffff1f}.header.app-mobile-header .app-plan-badge--pro{color:#a7f3d0;background:#00696747;border-color:#00696773}.header.app-mobile-header .app-plan-badge--trial{color:#fde68a;background:#fbbf2424;border-color:#fbbf2466}.header.app-mobile-header .app-header-plan-label{color:var(--app-sidebar-muted)}.header.app-mobile-header .app-header-plan-link:hover .app-plan-badge,.header.app-mobile-header .app-header-plan-link:focus-visible .app-plan-badge{background:#ffffff1a;border-color:#fff3}.header.app-mobile-header .app-header-icon-btn{color:var(--app-sidebar-muted)}.header.app-mobile-header .app-header-icon-btn:hover,.header.app-mobile-header .app-header-icon-btn:active{color:#fff;background:var(--app-sidebar-hover)}.header.app-mobile-header .app-header-profile-link:hover,.header.app-mobile-header .app-header-profile-link:active{background:var(--app-sidebar-hover)}.header.app-mobile-header .app-header-profile-name{color:#fff}.header.app-mobile-header .app-header-profile-role{color:var(--app-sidebar-muted)}}.app-mono{font-family:var(--font-mono),ui-monospace,monospace}.app-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d}.app-hero{color:#fff;background:linear-gradient(135deg,#004f4d 0%,#006967 50%,#026a68 100%);border-radius:1rem}.app-table-row:hover{background:var(--app-bg-elevated)}.app-sidebar-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1rem .875rem;display:flex}.app-sidebar-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--app-sidebar-label);margin:0;padding:1.25rem 1rem .375rem;font-size:10px;font-weight:600}.app-sidebar-section-label:first-of-type{padding-top:.5rem}.app-sidebar-link{border-radius:.5rem;align-items:center;gap:.75rem;min-height:40px;margin:0 .75rem .3125rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:background-color .15s,color .15s;display:flex}.app-sidebar-link--inactive{color:var(--app-sidebar-muted)}.app-sidebar-link--inactive:hover{color:#fff;background:var(--app-sidebar-hover)}.app-sidebar-link--active{background:var(--app-sidebar-active);color:var(--app-sidebar-active-text);font-weight:600}.app-sidebar-pro-badge{background:var(--app-sidebar-active);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:.25rem;flex-shrink:0;margin-left:auto;padding:.125rem .375rem;font-size:9px;font-weight:700}.app-sidebar-soon-badge,.app-sidebar-beta-badge{color:var(--app-sidebar-muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff24;border-radius:.25rem;flex-shrink:0;margin-left:auto;padding:.125rem .375rem;font-size:9px;font-weight:700}.app-sidebar-beta-badge{color:#fde68a;background:#fbbf241f;border-color:#fbbf2459}.app-sidebar-plan-badge{color:var(--app-sidebar-muted);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;flex-shrink:0;padding:.125rem .4375rem;font-size:9px;font-weight:700;line-height:1.2}.app-sidebar-plan-badge--pro{color:#a7f3d0;background:#00696747;border-color:#00696773}.app-plan-badge{border:1px solid var(--app-border);background:var(--app-bg-elevated);color:var(--app-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:9999px;flex-shrink:0;padding:.1875rem .5rem;font-size:10px;font-weight:700;line-height:1.2}.app-plan-badge--header{display:inline-flex}.app-plan-badge--pro{background:var(--app-primary-soft);color:var(--app-primary-bright);border-color:#00696740}.app-plan-badge--trial{color:#b45309;background:#fbbf241f;border-color:#fbbf2459}.app-header-brand{min-width:0}.app-header-station-name{font-family:var(--font-display),var(--font-sans),system-ui,sans-serif;color:var(--app-text);font-size:.875rem;font-weight:700;line-height:1.2}.app-header-station-code{font-family:var(--font-mono),ui-monospace,monospace;color:var(--app-dim);margin-top:.0625rem;font-size:10px;font-weight:600;line-height:1.2}.app-header-brand-divider{background:var(--app-border);flex-shrink:0;align-self:stretch;width:1px;min-height:1.75rem}.app-header-plan-chip{flex-shrink:0;align-items:center;gap:.375rem;display:inline-flex}.app-header-plan-label{letter-spacing:.12em;text-transform:uppercase;color:var(--app-dim);font-size:9px;font-weight:700;line-height:1}.app-header-plan-link{border-radius:9999px;flex-shrink:0;align-items:center;text-decoration:none;transition:opacity .15s;display:inline-flex}.app-header-plan-link:hover,.app-header-plan-link:focus-visible{opacity:.92;outline:none}.app-header-plan-link:focus-visible .app-plan-badge{box-shadow:0 0 0 2px var(--app-primary-glow)}.app-sidebar-plan-badge--trial{color:#fde68a;background:#fbbf2424;border-color:#fbbf2466}.app-sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:1rem .75rem .75rem}.app-settings-menu{margin-bottom:.375rem;position:relative}.app-sidebar-footer .app-sidebar-link{box-sizing:border-box;width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem}.sidebar.collapsed .app-sidebar-footer .app-sidebar-link{justify-content:center;width:auto;max-width:none;margin-left:.5rem;margin-right:.5rem}.app-sidebar-collapse{color:var(--app-sidebar-muted);border-radius:.375rem;justify-content:center;align-items:center;padding:.375rem;transition:color .15s,background-color .15s;display:flex}.app-sidebar-collapse:hover{color:#fff;background:var(--app-sidebar-hover)}.app-settings-popover{z-index:60;border:1px solid var(--app-border);background:var(--app-surface);border-radius:.75rem;padding:.25rem 0;position:absolute;bottom:calc(100% + .5rem);left:1rem;right:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0f172a14,0 16px 32px -8px #0f172a24}.app-settings-popover--flyout{width:12.75rem;bottom:0;left:calc(100% + .5rem);right:auto}.app-settings-popover-email{color:var(--app-dim);background:var(--app-bg-elevated);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:.5rem .75rem .375rem;font-size:.625rem;font-weight:500;line-height:1.3;overflow:hidden}.app-settings-popover-divider{background:var(--app-border);height:1px;margin:0}.app-settings-popover-item{text-align:left;width:100%;color:var(--app-text);background:0 0;border:0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .15s;display:flex}.app-settings-popover-item:hover,.app-settings-popover-item:focus-visible{background:var(--app-bg-elevated);outline:none}.app-settings-popover-item-icon{color:var(--app-muted);flex-shrink:0}.app-settings-popover-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-settings-popover-item-chevron{color:var(--app-dim);flex-shrink:0}.app-settings-trigger-chevron{color:var(--app-sidebar-muted);flex-shrink:0;margin-left:auto;transition:transform .15s}.app-settings-trigger-chevron--open{transform:rotate(180deg)}.app-account-page{flex-direction:column;flex:1;gap:.875rem;min-height:0;display:flex}.app-account-station-card{background:var(--app-sidebar);color:var(--app-on-primary);border:1px solid #ffffff0f;border-radius:1rem;padding:1.125rem;box-shadow:0 4px 6px -1px #11182724,0 14px 28px -10px #004f4d38}.app-account-station-icon{color:#95e5e2;background:#00696738;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;box-shadow:inset 0 0 0 1px #95e5e224}.app-account-station-label{letter-spacing:.14em;text-transform:uppercase;color:var(--app-primary-bright);margin:0 0 .25rem;font-size:10px;font-weight:700;line-height:1}.app-account-station-name{font-family:var(--font-display),var(--font-sans),system-ui,sans-serif;color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.app-account-station-code{font-family:var(--font-mono),ui-monospace,monospace;color:var(--app-sidebar-muted);margin:.125rem 0 0;font-size:11px;font-weight:600}.app-account-user-row{border-top:1px solid #ffffff14;align-items:center;gap:.625rem;margin-top:.875rem;padding-top:.875rem;display:flex}.app-account-user-avatar{width:1.75rem;height:1.75rem;color:var(--app-sidebar-muted);background:#ffffff14;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-account-user-email{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.app-account-user-role{letter-spacing:.1em;text-transform:uppercase;color:var(--app-sidebar-muted);font-size:10px;font-weight:700;display:block}.app-account-menu-panel{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;padding:.375rem .875rem;box-shadow:0 4px 6px -1px #0000000a}.app-account-menu-row{text-align:left;width:100%;min-height:3.375rem;color:var(--app-text);touch-action:manipulation;background:0 0;border:0;border-radius:.75rem;align-items:center;gap:.875rem;padding:.8125rem .25rem;text-decoration:none;transition:background-color .15s,opacity .15s;display:flex}.app-account-menu-row:active{background:var(--app-bg-elevated)}.app-account-menu-row[aria-current=page]{background:var(--app-primary-soft)}.app-account-menu-icon{background:var(--app-surface-muted);width:2.5rem;height:2.5rem;color:var(--app-primary-bright);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-account-menu-row[aria-current=page] .app-account-menu-icon{color:var(--app-primary);background:#00696729}.app-account-menu-label{min-width:0;color:var(--app-text);flex:1;font-size:.875rem;font-weight:600;line-height:1.2}.app-account-soon-badge{border:1px solid var(--app-border);background:var(--app-bg-elevated);color:var(--app-dim);border-radius:9999px;flex-shrink:0;padding:.1875rem .5625rem;font-size:10px;font-weight:700}.app-account-beta-badge{color:#b45309;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:9999px;flex-shrink:0;padding:.1875rem .5625rem;font-size:10px;font-weight:700}.app-account-pro-badge{background:var(--app-primary-soft);color:var(--app-primary-bright);border:1px solid #00696733;border-radius:9999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.1875rem .5625rem;font-size:10px;font-weight:700;display:inline-flex}.app-account-menu-chevron{color:var(--app-dim);flex-shrink:0}.app-account-menu-sub{margin:0;padding:0}.app-account-menu-sub .app-account-menu-row{min-height:3rem;padding:.6875rem .25rem}.app-account-menu-sub .app-account-menu-icon{width:2.125rem;height:2.125rem;color:var(--app-muted);border-radius:.625rem}.app-account-menu-sub .app-account-menu-label{color:var(--app-muted);font-size:.8125rem;font-weight:500}.app-account-signout-icon-btn{color:#fda4af;touch-action:manipulation;background:#ffffff14;border:0;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .15s,color .15s;display:flex}.app-account-signout-icon-btn:active{color:#fecdd3;background:#f43f5e33}