.portal-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text)}.portal-sidebar{z-index:20;width:var(--portal-sidebar-width);background:var(--color-surface);border:1px solid var(--color-border);min-height:100vh;box-shadow:var(--portal-shadow);border-left:0;border-radius:0 18px 18px 0;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden auto}.portal-sidebar__top{flex:none;padding:24px 14px}.portal-sidebar__bottom{border-top:1px solid var(--color-border);flex-direction:column;flex:auto;padding:20px 14px;display:flex}.portal-sidebar__brand{letter-spacing:.01em;color:var(--color-text);margin:0 0 24px;padding:0 4px;font-size:1.05rem;font-weight:800;display:block}.portal-sidebar__brand-accent{color:var(--color-accent)}.portal-sidebar__logo-divider{background:var(--color-border);border-radius:99px;height:3px;margin:0 4px 24px}.portal-sidebar__nav{flex-direction:column;gap:10px;display:flex}.portal-sidebar__link{min-height:44px;color:var(--color-text-secondary);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;display:flex}.portal-sidebar__link:hover{color:var(--color-text);background:#f8fafc}.portal-sidebar__link--active{color:var(--color-accent);background:#eaf1ff;border-color:#d6e4ff}.portal-sidebar__icon{color:currentColor;flex:0 0 20px;width:20px;height:20px}.portal-sidebar__icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:20px;height:20px}.portal-sidebar__logout-form{flex:none;margin-top:auto}.portal-sidebar__logout{border:1px solid var(--color-border);width:100%;min-height:42px;color:var(--color-text-secondary);font-family:var(--font-primary);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#fff;border-radius:12px;font-size:.875rem;font-weight:600}.portal-sidebar__logout:hover{color:var(--color-text);background:#f8fafc;border-color:#d0d5dd}.portal-main{min-height:100vh;margin-left:var(--portal-sidebar-width);padding:48px clamp(24px,5vw,72px)}@media (max-width:860px){.portal-sidebar{border:0;border-bottom:1px solid var(--color-border);border-radius:0 0 18px 18px;width:auto;min-height:auto;position:static}.portal-sidebar__top,.portal-sidebar__bottom{flex:initial;padding:16px}.portal-sidebar__bottom{border-top:0}.portal-sidebar__logout-form{margin-top:0}.portal-main{margin-left:0;padding:28px 16px}}.page-stub{max-width:760px}.page-stub__eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700;display:inline-block}.page-stub__title{color:var(--color-text);margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}.page-stub__subtitle{color:var(--color-text-secondary);margin:16px 0 0;font-size:1rem;line-height:1.6}.auth-layout{min-height:100vh;padding:var(--space-xl) var(--space-md);background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:420px;padding:var(--space-2xl) var(--space-xl)}@media (max-width:480px){.auth-form{padding:var(--space-xl) var(--space-md)}}.auth-form__title{color:var(--color-text);margin:0 0 var(--space-xs);font-size:1.5rem;font-weight:700;line-height:1.3}.auth-form__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-xl)}.auth-form__fields{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.auth-field{gap:var(--space-xs);flex-direction:column;display:flex}.auth-field__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.auth-field__input{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-family:var(--font-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);padding:10px 14px;line-height:1.5}.auth-field__input::placeholder{color:var(--color-text-secondary)}.auth-field__input:focus{border-color:var(--color-accent);outline:none}.auth-field__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-field__password-wrapper{align-items:center;display:flex;position:relative}.auth-field__input--password{padding-right:44px}.auth-field__toggle{cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:.78rem;font-weight:600;display:flex;position:absolute;right:12px}.auth-field__toggle:hover{color:var(--color-text)}.auth-form__error{align-items:flex-start;gap:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:#c0392b;margin-bottom:var(--space-md);background-color:#e054541a;border:1px solid #e054544d;padding:12px 14px;line-height:1.5;display:flex}.auth-form__submit{border-radius:var(--radius-pill);width:100%;font-size:var(--font-size-base);padding:12px 24px;font-weight:600}