#auth-container{max-width:480px;margin:0 auto}#auth-status{padding:var(--layout-spacing);background:var(--background-color-secondary);border-radius:var(--border-radius);margin-bottom:var(--layout-spacing)}.hidden{display:none !important}.user-profile{display:flex;align-items:center;gap:var(--layout-spacing);margin-bottom:var(--layout-spacing)}.avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-color)}.user-info{display:flex;flex-direction:column;gap:.25rem}.name{font-weight:700;font-size:1.1rem}.email{color:var(--text-color-secondary);font-size:.9rem}.auth-actions{display:flex;gap:var(--layout-spacing)}#token-info{padding:var(--layout-spacing);background:var(--background-color-secondary);border-radius:var(--border-radius)}#token-info h3{margin-top:0;margin-bottom:var(--layout-spacing)}#token-info dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0 0 var(--layout-spacing)}#token-info dt{font-weight:700;color:var(--text-color-secondary)}#token-info dd{margin:0}.token-actions{display:flex;gap:.5rem;margin-bottom:var(--layout-spacing)}.status-valid{color:var(--color-success)}.status-expired{color:var(--color-danger)}#api-result{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--layout-spacing);font-size:.85rem;overflow-x:auto;max-height:300px}.error{color:var(--color-danger);padding:var(--layout-spacing);background:rgba(var(--color-danger-rgb),.1);border-radius:var(--border-radius)}