@layer theme,base;@layer components{.auth-shell{padding-block:var(--space-lg);padding-left:max(var(--space-gutter), var(--safe-l));padding-right:max(var(--space-gutter), var(--safe-r));justify-content:center;display:flex}.auth-card{background-color:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-lg);width:100%;max-width:440px}.konto-shell{width:100%;max-width:960px;padding-block:var(--space-md);padding-left:max(var(--space-gutter), var(--safe-l));padding-right:max(var(--space-gutter), var(--safe-r));margin-inline:auto}.konto-auth-shell{width:100%;max-width:420px;padding-block:var(--space-lg);padding-left:max(var(--space-gutter), var(--safe-l));padding-right:max(var(--space-gutter), var(--safe-r));margin-inline:auto}.konto-layout{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.konto-layout{grid-template-columns:200px 1fr}}.konto-nav{gap:var(--space-2xs);flex-direction:column;display:flex}.konto-nav-link{padding:var(--space-xs) .75rem;border-radius:var(--radius-control);color:var(--on-surface);font-size:var(--text-label-size);text-decoration:none;display:block}.konto-nav-link:hover{background-color:var(--badge-neutral-bg)}.konto-nav-link--active{background-color:var(--badge-neutral-bg);color:var(--link-hover);font-weight:600}}@layer utilities;