@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--color-bg: #f3f4f9;--color-surface: #ffffff;--color-surface-alt: #f8f9fc;--color-border: #e5e7f0;--color-border-strong: #d7dae6;--color-text: #14161f;--color-text-muted: #676d7e;--color-text-subtle: #9aa0b1;--color-primary: #7c3aed;--color-primary-dark: #6d28d9;--color-primary-light: #f2edfe;--color-primary-contrast: #ffffff;--color-success: #067647;--color-success-bg: #ecfdf3;--color-success-border: #abefc6;--color-warning: #b54708;--color-warning-bg: #fffaeb;--color-warning-border: #fedf89;--color-danger: #b42318;--color-danger-bg: #fef3f2;--color-danger-border: #fecdca;--color-info: #175cd3;--color-info-bg: #eff8ff;--color-info-border: #b2ddff;--color-blue: #2563eb;--color-blue-bg: #eff4ff;--color-orange: #ea580c;--color-orange-bg: #fff4ec;--sidebar-bg: #1c1533;--sidebar-bg-elevated: #251c42;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-text: #b7b4d6;--sidebar-text-muted: #7f7ba3;--sidebar-text-active: #ffffff;--sidebar-active-bg: linear-gradient(135deg, var(--color-primary), #a855f7);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .07), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 6px 16px rgba(16, 24, 40, .08);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .14);font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-text);color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 480px at 12% -10%,rgba(124,58,237,.08),transparent 60%),radial-gradient(900px 420px at 100% 0%,rgba(37,99,235,.06),transparent 55%),var(--color-bg);min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}h1{font-size:1.6rem}.topbar h1{display:inline-flex;flex-direction:column;align-items:flex-start}h2{font-size:1.1rem;margin-bottom:.9rem}a{color:var(--color-primary)}.heading-accent{width:34px;height:4px;border-radius:var(--radius-pill);margin-top:.4rem;background:linear-gradient(90deg,var(--color-primary),#a855f7)}.page{min-height:100vh;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.card{width:min(1420px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-md)}.card.narrow{width:min(420px,100%)}.center-card{min-height:100vh;display:grid;place-items:center;font-size:1rem;color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}.row{display:flex;gap:.75rem;align-items:center}.between{justify-content:space-between}.brand{display:flex;align-items:center;gap:.6rem}.sidebar-title{font-size:1.2rem;font-weight:800;color:var(--sidebar-text-active)}.brand-accent{color:#a78bfa}.card.narrow .brand-accent{color:var(--color-primary)}.card.narrow h1{font-size:1.35rem}.form{margin-top:1rem;display:flex;flex-direction:column;gap:.9rem}label{display:flex;flex-direction:column;font-size:.85rem;font-weight:500;color:var(--color-text-muted);gap:.35rem}input,select{font-family:inherit;font-size:.92rem;color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:.6rem .75rem;background:var(--color-surface);transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:var(--color-text-subtle)}input:focus,select:focus,button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:.5rem}button{font-family:inherit;border:0;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-contrast);font-size:.85rem;font-weight:600;padding:.6rem 1.1rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease;box-shadow:var(--shadow-xs)}button:hover:not([disabled]){background:var(--color-primary-dark)}button:active:not([disabled]){transform:translateY(1px)}button[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-light{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary-light);box-shadow:none}.btn-light:hover:not([disabled]){background:var(--color-primary-light);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);box-shadow:none}.btn-danger:hover:not([disabled]){background:#fee4e2}.error,.success{border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.88rem;border:1px solid transparent}.error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border);margin-top:.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem .22rem .5rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;line-height:1.4;text-transform:capitalize;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex-shrink:0}.badge-success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.badge-warning{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning-border)}.badge-danger{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border)}.badge-info{color:var(--color-info);background:var(--color-info-bg);border-color:var(--color-info-border)}.badge-neutral{color:var(--color-text-muted);background:var(--color-surface-alt);border-color:var(--color-border)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:0 0 1rem}.stat{position:relative;overflow:hidden;border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);padding:1.2rem 1.3rem;background:var(--color-surface);box-shadow:var(--shadow-xs)}.stat-label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.stat-value{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.stat-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--color-primary);color:#fff}.stat-icon svg{width:20px;height:20px}.stat-purple{border-left-color:var(--color-primary)}.stat-purple .stat-icon{background:var(--color-primary)}.stat-blue{border-left-color:var(--color-blue)}.stat-blue .stat-icon{background:var(--color-blue)}.stat-orange{border-left-color:var(--color-orange)}.stat-orange .stat-icon{background:var(--color-orange)}pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem;overflow:auto;max-height:260px;font-size:.82rem}.user-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.form-actions{display:flex;align-items:flex-end}.table-wrap{width:100%;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.7rem .9rem;font-size:.87rem;vertical-align:middle}.table thead th{position:sticky;top:0;background:var(--color-surface-alt);color:var(--color-text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);z-index:1}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-alt)}.table .btn-light{padding:.4rem .85rem;font-size:.78rem}.card.dashboard-shell{background:transparent;border:none;box-shadow:none;padding:0;border-radius:0}.dashboard-shell{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:start;position:relative}.sidebar{background:var(--sidebar-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.25rem 1.1rem;display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:1.25rem;max-height:calc(100vh - 2.5rem);overflow-y:auto}.sidebar .brand{padding:0 .2rem}.sidebar-overlay,.sidebar-toggle{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:1.1rem}.sidebar-group,.sidebar-server-list{display:flex;flex-direction:column;gap:.2rem}.sidebar-subtitle{font-size:.68rem;color:var(--sidebar-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:0 .6rem .35rem}.sidebar-nav button{text-align:left;background:transparent;color:var(--sidebar-text);border:1px solid transparent;box-shadow:none;font-weight:500;font-size:.87rem;padding:.6rem .75rem;border-radius:var(--radius-pill)}.sidebar-nav button:hover:not([disabled]){background:#ffffff0f;color:var(--sidebar-text-active)}.sidebar-nav .nav-active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:700;box-shadow:0 4px 14px #7c3aed59}.sidebar-nav .nav-active:hover{background:var(--sidebar-active-bg)}.server-chip{text-align:left;background:var(--sidebar-bg-elevated);color:var(--sidebar-text-active);border:1px solid var(--sidebar-border);box-shadow:none;display:flex;flex-direction:column;gap:.25rem;padding:.55rem .7rem;border-radius:var(--radius-sm);font-weight:500}.server-chip:hover:not([disabled]){border-color:#fff3}.server-chip.selected{border-color:var(--color-primary);background:#7c3aed40;box-shadow:inset 0 0 0 1px var(--color-primary)}.server-chip span{font-size:.76rem;color:var(--sidebar-text-muted);text-transform:capitalize}.server-search{width:100%;margin:0 0 .4rem;padding:.4rem .6rem;font-size:.8rem;background:var(--sidebar-bg-elevated);color:var(--sidebar-text-active);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm)}.server-search::placeholder{color:var(--sidebar-text-muted)}.server-picker-list{display:flex;flex-direction:column;gap:.15rem;max-height:260px;overflow-y:auto;padding-right:.15rem}.server-row{display:flex;align-items:center;gap:.5rem;text-align:left;background:transparent;color:var(--sidebar-text);border:1px solid transparent;box-shadow:none;padding:.35rem .6rem;border-radius:var(--radius-sm);font-weight:500;font-size:.85rem}.server-row:hover:not([disabled]){background:var(--sidebar-bg-elevated)}.server-row.selected{background:#7c3aed40;border-color:var(--color-primary);color:var(--sidebar-text-active)}.server-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--sidebar-text-muted)}.server-dot.status-linked{background:#22c55e}.server-dot.status-link_failed{background:#ef4444}.sidebar-server-list .muted{color:var(--sidebar-text-muted);font-size:.82rem;padding:0 .6rem}.sidebar-logout{margin-top:auto;background:transparent;color:var(--sidebar-text);border:1px solid var(--sidebar-border);box-shadow:none}.sidebar-logout:hover:not([disabled]){background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.dashboard-main{min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.6rem 1.75rem}.topbar{padding-bottom:1.1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.section-stack{display:flex;flex-direction:column;gap:.9rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.config-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.config-tabs .tab-active{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:none}.user-chip{display:flex;align-items:center;gap:.6rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.35rem .9rem .35rem .35rem;box-shadow:none}.user-chip:hover:not([disabled]){background:var(--color-surface-alt);border-color:var(--color-border-strong)}.user-chip-avatar{flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-pill);display:grid;place-items:center;background:linear-gradient(135deg,var(--color-primary),#a855f7);color:#fff;font-weight:700;font-size:.74rem}.user-chip-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.user-chip-info strong{font-size:.83rem;font-weight:600;color:var(--color-text)}.user-chip-info .muted{font-size:.72rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000;padding:1rem;animation:fade-in .15s ease}.modal-card{width:min(620px,100%);max-height:min(88vh,780px);overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:1.25rem;box-shadow:var(--shadow-lg);animation:pop-in .16s ease}.modal-card>.row.between{padding-bottom:.85rem;margin-bottom:.4rem;border-bottom:1px solid var(--color-border)}.modal-card h3{font-size:1.05rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.compact-heading{margin:.2rem 0 0;font-size:1rem}@media (max-width: 1024px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,88vw);border-radius:0;border-right:1px solid var(--sidebar-border);border-left:0;border-top:0;border-bottom:0;background:var(--sidebar-bg);z-index:1200;max-height:100vh;transform:translate(-105%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1473;z-index:1100}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:1.05rem;padding:0;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:none;border-radius:var(--radius-sm)}}@media (max-width: 640px){.page{padding:.85rem}.dashboard-main{padding:1.1rem}.user-chip-info{display:none}}.viz-root{color-scheme:light;--viz-surface: #fcfcfb;--viz-ink: #0b0b0b;--viz-ink-2: #52514e;--viz-muted: #898781;--viz-grid: #e1e0d9;--viz-axis: #c3c2b7;--viz-1: #2a78d6;--viz-2: #eb6834;--viz-good: #0ca30c;--viz-warning: #fab219;--viz-critical: #d03b3b;--viz-neutral: #a8a69e}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])) .viz-root{color-scheme:dark;--viz-surface: #1a1a19;--viz-ink: #ffffff;--viz-ink-2: #c3c2b7;--viz-grid: #2c2c2a;--viz-axis: #383835;--viz-1: #3987e5;--viz-2: #d95926}}:root[data-theme=dark] .viz-root{color-scheme:dark;--viz-surface: #1a1a19;--viz-ink: #ffffff;--viz-ink-2: #c3c2b7;--viz-grid: #2c2c2a;--viz-axis: #383835;--viz-1: #3987e5;--viz-2: #d95926}.viz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.viz-card{background:var(--viz-surface);color:var(--viz-ink);border:1px solid var(--viz-grid);border-radius:var(--radius-lg, 12px);padding:1rem 1.1rem 1.1rem;min-width:0}.viz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.viz-title{font-size:.95rem;font-weight:600;margin:0;color:var(--viz-ink)}.viz-sub{color:var(--viz-ink-2);font-size:.8rem;margin:.15rem 0 0}.viz-toggle{display:inline-flex;gap:.15rem}.viz-toggle button{padding:.15rem .55rem;font-size:.75rem;background:transparent;color:var(--viz-ink-2);border:1px solid var(--viz-grid);box-shadow:none}.viz-toggle button.on{color:var(--viz-ink);border-color:var(--viz-axis);font-weight:600}.viz-legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.6rem 0 .2rem;font-size:.78rem;color:var(--viz-ink-2)}.viz-legend span{display:inline-flex;align-items:center;gap:.4rem}.viz-key{width:10px;height:10px;border-radius:2px;display:inline-block;flex:none}.viz-body{margin-top:.6rem}.viz-body.loading{opacity:.55}.viz-svg{display:block;overflow:visible}.viz-svg text{fill:var(--viz-ink-2);font-size:12px;font-family:inherit}.viz-svg .viz-value{fill:var(--viz-ink);font-weight:600}.viz-svg .viz-muted{fill:var(--viz-muted)}.viz-svg .grid{stroke:var(--viz-grid);stroke-width:1;shape-rendering:crispEdges}.viz-svg .axis{stroke:var(--viz-axis);stroke-width:1;shape-rendering:crispEdges}.viz-mark{cursor:default;transition:filter .1s}.viz-mark:hover,.viz-mark:focus{filter:brightness(1.12);outline:none}.viz-tip{position:fixed;z-index:60;pointer-events:none;min-width:140px;max-width:260px;background:var(--viz-surface);color:var(--viz-ink);border:1px solid var(--viz-axis);border-radius:8px;padding:.45rem .6rem;font-size:.78rem;box-shadow:0 6px 20px #0000001f}.viz-tip .t-title{color:var(--viz-ink-2);margin-bottom:.25rem}.viz-tip .t-row{display:flex;align-items:center;gap:.45rem;justify-content:space-between}.viz-tip .t-row b{color:var(--viz-ink);font-weight:700}.viz-tip .t-line{width:12px;height:3px;border-radius:2px;flex:none}.viz-table{width:100%;border-collapse:collapse;font-size:.8rem}.viz-table th,.viz-table td{text-align:left;padding:.3rem .4rem;border-bottom:1px solid var(--viz-grid)}.viz-table td.num,.viz-table th.num{text-align:right;font-variant-numeric:tabular-nums}.stat-clickable{cursor:pointer;text-align:left;transition:transform .1s,box-shadow .1s}.stat-clickable:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000001a}.stat-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.analytics-filters{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.analytics-filters label{display:grid;gap:.35rem;min-width:140px}.analytics-ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.analytics-ranks>div{border:1px solid var(--viz-grid, #ddd);border-radius:10px;padding:1rem}.portal-apps-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg, 16px);background:linear-gradient(135deg,var(--color-primary-light),var(--color-surface) 70%);border:1px solid var(--color-border);padding:1.5rem 1.75rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.portal-apps-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(124,58,237,.06) 0 2px,transparent 2px 18px);pointer-events:none}.portal-apps-banner-title{position:relative;font-size:1.4rem;font-weight:800;margin:0 0 .25rem;color:var(--color-text)}.portal-apps-banner-subtitle{position:relative;color:var(--color-text-muted);margin:0;font-size:.9rem}.portal-apps-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}.portal-apps-toolbar input[type=search]{min-width:220px}.portal-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:1rem 1.1rem;cursor:pointer;text-align:left;font-family:var(--font-sans);box-shadow:var(--shadow-xs);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;display:block;width:100%}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.app-card-active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.app-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.app-card-title{font-weight:700;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-title-link:hover{color:var(--color-primary);text-decoration:underline}.app-card-summary-link{display:block;margin-top:.6rem;font-size:.8rem;color:var(--color-primary);font-weight:600}.app-card-summary-link:hover{text-decoration:underline}.app-card-access-btn{flex:none;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text)}.app-card-access-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.app-card-subtitle{font-size:.75rem;color:var(--color-text-subtle);margin-top:.15rem}.app-card-divider{border-top:1px solid var(--color-border);margin:.75rem 0}.app-card-fields{display:flex;flex-direction:column;gap:.45rem}.app-card-field{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.app-card-field-label{color:var(--color-text-subtle)}.app-card-copy-btn{padding:.1rem .3rem;font-size:.75rem;border:none;background:transparent;color:var(--color-text-subtle)}.app-card-copy-btn:hover{color:var(--color-primary)}.app-card-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;min-height:148px;background:var(--color-surface-alt);border:2px dashed var(--color-border-strong);color:var(--color-text-muted)}.app-card-new:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.app-card-new-plus{font-size:1.6rem;line-height:1}.portal-bottom-nav{display:none}@media (max-width: 640px){.portal-top-nav{display:none!important}.portal-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #1018280f;padding-bottom:env(safe-area-inset-bottom,0)}.portal-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .25rem .6rem;background:none;border:none;color:var(--color-text-subtle);font-size:.68rem;font-weight:600;border-radius:0}.portal-bottom-nav button.active{color:var(--color-primary)}}