:root{--portal-sidebar-w:240px;--portal-header-h:3.5rem;--portal-radius:6px;--portal-radius-lg:10px;--portal-transition:.2s cubic-bezier(.4,0,.2,1);--portal-green:#4a9e6e;--portal-green-dim:#4a9e6e1f;--portal-red:#c45c5c;--portal-red-dim:#c45c5c1f;--portal-gold-dim:#c9b99a1f}.portal-brand{margin-bottom:.35rem}.portal-brand__frame{font-family:var(--font-display);color:var(--color-text);font-size:1.6rem;font-weight:700}.portal-brand__wise{font-family:var(--font-display);color:var(--color-accent);font-size:1.6rem;font-weight:700}.portal-alert{border-radius:var(--portal-radius);margin-bottom:1rem;padding:.6rem 1rem;font-size:.8rem}.portal-alert--error{background:var(--portal-red-dim);color:var(--portal-red)}.portal-alert--success{background:var(--portal-green-dim);color:var(--portal-green)}.portal-access-denied{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.portal-access-denied__card{text-align:center;max-width:400px}.portal-access-denied__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:.75rem;font-size:1.3rem;font-weight:700}.portal-access-denied__text{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}.portal-access-denied__btn{font-family:var(--font-body);background:var(--color-accent);color:var(--color-bg);border-radius:var(--portal-radius);cursor:pointer;transition:all var(--portal-transition);border:none;justify-content:center;align-items:center;padding:.55rem 1.2rem;font-size:.8rem;font-weight:500;display:inline-flex}.portal-access-denied__btn:hover{background:var(--color-accent-bright)}.portal-loading{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.portal-spinner{justify-content:center;align-items:center;padding:3rem;display:flex}.portal-spinner:after{content:"";border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite portalSpin}@keyframes portalSpin{to{transform:rotate(360deg)}}.portal-panel ::-webkit-scrollbar{width:6px}.portal-panel ::-webkit-scrollbar-track{background:0 0}.portal-panel ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.portal-panel ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}